From 4fa89879cf8c449756ecf9d71759d62618957540 Mon Sep 17 00:00:00 2001
From: httpjamesm <github@httpjames.space>
Date: Tue, 14 Feb 2023 20:12:49 -0500
Subject: [PATCH] feat: permalink generator

---
 public/icons/link.svg   | 3 +++
 public/question.css     | 7 +++++++
 templates/question.html | 9 ++++++++-
 3 files changed, 18 insertions(+), 1 deletion(-)
 create mode 100644 public/icons/link.svg

diff --git a/public/icons/link.svg b/public/icons/link.svg
new file mode 100644
index 0000000..033ac88
--- /dev/null
+++ b/public/icons/link.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+  <path stroke-linecap="round" stroke-linejoin="round" d="M13.19 8.688a4.5 4.5 0 011.242 7.244l-4.5 4.5a4.5 4.5 0 01-6.364-6.364l1.757-1.757m13.35-.622l1.757-1.757a4.5 4.5 0 00-6.364-6.364l-4.5 4.5a4.5 4.5 0 001.242 7.244" />
+</svg>
diff --git a/public/question.css b/public/question.css
index 0b947ba..e09b131 100644
--- a/public/question.css
+++ b/public/question.css
@@ -90,6 +90,13 @@ img {
     margin-bottom: 1rem;
     background-color: var(--meta-bg);
     color: var(--text-color);
+    
+    display: flex;
+    justify-content: space-between;
+}
+
+.answer-meta p {
+    margin: 0;
 }
 
 .answer-meta.accepted {
diff --git a/templates/question.html b/templates/question.html
index 20e8043..0c0120d 100644
--- a/templates/question.html
+++ b/templates/question.html
@@ -72,9 +72,16 @@
                 <div
                     class="answer-meta{{ if $answer.IsAccepted }} accepted{{end}}"
                 >
+                <p>
                     {{ if $answer.IsAccepted }} Accepted - {{ end }}
                     {{$answer.Upvotes}} Votes
-                </div>
+                </p>
+                <a href="#{{ $answer.ID }}" class="answer-link">
+                    <div class="icon">
+                        <img src="/static/icons/link.svg" alt="Paperclip icon" />
+                    </div>
+                </a>
+            </div>
                 {{ $answer.Body }}
                 <div class="answer-author-parent">
                     <div class="answer-author">