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

      <div class="infos">
        <i class="fa-regular fa-calendar-xmark"></i> {{ .Date.Format "2006-01-02 15:04" }}
        {{- with .Params.location }},
        <i class="fa-solid fa-location-dot"></i> {{ . }}
        {{- end }}
        <br>
        {{- if .Params.authors }}
        <i class="fa-regular fa-user"></i>
          {{ range .Params.authors }}<span class="li-comma">{{ . }}</span>{{ end }}
        {{- end }}
      </div>
    </header>

    <section class="content">
      {{ .Content }}
    </section>

    <div class="meta">
      {{- with .Params.publishDate }}
      <small class="li-comma">Veröffentlicht: {{ .Format "2006-01-02 15:04" }}</small>
      {{- end }}
      {{- with .Params.lastmod }}
      <small class="li-comma">letzte Änderung: {{ .Format "2006-01-02 15:04" }}</small>
      {{- end }}
    </div>
  </main>
{{ end }}