{{ define "main" }}
  <main class="container" aria-role="main">
    <header class="header">
      <h1>{{ .Title }}</h1>
      {{ with .Params.subtitle }}
      <span class="subtitle">{{ . }}</span>
      {{ end }}
    </header>
    <div class="content">
      {{ .Content }}
    </div>

    <ul>
      {{ range .Pages }}
        <li>
          <a href="{{ .Permalink }}">{{ .Date.Format "2006-01-02" }} | {{ .Title }}</a>
        </li>
      {{ end }}
    </ul>

    {{ range .Pages.GroupByParam "kind" }}
    <h3>{{ .Key }}</h3>
    <ul>
      {{ range .Pages }}
        <li>
          <a href="{{ .Permalink }}">{{ .Date.Format "2006-01-02" }} | {{ .Title }}</a>
        </li>
      {{ end }}
    </ul>
    {{ end }}
    <!-- TODO: Pagination: see https://gohugo.io/templates/pagination/ -->
  </main>
{{ end }}