{{ define "main" }}
<div class="list-content-container">
  <div class="page-content">
    <h1>{{ .Title }}</h1>
    {{ .Content }}
  </div>
  <div class="article-card-container">
    {{ range.Pages }}
    <a class="article-card" href="{{ .RelPermalink }}">
      <div class="article-card-info">
        <div class="article-card-thumb">
          <img
            class="article-card-thumbnail"
            src="{{ .Params.header_image }}"
          />
        </div>
        <div class="article-card-summary">
          <h3><strong>{{ .Title | safeHTML }}</strong></h3>
          <p>{{ .Summary | safeHTML }}</p>
          <br />
          <div class="article-card-author-row">
            <time>{{ .Date.Format "January 2, 2006" }}</time>
          </div>
        </div>
      </div>
    </a>
    {{ end }}
  </div>
</div>
{{ end }}