{{ define "main" }}
<header class="my-8">
  <p class="text-center font-iosevka">Topic</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">
    {{ partial "article-list.html" (dict "Pages" .Data.Pages) }}
  </ul>
  
  <section>
    <h2 class="text-4xl my-8 font-iosevka text-center">Other Topics</h2>
    <div class="tag-cloud font-iosevka text-gray-600">
      {{ $tags := .Site.Taxonomies.tags }}
      {{ range $tag, $pages := $tags }}
      <a href="{{ "/tags/" | relLangURL }}{{ $tag | urlize }}" style="font-size: {{ add 1 (div (len $pages) 2) }}em;"
        class="tag text-sm inline-block p-2 my-1 border border-gray-100 rounded-lg hover:bg-yellow-100 whitespace-nowrap">
        {{ $tag }}
      </a>
      {{ end }}
    </div>
  </section>
</main>
{{ end }}