Impelement hyperlinking of individual message IDs

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;

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>

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>