{{ define "main" }}
{{/* the live cover photo is a 3000x1500 JPEG served by pd.w.org; serve a
     resized WebP from assets instead. Position matches the live 42% 43%. */}}
{{ $hero := resources.Get "img/blog-hero.jpg" }}
{{ with $hero }}
  {{ $sm := .Resize "800x q80 webp" }}
  {{ $md := .Resize "1600x q80 webp" }}
<div class="hero hero--photo" style="--hero-sm:url('{{ $sm.RelPermalink }}');--hero-lg:url('{{ $md.RelPermalink }}')">
  <p class="hero__title">Blog</p>
</div>
{{ end }}

<div class="posts">
{{ range where site.RegularPages "Section" "posts" }}
{{ $post := . }}
<article class="post">
<time class="post__date" datetime="{{ .Date.Format "2006-01-02T15:04:05Z07:00" }}">{{ .Date.Format "January 2, 2006" }}</time>
<h2 class="post__title"><a href="{{ .RelPermalink }}">{{ .Title }}</a></h2>
{{ with .Params.thumb }}{{ partial "image.html" (dict "path" . "max" 800 "class" "post__thumb" "alt" ($post.Params.featuredAlt | default $post.Title) "loading" "lazy") }}{{ end }}
{{ with .Params.excerpt }}<p class="post__excerpt">{{ . }}</p>{{ end }}
<a class="post__more" href="{{ .RelPermalink }}">Read more…</a>
</article>
{{ end }}
</div>
{{ end }}