{{ define "main" }}
<div class="layout layout-single">
  <article>
    <div id="meta">
      <div id="meta-date">
        <a class="no-underline" href="{{ .Permalink }}" title="{{ .Date.Format "Mon, Jan 2 2006 3:04:05 PM MST" }}">📅 {{ .Date.Format "January 2, 2006" }}</a>
      </div>

      {{ with .Scratch.Get "sourceURL" }}
      <div id="meta-edit">
        <a class="no-underline" href="{{ . | safeURL }}" title="Edit this post on GitHub" target="_blank" rel="noopener">✏️ Improve This Post</a>
      </div>
      {{ end }}

      <div id="meta-hits" style="display: none;">
        👀
        <div id="hit-spinner" class="spinner"><div class="spin-bounce1"></div><div class="spin-bounce2"></div><div class="spin-bounce3"></div></div>
        <span id="hit-counter"></span>
      </div>
    </div>

    <h1 class="title"><a class="no-underline" href="{{ .Permalink }}">{{ .Title | markdownify }}</a></h1>

    <div id="content">
      {{ .Content }}
    </div>
  </article>
</div>
{{ end }}