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

{{ define "main" }}
<main>
  <section class="section header">
    <div class="container">
      <header>
        <h1>{{ .Params.heading }}</h1>
        <span class="subtitle">{{.Params.subheading}}</span>
      </header>
    </div>
  </section>
  <div class="container">
    <section class="section-articles">
    {{ range .Pages }}
      <a href="{{ .Permalink }}">
        <article>
          <h1>{{ .Title }}</h1>
          <p class="meta" title="last change: {{ .Date.Format "2 Jan 2006" }}">
            {{ with .Params.activetime }}<span class="date">{{ . }}</span>{{ end }}
            {{ with .Params.status }}<span class="status">{{ . }}</span>{{ end }}
          </p>
          {{ with .Description }}<p>{{ . }}</p>{{ end }}
          <img {{ with .Params.featured_image }}src="{{ . | relURL }}"{{ end }} loading="lazy" alt="">
        </article>
      </a>
    {{ end }}
    </section>
  </div>
</main>
{{ end }}