<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    {{ $sass := resources.Get "sass/main.scss" }}
    {{ $style := $sass | resources.ToCSS }}
    <link rel="stylesheet" href="{{ $style.Permalink }}" media="screen">


    {{ $js := resources.Get "js/main.js" }}
    <script type="text/javascript" src="{{ $js.Permalink }}"></script>

    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">

    {{ $title := print .Site.Title " | " .Title }}
    {{ if .IsHome }}{{ $title = (printf "%s - %s" .Site.Title .Site.Params.Description) }}{{ end }}

    {{ template "_internal/opengraph.html" . }}
    <title>{{ $title }}</title>
    <meta name="description" content="{{if .IsHome}}{{ $.Site.Params.description }}{{else}}{{.Description}}{{end}}" />
</head>