{{ define "main" }}
<header class="my-8">
  <p class="text-center font-iosevka capitalize">{{ .Data.Singular }}</p>
  <h1 class="text-4xl font-bold text-center capitalize">{{ .Title }}</h1>
</header>
<main class="flex flex-wrap container mx-auto justify-center">
  <ul class="flex flex-col md:gap-4 gap-16 w-full mb-16 mt-4">
    {{ partial "interview-list.html" (dict "Pages" .Data.Pages) }}
  </ul>
  
  {{ if gt (len (index .Site.Taxonomies .Data.Singular)) 1 }}
  <section>
    <h2 class="text-4xl mt-8 mb-4 font-bold text-center">Other {{ .Data.Plural }}</h2>
    <div class="wompum-container wompum-container--no-gap">
      <div class="wompum-grid" data-text="Other {{ .Data.Plural }}" data-columns="4" data-rows="1"></div>
    </div>
    <div class="tag-cloud font-iosevka text-gray-600 text-center my-4 w-full flex flex-wrap gap-2 items-center justify-center">
      {{ partial "taxonomy-cloud" (dict "taxonomy" .Data.Singular "Site" .Site "page" .Page) }}
    </div>
  </section>
  {{ end }}
</main>
{{ end }}