{{ define "main" }}
{{/* Category / tag taxonomy list pages */}}
<section class="hero" id="hero">
  {{- if eq .Kind "taxonomy" }}
    <div class="hero__eyebrow">{{ .Type | humanize }}</div>
    <h1 class="hero__title"><em>{{ .Title }}</em></h1>
    <p class="hero__lede">
      {{ len .Pages }} {{ if eq (len .Pages) 1 }}plate{{ else }}plates{{ end }} in this section.
      <a href="/" style="border-bottom:1px solid currentColor">Return to archive →</a>
    </p>
  {{- else if eq .Kind "term" }}
    <div class="hero__eyebrow">{{ .Type | humanize | singularize }}</div>
    <h1 class="hero__title"><em>{{ .Title }}</em></h1>
    <p class="hero__lede">
      {{ len .Pages }} {{ if eq (len .Pages) 1 }}plate{{ else }}plates{{ end }} tagged <em>{{ .Title }}</em>.
      <a href="/" style="border-bottom:1px solid currentColor">Return to archive →</a>
    </p>
  {{- else }}
    <div class="hero__eyebrow">The Archive</div>
    <h1 class="hero__title">All <em>plates</em></h1>
    <p class="hero__lede"><a href="/" style="border-bottom:1px solid currentColor">Return to home →</a></p>
  {{- end }}
</section>

<section class="grid" id="grid" data-density="default"
         data-filter-type="{{ .Kind }}"
         data-filter-value="{{ .Title }}">
  {{- range $i, $p := .Pages }}
    {{- $img := $p.Resources.GetMatch "*.png" }}
    <a class="card"
       href="{{ $p.RelPermalink }}"
       style="--d:{{ mul (math.Min $i 18) 24 }}ms"
       data-id="{{ $p.Params.plate }}"
       data-slug="{{ $p.Params.slug }}">
      <div class="card__frame">
        {{- if $img }}
          {{- $w := $img.Resize "600x900 webp" }}
          <picture>
            <source srcset="{{ $w.RelPermalink }}" type="image/webp" />
            <img class="card__img"
                 loading="{{ if lt $i 8 }}eager{{ else }}lazy{{ end }}"
                 src="{{ $w.RelPermalink }}"
                 alt="{{ $p.Title }}" />
          </picture>
        {{- end }}
        <span class="card__num">PLATE №{{ $p.Params.plate }}</span>
        <span class="card__cat">{{ index ($p.Params.categories | default (slice "")) 0 }}</span>
      </div>
      <div class="card__meta">
        <h2 class="card__title">{{ $p.Title }}</h2>
        <div class="card__sub">
          <span>{{ index ($p.Params.categories | default (slice "")) 0 }}</span>
          {{- if $p.Params.tags }}<span class="dot"></span><span>{{ index $p.Params.tags 0 }}</span>{{ end }}
        </div>
        <p class="card__desc">{{ $p.Params.description }}</p>
      </div>
    </a>
  {{- end }}
</section>
{{ end }}