{{ 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 .Params.tags }}
      <div id="meta-tags">
        🏷️&nbsp;{{ range first 5 . }}<span>{{ . }}</span> {{ end }}
      </div>
      {{ end }}

      {{ 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;">
        👀&nbsp;<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 }}