{{ define "main" }}
<main class="flex gap-4 lg:gap-16 justify-around mt-8 max-w-screen-xl mx-auto px-4 lg:px-0">
  <ul class="flex flex-col gap-4 w-full">
    {{ partial "article-list.html" (dict "Pages" (where .Site.RegularPages "Section" "articles")) }}
  </ul>

  <aside class="max-w-prose w-1/4 flex flex-col gap-8 mb-8">

    <section>
      <h2 class="text-2xl mb-4 font-bold">About</h2>
      {{ .Content }}
    </section>

    <section>
      <h2 class="text-2xl mb-4 font-bold">Topics</h2>
      <div class="tag-cloud font-iosevka text-gray-600 text-sm">
        {{ $tags := .Site.Taxonomies.tags }}
        {{ range $tag, $pages := $tags }}
        <a href="{{ "/tags/" | relLangURL }}{{ $tag | urlize }}" style="font-size: {{ add 1 (div (len $pages) 2) }}em;" data-count="{{ len $pages}}"
         class="tag inline-block p-2 my-1 border border-gray-100 rounded-lg hover:bg-yellow-100 whitespace-nowrap">
          {{ $tag }}
        </a>
        {{ end }}
      </div>
    </section>

  </aside>
</main>
{{ end }}