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

      <div class="nav-aside">
        Filter nach Kategorie:
        <ul class="aside">
        {{ range .Site.Taxonomies.categories }}
          <li>
            <a href="{{ .Page.Permalink }}">[{{ .Page.Title }}]</a>
          </li>
        {{ end }}
        </ul>
      </div>
    </header>

    <ul>
      {{ range .Pages }}
      <!-- TODO: Content summary -->
        <li>
          <a href="{{ .Permalink }}"><span style="font-variant-numeric: tabular-nums;">{{ .Date.Format "2006-01-02" }}</span> | {{ .Title }}</a>
        </li>
      {{ end }}
    </ul>
    <!-- TODO: Pagination: see https://gohugo.io/templates/pagination/ -->
  </main>
{{ end }}