{{ define "content" }}
<div class="page-shell">
  <div class="container">
    <section class="page-hero">
      <div class="eyebrow">{{ .Section | title }}</div>
      <h1>{{ .Title }}</h1>
      {{ with .Description }}<p>{{ . }}</p>{{ end }}
    </section>

    {{ if .Content }}
    <section class="page-intro richtext">
      {{ .Content }}
    </section>
    {{ end }}

    {{ if .Pages }}
    <section class="post-grid">
      {{ range .Pages }}
      <article class="post-card">
        <div class="post-card-meta">
          {{ with .Params.tags }}<span class="post-card-tag">{{ index . 0 }}</span>{{ end }}
          {{ if .Date }}<time datetime="{{ .Date.Format "2006-01-02" }}">{{ .Date.Format "2006-01-02" }}</time>{{ end }}
        </div>
        <h2 class="post-card-title"><a href="{{ .RelPermalink }}">{{ .Title }}</a></h2>
        <p class="post-card-desc">{{ with .Description }}{{ . }}{{ else }}{{ .Summary | plainify | truncate 160 }}{{ end }}</p>
      </article>
      {{ end }}
    </section>
    {{ end }}

    {{ template "_internal/pagination.html" . }}
  </div>
</div>
{{ end }}