<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    {{ $options := (dict "targetPath" "main.css" "outputStyle" "compressed" "enableSourceMap" (not hugo.IsProduction)) }}
    {{ $scss := resources.Get "main.scss" | resources.ToCSS $options  }}
    <link rel="stylesheet" type="text/css" href="{{ $scss.RelPermalink }}">
    {{ $title := print .Site.Title " | " .Title }}
    {{ if .IsHome }}{{ $title = .Site.Title }}{{ end }}
    <title>{{ $title }}</title>
    <script defer src="{{ relURL "js/jquery-3.6.3.min.js" }}"></script>
    <script defer src="{{ relURL "js/slider.js" }}"></script>
</head>