{{ define "main" }}
  {{ partial "nav.html" . }}

  <main>
    <article data-paper>

      <header>

        <h1>{{ .Title }}</h1>

        {{- with .Description -}}
        <p data-abstract>{{ . }}</p>
        {{- end -}}

        {{/* Byline: date and/or author */}}
        {{- $hasDate   := not .Date.IsZero -}}
        {{- $hasAuthor := .Params.author -}}
        {{- if or $hasDate $hasAuthor -}}
        <p data-byline>
          {{- if $hasDate -}}
          <time datetime="{{ .Date.Format "2006-01-02" }}">{{ .Date.Format "January 2, 2006" }}</time>
          {{- end -}}
          {{- if and $hasDate $hasAuthor -}}
          <span aria-hidden="true"> · </span>
          {{- end -}}
          {{- with .Params.author -}}
          <span>{{ . }}</span>
          {{- end -}}
        </p>
        {{- end -}}

        {{/* Tags */}}
        {{- with .GetTerms "tags" -}}
        <nav data-role="tag-cloud" aria-label="Tags">
          {{- range . -}}
          <a href="{{ .Permalink }}" data-tag="{{ .Name }}">{{ .Name }}</a>
          {{- end -}}
        </nav>
        {{- end -}}

      </header>


      {{ .Content }}


      {{/* ── Prev / Next footer ──────────────────────────────────────── */}}
      {{- if or .PrevInSection .NextInSection -}}
      <footer>
        {{- with .PrevInSection -}}
        <a href="{{ .RelPermalink }}" rel="prev">← {{ .LinkTitle }}</a>
        {{- end -}}
        {{- with .NextInSection -}}
        <a href="{{ .RelPermalink }}" rel="next">{{ .LinkTitle }} →</a>
        {{- end -}}
      </footer>
      {{- end -}}

    </article>
  </main>

  <footer>
    <small><a href="/">{{ .Site.Title }}</a> · {{ .Date.Format "2006" }}</small>
  </footer>
{{ end }}