<head>
    <title>{{ .Site.Title }} {{ with .Title }}- {{ . }} {{ end }}</title>
    <link rel="stylesheet" type="text/css" href="{{ "css/fonts.css" | relURL }}" />
    <link rel="stylesheet" type="text/css" href="{{ "css/fontawesome.css" | relURL }}" />
    <link rel="stylesheet" type="text/css" href="{{ "css/asciinema-player.css" | relURL }}" />
    {{ $options := dict "transpiler" "libsass" "targetPath" "css/styles.css" -}}
    {{ $style := resources.Get "styles.scss" | toCSS $options | minify | fingerprint -}}
    <link rel="stylesheet" type="text/css" href="{{ $style.RelPermalink }}">
    {{ with resources.Get "css/userstyles.css" }}
    <link rel="stylesheet" type="text/css" href="{{ .Permalink }}">
    {{ end -}}
    {{ with .Site.Params.favicon -}}
    <link rel="icon" href="{{ . | relURL }}">
    {{ end -}}
    <meta charset="UTF-8">
    <meta name="author" content="{{ .Site.Params.Author }}">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    {{ range .AlternativeOutputFormats -}}
        {{ printf `<link rel="%s" type="%s" href="%s" title="%s" />` .Rel .MediaType.Type .Permalink $.Site.Title | safeHTML }}
    {{ end -}}
    <script defer data-domain="sabbatical.ipng.nl" data-api="/api/event" src="/js/script.js"></script>
</head>