{{ define "main" }}
<main class="flex gap-4 lg:gap-16 justify-around mt-8">
  <ul class="flex flex-col gap-4 w-full">
    {{ range where .Site.RegularPages "Section" "oral-histories" }}
    <li class="flex gap-4 items-center">
      
      <a class="flex-grow" href="{{ .RelPermalink }}">{{ partial "article-wompum.html" . }}</a>
      
      <time class="text-gray-800 font-iosevka" datetime="{{ .Date.Format "2006-01-02" }}">
        <p>{{ .Date.Format "Jan" }}</p>
        <p>{{ .Date.Format "02" }}</p>
        <p>{{ .Date.Format "2006" }}</p>
      </time>
      
      <div class="flex-shrink-0 max-w-max">
        <a class="text-2xl font-bold hover:text-green-900 underline" href="{{ .RelPermalink }}">{{ .Title }}</a>
        <p class="max-w-prose">{{ .Params.summary }}</p>
        {{ partial "tags.html" .}}
      </div>

    </li>
    {{ end }}
  </ul>

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

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

    <section>
      <h2 class="text-4xl mb-4 font-iosevka">Narrators</h2>
      <div class="tag-cloud font-iosevka">
        {{ $narrators := slice }}
        {{ range .Site.RegularPages }}
          {{ with .Params.narrator }}
            {{ $narrators = $narrators | append . }}
          {{ end }}
        {{ end }}
        {{ $narrators = $narrators | uniq | sort }}
        {{ range $narrator := $narrators }}
          <a href="{{ "/narrators/" | relLangURL }}{{ $narrator | urlize }}"
            class="tag inline-block p-2 my-1 border border-gray-100 rounded-lg hover:bg-yellow-100 whitespace-nowrap"
            style="font-size: 1rem;">
            {{ $narrator }}
          </a>
        {{ end }}
      </div>
    </section>

    <section>
      <h2 class="text-4xl mb-4 font-iosevka">Facilitators</h2>
      <div class="tag-cloud font-iosevka">
        {{ $facilitators := slice }}
        {{ range .Site.RegularPages }}
          {{ with .Params.facilitator }}
            {{ $facilitators = $facilitators | append . }}
          {{ end }}
        {{ end }}
        {{ $facilitators = $facilitators | uniq | sort }}
        {{ range $facilitator := $facilitators }}
          <a href="{{ "/facilitators/" | relLangURL }}{{ $facilitator | urlize }}"
            class="tag inline-block p-2 my-1 border border-gray-100 rounded-lg hover:bg-yellow-100 whitespace-nowrap"
            style="font-size: 1rem;">
            {{ $facilitator }}
          </a>
        {{ end }}
      </div>
    </section>

    <section>
      <h2 class="text-4xl mb-4 font-iosevka">Tags</h2>
      <div class="tag-cloud font-iosevka">
        {{ $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>

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