{{ define "main" }}
<article class="page">
  <div class="container">
    <h1>{{ .Title }}</h1>
    {{ .Content }}

    <div class="fewo-grid blog-grid">
      {{ range .Pages.ByPublishDate.Reverse }}
      <div class="fewo-card">
        {{ $post := . }}
        {{ with .Params.bild }}
        {{ $src := . }}
        {{ with $post.Resources.GetMatch $src }}{{ $src = .RelPermalink }}{{ end }}
        <a href="{{ $post.RelPermalink }}" class="fewo-card-imglink">
          <img src="{{ $src }}" alt="{{ with $post.Params.bild_alt }}{{ . }}{{ else }}{{ $post.Title }}{{ end }}" class="fewo-card-img" loading="lazy">
        </a>
        {{ end }}
        <div class="fewo-card-body">
          <p class="blog-date">{{ .PublishDate.Format "02.01.2006" }}</p>
          <h2><a href="{{ .RelPermalink }}">{{ .Title }}</a></h2>
          {{ with .Params.description }}<p>{{ . }}</p>{{ end }}
          <a href="{{ .RelPermalink }}" class="btn btn-primary">Weiterlesen</a>
        </div>
      </div>
      {{ end }}
    </div>

    {{ if not .Pages }}
    <p>Aktuell sind keine Beiträge veröffentlicht. Schauen Sie bald wieder vorbei!</p>
    {{ end }}
  </div>
</article>
{{ end }}