{{ define "main" }}
  {{ $p := where site.RegularPages "Type" "blog" }}
  <div class="mx-2 md:mx-0">
    <picture>
      <source media="(max-width: 376px)" 
          srcset="/img/header-500.webp">
      <source media="(max-width: 1400px)" 
          srcset="/img/header-800.webp">
      <source media="(min-width: 1401px)" 
          srcset="/img/header-1200.webp">
      <img 
        alt="Ein Bild von einer Insel mit Palmen, dem Meer und dem Himmel" src="/img/header.jpg" 
        height="280px" width="1200px" class="lg:w-full my-4">
    </picture>
  </div>
  <div class="flex flex-col lg:flex-row px-2 md:px-0">
    <div class="basis-1/1 lg:basis-2/3 lg:mr-6 min-h-[200vh] border-2">
      {{ range (.Paginate $p 3 ).Pages }}
        {{- partial "blog-preview-homepage.html"
          .
        -}}
      {{ end }}
      <div class="flex grow justify-center mt-12">
        <a
          class="text-xl text-white text-semibold p-4 bg-secondary-600 hover:bg-secondary-500 rounded-lg"
          href="/blog"
          >Zeige alle Einträge</a
        >
      </div>
    </div>
    <div class="basis-1/1 lg:basis-1/3 border-2 min-h-[200vh]"></div>
  </div>

  {{/* {{ .Content }} */}}
{{ end }}
