<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>
      {{ .Title }}
    </title>
    <meta name="description" content="{{ .Description }}" />
    {{ partial "css-variables.html" . }}
    
    {{/* Main Styles */}}
    {{ $styles := resources.Get "scss/main.scss" }}
    {{ $styles = $styles | resources.ToCSS (dict "targetPath" "css/styles.css" "enableSourceMap" true) }}
    {{ $styles = $styles | resources.PostCSS }}
    
    {{ if hugo.IsProduction }}
      {{ $styles = $styles | minify | fingerprint | resources.PostProcess }}
    {{ end }}
    
    <link href="{{ $styles.RelPermalink }}" rel="stylesheet" />
  </head>
  <body class="">
    {{ partial "header.html" . }}
    <div class="px-4 lg:mx-auto">
      {{ block "main" . }}{{ end }}
    </div>
    <script src="/js/sigil.js"></script>
    <script src="/js/colorCalculator.js"></script>
    <script src="/js/wompum.js"></script>
  </body>
</html>