adds narrator link and formats metadata

layouts/articles/single.html

@@ -6,13 +6,23 @@
 
       <div class="flex gap-4">
         <aside class="lg:sticky lg:top-0 lg:h-screen lg:overflow-y-auto lg:w-1/3 p-4 font-iosevka">
-          <p class="text-3xl font-light mb-4">
-            <time datetime="{{ .Date.Format "2006-01-02" }}">{{ .Date.Format "January 2, 2006" }}</time>
-          </p>
+          <p><strong>Date:</strong> <time datetime="{{ .Date.Format " 2006-01-02" }}">{{ .Date.Format "January 2, 2006" }}</time></p>
           <p><strong>Narrator:</strong> {{ .Params.narrator }}</p>
           <p><strong>Facilitator:</strong> {{ .Params.facilitator }}</p>
           <p><strong>Subject:</strong> {{ .Params.subject }}</p>
-          <p><strong>Tags:</strong> {{ partial "tags.html" . }}</p>
+          <p><strong>Topics:</strong> {{ partial "tags.html" . }}</p>
+          {{ if .Params.links }}
+            <div class="mt-4">
+              <p><strong>Narrator Links:</strong></p>
+              <ul class="list-disc pl-4 ml-4 mt-2">
+                {{ range .Params.links }}
+                  <li class="mb-2">
+                    <a href="{{ .url }}" target="_blank" rel="noopener noreferrer">{{ .text }} <sup>↗</sup></a>
+                  </li>
+                {{ end }}
+              </ul>
+            </div>
+          {{ end }}
         </aside>
         <div class="prose lg:prose-xl lg:w-2/3 p-4">
           <p class="font-bold text-4xl">{{ partial "article-title" . }}</p>