From 222d9e8a741204fba454d41747d1f6b9eab4ad28 Mon Sep 17 00:00:00 2001
From: swag <swaggboi@slackware.uk>
Date: Wed, 6 Apr 2022 22:44:05 -0400
Subject: [PATCH] Impelement hyperlinking of individual message IDs

---
 assets/css/swagg.css         | 5 +++++
 templates/index.html.ep      | 4 +++-
 templates/message_id.html.ep | 4 +++-
 3 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/assets/css/swagg.css b/assets/css/swagg.css
index d28660e..91f2118 100644
--- a/assets/css/swagg.css
+++ b/assets/css/swagg.css
@@ -114,6 +114,11 @@ article h3 {
     margin-bottom: 0em;
 }
 
+article .message_id.field {
+    float: right;
+    padding: 1em 0 0 0;
+}
+
 .captcha {
     display: grid;
     grid-template-columns: 3ch auto;
diff --git a/templates/index.html.ep b/templates/index.html.ep
index b5edf85..01402ed 100644
--- a/templates/index.html.ep
+++ b/templates/index.html.ep
@@ -4,6 +4,9 @@
 <div class="articles">
   <% for my $post (@$view_posts) { =%>
   <article>
+    <span class="message_id field">
+      <%= link_to "#@$post[4]" => "/message/@$post[4]" %>
+    </span>
     <h3><%= @$post[0] %></h3>
     <div class="message field">
       <blockquote><p><%= @$post[2] %></p></blockquote>
@@ -16,7 +19,6 @@
         <% } =%>
       </p>
     </div>
-    <span hidden>Message ID: <%= @$post[4] %></span>
   </article>
   <% } =%>
 </div>
diff --git a/templates/message_id.html.ep b/templates/message_id.html.ep
index 50114d7..6ceffe7 100644
--- a/templates/message_id.html.ep
+++ b/templates/message_id.html.ep
@@ -3,6 +3,9 @@
 <h2>Messages from the World Wide Web</h2>
 <div class="articles">
   <article>
+    <span class="message_id field">
+      <%= link_to "#@$view_post[4]" => "/message/@$view_post[4]" %>
+    </span>
     <h3><%= @$view_post[0] %></h3>
     <div class="message field">
       <blockquote><p><%= @$view_post[2] %></p></blockquote>
@@ -15,6 +18,5 @@
         <% } =%>
       </p>
     </div>
-    <span hidden>Message ID: <%= @$view_post[4] %></span>
   </article>
 </div>