{{ layout "layouts/base.vto" }}
  <main class="min-h-screen text-ctp-text justify-self-center w-full lg:w-1/2">
    <article class="h-entry">
      <h1 class="text-5xl font-serif mt-8 p-name">{{ title }}</h1>

      <h2 class="mt-4 text-ctp-subtext0">
        Published on
        <time class="dt-published" datetime="{{ published |> date }}">
          {{ published |> date("POST_DATE") }}
        </time>
      </h2>

      <h2 class="hidden text-ctp-overlay1">
        By
        <span class="inline p-author h-card">{{ author.name }}</span>
      </h2>

      <h2 class="text-ctp-overlay1">
        {{ readingInfo.words }} words, about {{ readingInfo.minutes }}
        minute{{ if readingInfo.minutes != 1 }}s{{ /if }}
      </h2>

      {{ if enable_toc != false }}
        {{ if toc.length }}
          {{ await comp.table_of_contents({ "toc": toc }) }}
        {{ else }}
          <div class="mb-8"></div>
        {{ /if }}
      {{ /if }}

      <div class="e-content text-lg">
        {{ content }}
      </div>
    </article>
    {{ if footnotes.length }}
      <section aria-label="Footnotes">
        {{ await comp.footnotes({ "footnotes": footnotes }) }}
      </section>
    {{ /if }}
  </main>
{{ /layout }}