{{ define "main" }}
<article class="page blog-post">
  <div class="container container--narrow">
    <p class="blog-date">{{ .PublishDate.Format "02.01.2006" }}</p>
    <h1>{{ .Title }}</h1>
    {{ with .Params.bild }}
    {{ $src := . }}
    {{ with $.Resources.GetMatch $src }}{{ $src = .RelPermalink }}{{ end }}
    <figure class="blog-hero">
      <img src="{{ $src }}" alt="{{ with $.Params.bild_alt }}{{ . }}{{ else }}{{ $.Title }}{{ end }}" class="blog-hero-img">
      {{ with $.Params.bild_quelle }}<figcaption class="bild-quelle">Bildquelle: {{ . | safeHTML }}</figcaption>{{ end }}
    </figure>
    {{ end }}
    {{ .Content }}
    <p class="blog-back"><a href="/blog/" class="btn btn-outline">&larr; Zurück zur Übersicht</a></p>
  </div>
</article>
{{ end }}