{{ define "main" }}

  <div class="container mx-auto p-4 grid gap-6">
    <header class="mb-8">
      <h1 class="text-4xl font-mono font-bold text-center">All of the {{ .Title }}</h1>
      {{ if .Description }}
        <p class="text-xl text-gray-600">{{ .Description }}</p>
      {{ end }}

      {{ .Content }}

    </header>

    <div class="grid sm:grid-cols-4 gap-6">
      {{ range .Pages }}
        {{ if .Params.image }}
          {{/*  {{ partial "card_3.html" (dict "title" .Title "summary" .Summary "link" .RelPermalink "imageUrl" .Params.image "imageAlt" .Params.imageAlt "classList" "sm:col-span-1") }}  */}}
        {{ end }}
      {{ end }}
    </div>
  </div>

{{ end }}