{{- $page := .page -}}
{{- $class := .class | default "" -}}
<main class="main--list{{ with $class }}  {{ . }}{{ end }}">
  <header class="page-header">
    {{ partial "page_header.html" (dict "page" $page) }}
  </header>

  {{/* Each page is a year section. */}}
  {{- $yearPages := $page.Pages.ByPublishDate.Reverse -}}
  {{- $yearLimit := math.Max ($.Site.Params.blog.yearLimit | default 5) 3 -}}
  {{- $expandedYears := first $yearLimit $yearPages -}}
  {{- $collapsedYears := after $yearLimit $yearPages -}}

  {{-
    partial "page/section_year_nav.html"
      (dict
        "years" $expandedYears
        "includeCollapsedYearItem" (gt (len $collapsedYears) 0)
      )
  -}}

  {{- $page.Content -}}

  {{ range $expandedYears -}}
    <section id="{{ .Date | time.Format "2006" }}" class="main__posts-by-year">
      <h2 class="main__section-heading">{{ .Title }}</h2>
      {{ range .RegularPagesRecursive.ByPublishDate.Reverse -}}
        {{ if or (not .Draft) hugo.IsDevelopment -}}
          {{ .Render "page_summary" }}
        {{ end }}
      {{ end }}
    </section>
  {{- end }}

  {{ with $collapsedYears -}}
    <section id="older">
      <h2 class="main__section-heading">{{ i18n "olderPagesSectionTitle" }}</h2>
      <ul>
        {{ range . -}}
          <li><a href="{{ .Permalink }}">{{ .LinkTitle | markdownify }}</a></li>
        {{ end }}
      </ul>
    </section>
  {{ end }}
</main>