{{ define "main" }}

  <article class="">
    <div class="grid grid-cols-2 xl:grid-cols-3 gap-4 min-h-40">
      {{ range .Pages }}
        <a
          class="flex col-span-1 bg-gray-50 dark:bg-gray-800 cursor-pointer flex-col group border p-3 sm:p-4 hover:shadow-md dark:shadow-slate-800 border-gray-300 dark:border-gray-800 m-0"
          href="{{ .RelPermalink }}">
          <h3
            class="text-lg/6 md:text-2xl tracking-tight p-0 -mt-1 sm:mt-0 mb-1 sm:mb-2 text-primary group-hover:text-primary/70 overflow-hidden">
            {{ .LinkTitle }}
          </h3>

          <p
            class="text-black dark:text-gray-100 leading-6 text-sm md:text-base three-lines-ellipsis">
            {{ (or .Params.description .Summary) | plainify | safeHTML }}
          </p>
        </a>
      {{ end }}
    </div>
  </article>
{{ end }}

{{ define "subheader" }}
  <div class="mt-2 lg:mt-8 mx-auto max-w-7xl">
    {{ partial "breadcrumbs.html" . }}
  </div>
{{ end }}

{{ define "rightsidebar" }}
  {{ printf "%c" '\u00A0' }}
{{ end }}

{{ define "leftsidebar" }}
  {{ printf "%c" '\u00A0' }}
{{ end }}