{{ define "main" }}
<article class="column">
  <header class="post-header rise">
    <p class="post-kicker">
      {{ with .Date }}
        <time datetime="{{ .Format "2006-01-02T15:04:05Z07:00" }}">{{ time.Format (i18n "dateNumeric") . }}</time>
        <span class="sep" aria-hidden="true">&middot;</span>
      {{ end }}
      <span>{{ i18n "minRead" (dict "Count" .ReadingTime) }}</span>
    </p>
    <h1 class="post-title">{{ .Title }}</h1>
    <hr class="post-rule">
  </header>

  <div class="post-body prose">{{ .Content }}</div>

  {{- /*
    The bar js/quote-share.js shows next to a passage selected in the post:
    rendered here, hidden, so every word it says comes from this language's
    i18n file, and so a page without the script has nothing on it that does
    nothing. The quote marks are data rather than markup because they wrap
    the quote in the Bluesky post, not anything on this page.
  */}}
  <div class="quote-share" role="toolbar" aria-label="{{ i18n "quoteShare" }}" hidden
       data-quote-open="{{ i18n "quoteOpen" }}" data-quote-close="{{ i18n "quoteClose" }}"
       data-quote-copied="{{ i18n "quoteCopied" }}">
    <span class="quote-share__via">{{ i18n "quoteShareVia" }}</span>
    <button type="button" data-quote-action="bluesky">
      <svg viewBox="0 0 600 530" aria-hidden="true"><path fill="currentColor" d="m135.72 44.03c66.496 49.921 138.02 151.14 164.28 205.46 26.262-54.316 97.782-155.54 164.28-205.46 47.98-36.021 125.72-63.892 125.72 24.795 0 17.712-10.155 148.79-16.111 170.07-20.703 73.984-96.144 92.854-163.25 81.433 117.3 19.964 147.14 86.092 82.697 152.22-122.39 125.59-175.91-31.511-189.63-71.766-2.514-7.3797-3.6904-10.832-3.7077-7.8964-0.0174-2.9357-1.1937 0.51669-3.7077 7.8964-13.714 40.255-67.233 197.36-189.63 71.766-64.444-66.128-34.605-132.26 82.697-152.22-67.108 11.421-142.55-7.4491-163.25-81.433-5.9562-21.282-16.111-152.36-16.111-170.07 0-88.687 77.742-60.816 125.72-24.795z"/></svg>
      Bluesky
    </button>
    <span class="quote-share__sep" aria-hidden="true"></span>
    <button type="button" data-quote-action="link">
      <svg viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/></svg>
      {{ i18n "quoteLink" }}
    </button>
  </div>
</article>
{{ end }}