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

      {{ with .Params.tags }}
        <div id="meta-tags">
          <span class="meta-icon">🏷️</span>
          {{ range first 5 . }}
            <span class="meta-tag">{{ . }}</span>
          {{ end }}
        </div>
      {{ end }}

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

      {{ if eq hugo.Environment "production" }}
        <div id="meta-hits">
          <span class="meta-icon">👀</span>
          <div id="meta-hits-counter"></div>
        </div>
      {{ end }}
    </div>

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

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