{{- 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 "header" }}
<header id="blog-header">
    <h1 class="title">{{ i18n "blog-heading" }}</h1>
    <p>{{ i18n "blog-sub" }}</p>
</header>
{{ end }}

{{- define "main" }}

    <main>
        <div id="posts-wrapper">
        {{ range (where .Site.RegularPages "Section" "blog") }}
            <a href="{{ .Permalink }}" class="post-wrapper">
                <p class="title">{{ .Title }}</p>
                <aside class="meta" title="{{ .Date | time.Format "2 Jan 2006, 15:04 MST" }}">
                    <span class="date">{{ .Date | time.Format "2. January 2006" }}</span>
                    <span class="author">{{ with .Params.author }}by {{ end }}{{ .Params.author }}</span>
                </aside>
            </a>
        {{ end }}
        </div>
        
    </main>

{{- end }}