{{ define "main" }}
    <article class="posts">
      {{ partial "header.html" . }}
      <div id="posts-archive" class="posts-list">
        {{ partial "components/heatmap.html" . }}
        <!-- Post Archive List -->
        {{ range (where site.RegularPages "Type" "in" site.Params.mainSections).GroupByDate "2006" -}}
          <section class="posts-year-archive">
            <h1 class="posts-year-title">
                {{ .Key }}
                <small class="font-mono">{{ T "archivePage.postCountAnnual" (len .Pages) }}</small>
            </h1>

              {{ range .Pages.GroupByDate "January" }}
              <details class="posts-month-archive">
                  <summary>
                      <h2 class="posts-month-title">
                          {{ .Key }}
                          <small class="font-mono">{{ T "archivePage.postCountMonthly" (len .Pages) }}</small>
                      </h2>
                  </summary>
                  <div class="term-list">
                      <ul>
                        {{ range .Pages }}
                          <li>
                            <div style="display: flex; gap: 1rem;">
                                <time class="font-mono">
                                    {{ .Date.Format "Jan 06" }}
                                </time>
                                <a href="{{ .Permalink }}">
                                    {{ .Title }}
                                </a>
                            </div>
                            <div class="posts-item-category">
                                {{ with .Params.categories }}
                                    <a href="/categories/{{ . }}">
                                        {{ . }}
                                    </a>
                                {{ end }}
                            </div>
                          </li>
                        {{ end }}
                      </ul>
                  </div>
              </details>
              {{ end }}

          </section>
        {{ end }}
      </div>
    </article>
{{ end }}