{{ define "main" }}
<article class="flex flex-col lg:flex-row-reverse">
  <header class="lg:sticky lg:top-0 lg:h-screen lg:overflow-y-auto lg:w-1/3 p-4">
    <h1 class="font-bold">{{ .Title }}</h1>
    <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>
  </header>
  <div class="prose lg:prose-xl lg:w-2/3 p-4">
    <p class="font-bold text-4xl">{{ .Title }}</p>

    {{ .Content }}
  </div>
</article>
{{ end }}