{{ define "main" }}
    <article>
      {{ partial "header.html" . }}
      <div class="posts-list pagefind-exclude">
        <!-- Post Archive List -->
        {{ $remainingMonthsToOpen := 3 }}
        {{ range (where site.RegularPages "Type" "eq" "posts").GroupByDate "2006" -}}
          <section class="w-full">
            <h1 class="border-b-2 border-b-solid border-[var(--border-color)]
                py-2 text-6 sticky top-0 bg-[var(--background-color)] z-1
                flex justify-between items-center">
                {{ .Key }}
                <small class="font-mono text-secondary text-3">{{ T "archivePage.postCountAnnual" (len .Pages) }}</small>
            </h1>

            {{ range .Pages.GroupByDate "January" }}
            <details class="posts-month-archive"{{ if gt $remainingMonthsToOpen 0 }} open{{ end }}>
                <summary class="flex items-center border-b border-b-dashed border-[var(--border-color)] py-2 px-1">
                    <h2 class="text-size-lg inline-block w-full m-0
                        flex justify-between items-center">
                        {{ .Key }}
                        <small class="font-mono text-secondary text-3">{{ T "archivePage.postCountMonthly" (len .Pages) }}</small>
                    </h2>
                </summary>
                <ul class="ps-0 flex flex-col gap-2 list-none leading-relaxed">
                    {{ range .Pages }}
                    {{ partial "items/post-small" . }}
                    {{ end }}
                </ul>
            </details>
            {{ $remainingMonthsToOpen = sub $remainingMonthsToOpen 1 }}
            {{ end }}
          </section>
        {{ end }}
      </div>
    </article>
    {{ partial "footer.html" . }}
{{ end }}