From fd976fc7e0947e0cdd694a697f77262f266be2e9 Mon Sep 17 00:00:00 2001
From: Andrew Zhao <azhao@ugcs.caltech.edu>
Date: Sun, 7 May 2017 21:49:00 -0700
Subject: [PATCH] add clickable comment targets

---
 public/css/style-night.css | 6 ++++++
 public/css/style.css       | 6 +++++-
 templates/view.html        | 9 ++++++---
 3 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/public/css/style-night.css b/public/css/style-night.css
index 024902ab..289f738c 100644
--- a/public/css/style-night.css
+++ b/public/css/style-night.css
@@ -187,3 +187,9 @@ div.container div.blockBody:nth-of-type(2) table tr:first-of-type th:last-of-typ
 .navbar {
     border-radius: 0px;
 }
+
+
+:target {
+    background-color: #585b4f;
+}
+
diff --git a/public/css/style.css b/public/css/style.css
index 86db4521..dadcf202 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -191,4 +191,8 @@ div.container div.blockBody:nth-of-type(2) table tr:first-of-type th:last-of-typ
 .navbar-nav>li>a.profile-image {
     padding-top: 10px;
     padding-bottom: 10px;
-}
\ No newline at end of file
+}
+
+:target {
+    background-color: #e5eecc;
+}
diff --git a/templates/view.html b/templates/view.html
index 2b5ebd33..ce3f1426 100644
--- a/templates/view.html
+++ b/templates/view.html
@@ -47,9 +47,12 @@
                   <td>Comments</td>
                   <td></td>
               </tr>
-              {{ range .Comments }}
-              <tr class="comment-row">
-                  <td>{{.Username}}</td>
+              {{ range $index, $element := .Comments }}
+              <tr class="comment-row" id="comment_{{$index}}">
+                  <td>
+                    <a href="#comment_{{$index}}">{{$index}}</a>
+                    {{.Username}}
+                  </td>
                   <td>{{.Content}}</td>
               </tr>
               {{end}}