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

{{ define "main" }}
<main>
  <div class="container">
    <section class="section-article">
      <article>
        <p class="meta">
          {{ if eq .Params.type "project" }}<span title="{{ .Date.Format "2. January 2006" }}">last updated: {{ .Date.Format "2. January 2006" }}</span>{{ end }}
          {{ if eq .Params.type "post" }}<span title="{{ .Date.Format "2. January 2006, 15:04 MST" }}">{{ .Date.Format "2. January 2006" }}</span>{{ end }}
          {{ if eq .Params.type "privacy" }}<span title="{{ .Date.Format "2. January 2006" }}">last updated: {{ .Date.Format "2006-01-02" }}</span>{{ end }}
          <span>{{ with .Params.author }}by {{ end }}{{ .Params.author }}</span>
        </p>
        <h1 class="title">{{ .Title }}</h1>
        {{ with .Params.featured_image }}
        <img src="{{ . | relURL }}" loading="lazy" alt="">
        {{ end }}
        {{ .Content }}
        <aside class="meta">
        {{ with .Params.topics }}
          <ul class="topics">
            {{ range . }}
            <li>
              <a href="{{ "topics" | relURL}}/{{ . | urlize }}">{{ . }}</a>
            </li>
            {{ end }}
          </ul>
          {{ end }}
          {{ with .Params.tags }}
          <h3>tags</h3>
          <ul class="tags">
            {{ range . }}
            <li>
              <a href="{{ "tags" | relURL }}/{{ . | urlize }}">{{ . }}</a>
            </li>
            {{ end }}
          </ul>
          {{ end }}
        </aside>
      </article>
    </section>
    {{ if ne .Params.type "privacy" }}
      <section class="section-articles">
        <article class="next-article">
          {{ with .NextInSection }}
          <a href="{{ .Permalink }}">
            {{ if eq .Params.type "project" }}&leftarrow; next project{{ end }}
            {{ if ne .Params.type "project" }}&leftarrow; next article{{ end }}
          </a>
          {{ end }}
        </article>
        <article class="previous-article">
          {{ with .PrevInSection }}<span></span>
          <a href="{{ .Permalink }}">
            {{ if eq .Params.type "project" }}previous project &rightarrow;{{ end }}
            {{ if ne .Params.type "project" }}previous article &rightarrow;{{ end }}
          </a>
          {{ end }}
        </article>
      </section>
    {{ end }}
  </div>
</main>
{{ end }}