{{ define "main" }}
<header class="page-header">
  <h1 class="page-title">{{ .Title }}</h1>
  <p class="page-description">All posts organized by date</p>
</header>

<section class="archive-section" aria-label="Posts archive">
  {{ $posts := where .Site.RegularPages "Section" "posts" }}
  {{ range $year := $posts.GroupByDate "2006" }}
    <div class="archive-year-group">
      <h2 class="archive-year">{{ $year.Key }}</h2>
      {{ range $month := $year.Pages.GroupByDate "January" }}
        <div class="archive-month-group">
          <h3 class="archive-month">{{ $month.Key }}</h3>
          <ul class="archive-list" role="list">
            {{ range $month.Pages.ByDate.Reverse }}
              <li class="archive-item" role="listitem">
                <article class="archive-post">
                  <a href="{{ .RelPermalink }}" class="archive-link">
                    {{ .Title }} <span class="archive-date">({{ .Date.Format "Jan 2" }})</span>
                  </a>
                </article>
              </li>
            {{ end }}
          </ul>
        </div>
      {{ end }}
    </div>
  {{ end }}
</section>
{{ end }}