{{ define "main" }}
    {{ $pages := .Pages }}
    {{ $categories := slice }}

    <article>
      <div class="posts-list pagefind-exclude">
        <div class="markdown-body">{{ .Content }}</div>

        <!-- Post Archive List -->
        {{ $remainingMonthsToOpen := 3 }}
        {{ range $pages.GroupByDate "2006" -}}
          <section class="w-full">
            {{ partial "components/section-title" (dict
                "Left" .Key
                "Right" (T "archivePage.postCountAnnual" (len .Pages))
            )}}

            {{ range .Pages.GroupByDate "January" }}
            <div class="lazy-render"{{ if gt $remainingMonthsToOpen 0 }} open{{ end }}>
                <h2 class="text-size-lg inline-block w-full m-0
                    flex justify-between items-center">
                    {{ .Key }}
                </h2>
                <ul class="ps-0 flex flex-col gap-2 list-none leading-relaxed">
                    {{ range .Pages }}
                    <li class="text-size-lg">
                        <a href="{{ .RelPermalink }}">
                            {{ .Title }}{{ with .Params.subtitle }}：<span class="text-secondary">{{. }}</span>
                            {{ end }}
                        </a>
                    </li>
                    {{ end }}
                </ul>
            </div>
            {{ $remainingMonthsToOpen = sub $remainingMonthsToOpen 1 }}
            {{ end }}
          </section>
        {{ end }}
      </div>
    </article>
{{ end }}