{{ define "main" }}
  {{ partial "scrolling-image-header" . }}
  <section class="container-fluid list-main">
    <div class="container px-5">
      {{ block "content" . }}
        {{ .Content }}
      {{ end }}
    </div>

    <div class="row" data-masonry='{"percentPosition": true}'>
      {{ range .Pages }}
        <div class="col-xl-6 mb-4">
          <div class="card">
            {{ partial "category-button" . }}


            <div class="card-body">
              {{ partial "list-item-thumbnail" . }}

              {{/* Prefer full-text links over local ones */}}
              {{ $link := default .RelPermalink (index .Params "link") }}
              <a href="{{ $link }}"><h3 class="card-title">{{ .Title }}</h3></a>

              <div>
                {{ dateFormat "02 Jan 2006" .Date }}
              </div>

              {{ range (.GetTerms "people") }}
                <a
                  href="{{ .RelPermalink }}"
                  class="icon-link card-link {{ if eq .LinkTitle "Thomas A. Christensen II" }}
                    fw-bolder
                  {{ end }}"
                  ><i class="fad fa-user"></i> {{ .LinkTitle }}</a
                >
              {{ end }}


              <p class="card-text">
                {{ .Summary }}
                <strong
                  ><small
                    ><a href="{{ $link }}">Read&nbsp;more &raquo;</a></small
                  ></strong
                >
              </p>
            </div>

            <div class="card-footer">
              {{ range (.GetTerms "tags") }}
                <a href="{{ .RelPermalink }}" class="icon-link card-link"
                  ><i class="fad fa-tag"></i> {{ .LinkTitle }}</a
                >
              {{ end }}
            </div>
          </div>
          <!-- </card> -->
        </div>
        <!-- </col> -->
      {{ end }}
    </div>
    <!-- </row> -->
  </section>
{{ end }}