{{- define "stylesheet" -}}
    {{- $style := resources.Get "/scss/home.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="introduction" class="global-header">
    <h1>{{ i18n "introduction-heading" }}</h1>
    <p>{{ i18n "introduction-sub" }}</p>
    <a href="#main" id="scroll-down">☟</a>
</header>
{{ end }}

{{- define "main" }}
    <main id="main">
        <section id="general-description">
            <p id="websites-and-graphics">
                {{ i18n "home-websites-and-graphics" | safeHTML }}
            </p>
            <p id="cozy-town">
                {{ i18n "home-cozy-town" | safeHTML }}
            </p>
        </section>
        {{ partial "moreposts.html" . }}
    </main>
{{- end }}