{{- /* Teaser card for a news post. Context: the page. */ -}}
<article class="post-card">
  {{ with partial "func/featured-image.html" . }}
    {{ $thumb := .Fill "480x300 Center webp q80" }}
    <a class="post-card-image" href="{{ $.RelPermalink }}" tabindex="-1" aria-hidden="true">
      <img src="{{ $thumb.RelPermalink }}" width="{{ $thumb.Width }}" height="{{ $thumb.Height }}"
           alt="" loading="lazy" decoding="async">
    </a>
  {{ end }}
  <div class="post-card-body">
    <h3 class="post-card-title"><a href="{{ .RelPermalink }}">{{ .Title }}</a></h3>
    <p class="post-card-meta">
      <time datetime="{{ .Date.Format "2006-01-02" }}">{{ .Date | time.Format site.Params.dateFormat }}</time>
    </p>
    <p class="post-card-summary">{{ .Summary | plainify | truncate 160 }}</p>
  </div>
</article>