feat: display comment upvotes

public/question.css

@@ -117,13 +117,25 @@ img {
     cursor: text;
 }
 
+.comment-top {
+    display: flex;
+}
+
+.comment-score {
+    border-right: 1px solid white;
+    padding-right: .5rem;
+}
+
 .comment-body {
     font-size: 0.95rem;
+    padding-left: .5rem;
 }
 
 .comment-author {
     color: var(--muted-text-color);
     font-size: 0.8rem;
+    padding-left: 1.5rem;
+    margin-top: .25rem;
 }
 
 .s-notice {

src/types/comment.go

@@ -7,4 +7,5 @@ type FilteredComment struct {
 	Timestamp  string
 	AuthorName string
 	AuthorURL  string
+	Upvotes    string
 }

src/utils/comments.go

@@ -17,6 +17,14 @@ func FindAndReturnComments(inHtml string, postLayout *goquery.Selection) (commen
 	allComments := commentsList2.Find("li.comment")
 
 	allComments.Each(func(i int, s *goquery.Selection) {
+		commentScoreParent := s.Find("div.comment-score")
+
+		// find the first span within commentScoreParent
+		commentScore := commentScoreParent.Find("span").First().Text()
+		if commentScore == "" {
+			commentScore = "0"
+		}
+
 		commentText := s.Find("div.comment-text")
 
 		commentBody := commentText.Find("div.comment-body")
@@ -45,6 +53,7 @@ func FindAndReturnComments(inHtml string, postLayout *goquery.Selection) (commen
 			Timestamp:  commentTimestamp,
 			AuthorName: commentAuthor.Text(),
 			AuthorURL:  commentAuthorURL,
+			Upvotes:    commentScore,
 		}
 
 		comments = append(comments, newFilteredComment)

templates/comments.html

@@ -6,8 +6,13 @@
         {{ range $comment := .Comments }}
         <div class="comment-parent">
             <div class="comment">
-                <div class="comment-body">
+                <div class="comment-top">
-                    {{ $comment.Text }}
+                    <div class="comment-score" title="Comment Upvotes">
+                        {{ $comment.Upvotes }}
+                    </div>
+                    <div class="comment-body">
+                        {{ $comment.Text }}
+                    </div>
                 </div>
                 <div class="comment-author">
                     Commented {{ $comment.Timestamp }} by

templates/question.html

@@ -21,7 +21,7 @@
                         alt="4 circles with alternating colors between green and white"
                     />
                 </a>
-                {{ template "themeSwitcher.html" .}}
+                {{ template "themeSwitcher.html" . }}
             </div>
             <div class="card">
                 <div class="card-header">