<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="theme-color" content="#1dc868">
    {{ if .Description }}
    <meta name="description" content="{{ .Description }}">
    {{ end }}

    {{ range .Params.discussionRooms }}
    <meta name="matrix-highlight-comments" content="{{ . }}">
    {{ end }}

    <!-- Fonts -->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@400;700&family=Raleway:wght@400;700&family=Lora&display=block" media="screen">

    <!-- External CSS (normalize and KaTeX -->
    {{ partial "defercss.html" (dict "url" .Site.Params.normalizeCssUrl "extra" "") }}
    {{ partial "defercss.html" (dict "url" .Site.Params.katexCssUrl "extra" "") }}

    <!-- Links to other formats (RSS, TOML) -->
    {{ range .AlternativeOutputFormats -}}
    <link rel="{{ .Rel }}" type="{{ .MediaType.Type | html }}" href="{{ .Permalink | safeURL }}">
    {{ end -}}

    <!-- In-house CSS -->
    {{ $style := resources.Get "scss/style.scss" | resources.ToCSS | resources.Minify }}
    {{ $sidenotes := resources.Get "scss/sidenotes.scss" | resources.ToCSS | resources.Minify }}
    {{ $code := resources.Get "scss/code.scss" | resources.ToCSS | resources.Minify }}
    {{ $icon := resources.Get "img/favicon.png" }}
    <style>.sidenote-checkbox { display: none; }</style>
    <style>.feather { width: 1rem; height: 1rem; }</style>
    <link rel="stylesheet" href="{{ $style.Permalink }}">
    {{ partial "defercss.html" (dict "url" $sidenotes.Permalink "extra" "") }}
    {{ partial "defercss.html" (dict "url" $code.Permalink "extra" "") }}
    <link rel="icon" type="image/png" href="{{ $icon.Permalink }}">

    {{ if .Site.IsServer }}
    <!-- KaTeX auto-rendering for when we don't have a post-processing step. -->
    <script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.0/dist/katex.min.js" integrity="sha384-X/XCfMm41VSsqRNQgDerQczD69XqmjOOOwYQvr/uuC+j4OPoNhVgjdGFwhvN02Ja" crossorigin="anonymous"></script>
    <script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.0/dist/contrib/auto-render.min.js" integrity="sha384-+XBljXPPiv+OzfbB3cVmLHf4hdUFHlWNZN5spNQ7rmHTXpd7WvJum6fIACpNNfIR" crossorigin="anonymous"
        onload="renderMathInElement(document.body);"></script>
    {{ end }}

    {{ with .Site.Params.plausibleAnalyticsDomain }}
    <!-- Plausible analytics, because log parsing is not working all that well. -->
    <script defer data-domain="{{ . }}" src="https://plausible.io/js/script.js"></script>
    {{ end }}

    <title>{{ .Title }}</title>
</head>