<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 }}">
    {{ $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 }}
    <!-- Dark Night Sky Theme -->
    <link rel="stylesheet" type="text/css" href="{{ "css/dark-theme.css" | relURL }}">
    {{ 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 -}}
</head>
