{{ define "main" }}
  <main class="container" aria-role="main">
    <div class="homepage-content">
      {{ .Content }}
    </div>

    {{- $events := where (.Site.GetPage "blog").Pages ".Params.categories" "event" }}
    {{- $upcoming := where $events ".Params.date" "ge" now }}
    {{ if $upcoming }}
    <div class="announcements">
      <h2>Neuigkeiten</h2>
      {{- range $upcoming.ByDate }}
      <div class="announcement">
        {{- partial "blog-header.html" (dict "headingLink" true "level" 4 "reduced" true "page" . ) }}

        {{- if in .RawContent "<!--more-->" }}
          {{ .Summary | safeHTML }}
        {{- else }}
          <p>{{ .Summary | safeHTML }}</p>
        {{- end }}
      </div>
      {{- end }}
    </div>
    {{- end }}

    {{- $home := .Site.GetPage "/home" }}
    {{- range sort ($home.Resources.ByType "page") "File.Path" "asc" }}
    <div class="section">
      <h2>{{ .Title }}</h2>
      {{ .Content -}}

      {{- $sec := .CurrentSection }}
      {{- with .Params.Resources }}
      <div class="flex-grid">
        {{- range . }}
        {{- $img := $sec.Resources.GetMatch (printf "*/%s" .src) }}
        <div class="img-link"><a href="{{ .params.url }}"><img src="{{ $img.Permalink }}" class="box-image" alt=""></a></div>
        {{- end }}
      </div>
      {{- end }}
    </div>
    {{ end }}

  </main>
{{ end }}