<!DOCTYPE html>
<html lang="{{ site.LanguageCode }}">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta property="og:locale" content="{{ site.LanguageCode }}">
        <meta property="og:site_name" content="{{ .Site.Title }}">
        <link rel="canonical" href="{{ .Permalink }}" />
        <link rel="icon" href="/images/favicon.png" type="image/png">

        {{ block "head_meta" . }}{{ end }}

        {{ $sassOptions := (dict "outputStyle" "compressed") -}}
        {{- $style := resources.Get "css/style.scss" | resources.ToCSS $sassOptions | fingerprint  -}}
        <link rel="stylesheet" href="{{ $style.RelPermalink }}">

        <script src="/vendor/spotlight.bundle.js?v=0.7.8" defer></script>

        <title>{{ block "title" . }}{{ with .Params.Title }}{{ . }} | {{ end }}{{ .Site.Title }}{{ end }}</title>
    </head>
    <body>
        {{ partial "header.html" . }}

        <div class="container">
            {{ block "main" . }}{{ end }}
        </div>

        {{ partial "footer.html" . }}
    </body>
</html>