{{ define "main" }}
<div class="list-content-container">
  <div class="page-content">
    <h1>{{ .Title }}</h1>
    {{ .Content }}
  </div>
  <div class="article-card-container">
    {{ range.Pages }}
    <div class="article-card">
      <div class="article-card-info">
        <div class="article-card-thumb">
          <a href="{{ .RelPermalink }}">
            <img
              class="article-card-thumbnail"
              src="{{ .Params.header_image }}"
            />
          </a>
        </div>
        <div class="article-card-summary">
          {{ template "partials/get-tags.html" . }}
          <a href="{{ .RelPermalink }}">
            <h3><strong>{{ .Title | safeHTML }}</strong></h3>
          </a>
          <p>
            {{ .Summary | safeHTML }}
            <i class="reading-time"
              >({{ .ReadingTime }} minute{{ if (ne .ReadingTime 1) }}s{{ end
              }})</i
            >
          </p>

          <br />
          <div class="article-card-author-row">
            {{ with .Params.author }}
            <strong><p class="author-name">{{ .name }}</p></strong>
            {{ end }}
            <time>{{ .Date.Format "January 2, 2006" }}</time>
          </div>
        </div>
      </div>
    </div>
    {{ end }}
  </div>
</div>
{{ end }}