From 948f98c862ed1a6e07e9d316770a1b031bb351c8 Mon Sep 17 00:00:00 2001
From: zPlus <-->
Date: Fri, 7 Oct 2016 20:15:18 +0200
Subject: [PATCH] Move anchors id="" from <a/> tag to <div/>     modified:  
 css/freepost.css     modified:   template/comment.twig     modified:  
 template/post.twig

---
 css/freepost.css      | 11 +++++------
 template/comment.twig |  6 ++----
 template/post.twig    |  8 +++-----
 3 files changed, 10 insertions(+), 15 deletions(-)

diff --git a/css/freepost.css b/css/freepost.css
index 8d7b49e3..dea0fb20 100644
--- a/css/freepost.css
+++ b/css/freepost.css
@@ -16,8 +16,6 @@ img
 html, body
 {
     background-color: #fff; /* #f5f8fa; */
-    color: #000;
-    font-family: Verdana;
     font-size: 1em;
     height: 100%;
     line-height: 1em;
@@ -282,10 +280,11 @@ html, body
                          word-wrap: break-word;
                      }
 
-                 /* Give the comment that's linked to in the URL location hash a lightyellow background color */
-                 .content > .post > .comments > a:target + .comment {
-                     background-color: lightyellow;
-                 }
+                    /* Give the comment that's linked to in the URL location hash a lightyellow background color */
+                    .content > .post > .comments > .comment:target
+                    {
+                        background-color: lightyellow;
+                    }
 
                      
         /* User home page */
diff --git a/template/comment.twig b/template/comment.twig
index df2fc385..558326af 100644
--- a/template/comment.twig
+++ b/template/comment.twig
@@ -1,10 +1,8 @@
 {% if comments[parent_id] %}
     {% for comment in comments[parent_id] %}
         
-        {# Add an anchor link for this comment #}
-        <a id="comment-{{ comment.hashId }}"></a>
-        
-        <div class="comment" style="margin-left:{{ depth * 2 }}em">
+        {# The id="" is used as anchor #}
+        <div class="comment" style="margin-left:{{ depth * 2 }}em" id="comment-{{ comment.hashId }}">
             <div class="pin">▣</div>
             
             <div class="info">
diff --git a/template/post.twig b/template/post.twig
index 63bb2434..11016af1 100644
--- a/template/post.twig
+++ b/template/post.twig
@@ -35,17 +35,15 @@
         {{ post.text|markdown|raw }}
     </div>
     
-    {# An anchor for where the comments section starts #}
-    <a id="comments"></a>
-    
     {% if user %}
         <form action="" method="post" class="new_comment">
             <textarea name="new_comment" required="required" class="form-control" placeholder="Write a comment"></textarea>
             <input type="submit" value="Add comment" class="btn btn-primary" />
         </form>
     {% endif %}
-
-    <div class="comments">
+    
+    {# id="" used as anchor #}
+    <div class="comments" id="comments">
         {% include 'comment.twig' with {
             'post': post,
             'comments': comments,