{{ define "title" }}{{ .Section | title }} • {{ .Site.Title }}{{ end }}
{{ define "main" }}
<div class="pa3 pa4-ns w-100 w-70-ns center">
  <section class="w-100 mw8">
  {{- $hdr := cond (or (in .Site.Params.classes "feature-nohdr") (in .Params.classes "feature-nohdr")) false true -}}
  {{ range first 20 (where (where (where .Site.RegularPages "Section" "ne" "slides") ".Params.skip" "ne" "true") ".Date.Unix" "<" now.Unix) }}
  <div class="relative w-100">
      <article>
          <div class="db pv4 {{ cond $hdr "ph3" "" }} ph0-l no-underline dark-gray">
              <div class="flex flex-column flex-row-ns">
                  {{ if $hdr }}
                  <div class="mb4 mb0-ns w-100 h4 h4-m w4-m h5-ns w5-ns br3 cover {{ if lt .Date.Unix now.Unix }}hide-child{{ end }}" style="background-image: url('{{ absURL (default "img/default-header-img.tn-500x500.jpg" (default .Params.image .Params.thumbnail)) }}'); background-position: center;">
                      <a href="{{ .Permalink }}" class="sans-serif db child w-100 h-100 f7 lh-copy white no-underline br3 ph3 pt4 pt5-l ttu tc bg-black-60">
                          <i class="mt3 mt5-l child far {{ cond (gt .Date.Unix now.Unix) "fa-hourglass" "fa-calendar-alt" }}"></i> {{ .Date.Format "Jan 2, 2006" }}
                      </a>
                  </div>
                  {{ end }}
                  <div class="w-100 w6-ns pl3-ns">
                      <h1 class="f3 fw1 mt0 lh-title"><a href="{{ .Permalink }}" class="color-inherit dim link">
                      {{- cond (eq .Site.Params.titlecase true) (.Title | title | markdownify) (.Title | markdownify) -}}
                      </a></h1>
                      <div class="f6 f5-l lh-copy nested-copy-line-height nested-links">
                              {{ with .Params.tldr }}{{ . | markdownify }}{{ else }}{{ (printf "%s<br>%s" (.Params.description | markdownify) .Summary) }}{{ end }}
                      </div>
                  </div>
              </div>
          </div>
      </article>
  </div>
  
  {{ end }}
  </section>
</div>
{{ end }}

{{ define "pagination" }}
<br>
{{ end }}