<!doctype html>
<html lang="{{ $.Site.Language.Lang }}">
  <head>

    {{ block "metaTitle" . }}
      <title>{{ .Title }}</title>
      <meta name="description" content="Handpicked Albums by the Glitch.Family">
    {{ end }}


    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
    <base href="{{ if getenv "CONTEXT" }}{{ cond (eq "production" (getenv "CONTEXT")) (getenv "URL") (getenv "DEPLOY_PRIME_URL") }}{{ else }}{{ $.Site.BaseURL }}{{ end }}">


    <link rel="apple-touch-icon" sizes="180x180" href="{{ "/favicons/apple-touch-icon.png" | absURL }}">
    <link rel="icon" type="image/png" sizes="32x32" href="{{ "/favicons/favicon-32x32.png" | absURL }}">
    <link rel="icon" type="image/png" sizes="16x16" href="{{ "/favicons/favicon-16x16.png" | absURL }}">
    <link rel="manifest" href="{{ "/favicons/site.webmanifest" | absURL }}">
    <link rel="mask-icon" href="{{ "/favicons/safari-pinned-tab.svg" | absURL }}" color="#ff2749">
    <meta name="msapplication-TileColor" content="#0e1848">
    <meta name="theme-color" content="#0e1848">
    {{ block "metaSocial" . }}
      <!-- opengraph -->
      <meta property="og:title" content="Now Playing ∴ Great music should be shared">
      <meta property="og:description" content="Handpicked Albums by the Glitch.Family">
      <meta property="og:url" content="https://music.glitch.family">
      <meta property="og:image" content="{{ "/favicons/android-chrome-512x512.png" | absURL }}">
      <meta property="og:image:height" content="512">
      <meta property="og:image:width" content="512">
      <!-- twitter card -->
      <meta name="twitter:card" content="summary" />
      <meta name="twitter:title" content="Now Playing ∴ Great music should be shared" />
      <meta name="twitter:description" content="Handpicked Albums by the Glitch.Family" />
    {{ end }}

    {{ with .Site.GetPage "/" }}
      {{ with .OutputFormats.Get "rss" }}
        {{ printf `<link rel="%s" type="%s" href="%s" title="%s" />` .Rel .MediaType.Type .Permalink $.Site.Title | safeHTML }}
      {{ end }}
    {{ end }}

    {{ $sass := resources.Get "/scss/style.scss" }}
    {{ $style := $sass | resources.ToCSS | minify | fingerprint }}
    {{ $secureStyle := $style | resources.Fingerprint "sha512" }}
    <link rel="stylesheet" href="{{ $secureStyle.Permalink }}" integrity="{{ $secureStyle.Data.Integrity }}">
  </head>
  <body>

    {{ partial "header" . }}

    {{ block "main" . }}{{ end }}

    {{ partial "footer" . }}

    <script>
      window.albumsUrls = [
        {{ range where .Site.RegularPages "Type" "in" "musics" }}
          "{{ .Permalink }}",
        {{ end }}
      ]
    </script>

    {{ $mobilemenu := resources.Get "js/menu.js" }}
    {{ $randomizer := resources.Get "js/random.js" }}
    {{ $js := slice $mobilemenu $randomizer | resources.Concat "js/bundle.js" }}
    {{ $secureJS := $js | resources.Fingerprint "sha512" }}
    <script src="{{ $secureJS.Permalink }}" integrity="{{ $secureJS.Data.Integrity }}"></script>
  </body>
</html>
