closes #1 by adding headshot feature

layouts/articles/single.html

@@ -6,6 +6,13 @@
 
       <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">
+          {{ if .Params.headshot }}
+          <div class="narrator__container w-48 mb-2" data-text="{{ .Params.narrator }}">
+            <div class="narrator__frame">
+              <img src="{{ .Params.headshot }}" alt="Photo of {{ .Params.narrator }}" class="narrator__image" loading="lazy">
+            </div>
+          </div>
+          {{ end }}
           <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>