responsive design pass

layouts/partials/article-metadata.html

@@ -0,0 +1,20 @@
+<p><strong>Date:</strong> <time datetime="{{ .Date.Format " 2006-01-02" }}">{{ .Date.Format "January 2, 2006" }}</time></p>
+<p><strong>Narrator:</strong> <a href="{{ "/narrator/" | relLangURL }}{{ .Params.narrator | urlize }}">{{ .Params.narrator }}</a></p>
+<p><strong>Facilitator:</strong> <a href="{{ "/facilitator/" | relLangURL }}{{ .Params.facilitator | urlize }}">{{ .Params.facilitator }}</a></p>
+<p><strong>Subject:</strong> {{ .Params.subject }}</p>
+{{ if .Params.location }}
+<p><strong>Location:</strong> {{ .Params.location }}</p>
+{{ end }}
+<p><strong>Topics:</strong> {{ partial "topics.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 }}