<div class="container list-wrap">
  <div class="list-header">
    <h1 class="list-title">{{ .Title }}</h1>
    {{ with .Description }}
    <p class="list-description">{{ . }}</p>
    {{ end }}
  </div>
  {{ with .Content }}
  <div class="article-body">{{ . }}</div>
  {{ end }} {{ if .Pages -}}
  <ul class="post-list">
    {{ range .Pages.ByWeight -}}
    <li class="post-card">
      <h2 class="post-card-title"><a href="{{ .RelPermalink }}">{{ .Title }}</a></h2>
      {{ with .Description }}
      <p class="post-card-summary">{{ . }}</p>
      {{ end }} {{ $permalink := .RelPermalink }} {{ $chapters := slice }} {{ with
      .Fragments.Headings }}{{ $chapters = (index . 0).Headings }}{{ end }} {{ if $chapters }}
      <ul class="post-card-chapters">
        {{ range $chapters }}
        <li><a href="{{ $permalink }}#{{ .ID }}">{{ .Title | safeHTML }}</a></li>
        {{ end }}
      </ul>
      {{ end }}
      <a class="read-more" href="{{ .RelPermalink }}">{{ i18n "readMore" }}</a>
    </li>
    {{- end }}
  </ul>
  {{- end }}
</div>
