{{ define "main" }}
<header class="my-8">
  <p class="text-center font-iosevka">Narrator</p>
  <h1 class="text-4xl font-bold text-center capitalize">{{ .Title }}</h1>
</header>
<main class="container mx-auto">
  <ul class="mt-4 space-y-4">
    {{ $pages := .Pages }}
    {{ partial "article-list.html" (dict "Pages" $pages) }}
  </ul>
  
  <section>
    <h2 class="text-4xl my-8 font-iosevka text-center">Other Narrators</h2>
    <div class="tag-cloud font-iosevka text-gray-600 text-center">
      {{ $narrators := .Site.Taxonomies.narrator }}
      {{ range $narrator, $pages := $narrators }}
      <a href="{{ "/narrator/" | relLangURL }}{{ $narrator | urlize }}" 
         class="tag inline-block p-2 my-1 border border-gray-100 rounded-lg hover:bg-yellow-100 whitespace-nowrap">
        {{ $narrator| humanize }}
      </a>
      {{ end }}
    </div>
  </section>
</main>
{{ end }}