<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 }}

    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@400;700&family=Raleway&family=Lora&display=block" media="screen"> 
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" media="screen">
    {{ $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" }}
    {{- partial "sidenotes.html" . -}}
    <link rel="stylesheet" href="{{ $style.Permalink }}" media="screen">
    <link rel="stylesheet" href="{{ $sidenotes.Permalink }}" media="screen">
    <link rel="stylesheet" href="{{ $code.Permalink }}" media="screen">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.css" integrity="sha384-zB1R0rpPzHqg7Kpt0Aljp8JPLqbXI3bhnPWROx27a9N0Ll6ZP/+DiW/UqRcLbRjq" crossorigin="anonymous" media="screen">
    <link rel="icon" type="image/png" href="{{ $icon.Permalink }}">

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