website/layouts/_default/list.html

{{ define "stylesheet" }}{{ $scss := resources.Get "/_default/list.scss" }}{{ $style := $scss | resources.ToCSS }}
    <link rel="stylesheet" href="{{ $style.Permalink }}" type="text/css" media="screen" rel="preload" />
{{ end }}

{{ define "main" }}
<main class="container">
  <section>
    <header>
      <h1>{{ .Params.heading }}</h1>
      <span class="subtitle">{{.Params.subheading}}</span>
    </header>
    {{ .Content }}
  </section>
  <section class="section-articles">
  {{ range .Pages }}
    <a href="{{ .Permalink }}">
      <article>
        <h1>{{ .Title }}</h1>
        <p class="meta" title="{{ .Date.Format "2 Jan 2006, 15:04 MST" }}">
          <span class="date">{{ .Date.Format "2 January 2006" }}</span>
          <span class="author">{{ with .Params.author }}by {{ end }}{{ .Params.author }}</span>
        </p>
        {{ with .Description }}
        <p>{{ . }}</p>
        {{ end }}
        {{ with .Params.featured_image }}
        <img src="{{ . | relURL }}" loading="lazy">
        {{ end }}
      </article>
    </a>
  {{ end }}
  </section>
</main>
{{ end }}