{{- define "stylesheet" -}}
    {{- $style := resources.Get "/scss/blog.scss" | resources.ToCSS (dict "outputStyle" "compressed") -}}
    <link rel="preload stylesheet" as="style" href="{{ $style.Permalink }}" type="text/css" media="screen" />
{{- end -}}

{{- define "main" }}
    <main>
        <p class="date-published" title="{{ .Date | time.Format "2. January 2006, 15:04 MST" }}">{{ .Date | time.Format "2. January 2006" }}</p>
        <h1 class="title">{{ .Title }}</h1>
        {{ .Content -}}
        <aside>
        {{- with .Params.topics }}
            <ul class="topics">
                {{- range . }}
                <li>
                    <a href="{{ "topics" | relURL}}/{{ . | urlize }}">{{ . }}</a>
                </li>
                {{ end }}
            </ul>
        {{- end }}
        {{- with .Params.tags }}
            tags
            {{- range . }}
            <a href='{{ "tags" | relURL }}/{{ . | urlize }}'>{{ . }}</a>
            {{- end }}
        {{- end }}
        </aside>
    </main>
{{- end }}