1
0
Fork 0
mirror of https://github.com/GuerillaStudio/now-playing synced 2024-12-30 16:21:56 +00:00
now-playing/layouts/_default/baseof.html
2023-02-21 22:22:00 +01:00

78 lines
3.4 KiB
HTML

<!doctype html>
<html lang="{{ $.Site.Language.Lang }}">
<head>
{{ block "metaTitle" . }}
<title>{{ .Title }}</title>
<meta name="description" content="{{ .Site.Params.description }}">
{{ 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="canonical" href="{{ .Permalink }}">
<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="{{ .Site.Params.description }}">
<meta property="og:url" content="{{ "/" | absURL }}">
<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="{{ .Site.Params.description }}" />
{{ 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="preload" href="{{ $secureStyle.Permalink }}" as="style" />
<link rel="stylesheet" href="{{ $secureStyle.Permalink }}" integrity="{{ $secureStyle.Data.Integrity }}">
<link rel="preload" as="font" type="font/woff2" href="/fonts/sourcesanspro-regular-webfont.woff2" crossorigin/>
<link rel="preload" as="font" type="font/woff2" href="/fonts/sourcesanspro-semibold-webfont.woff2" crossorigin/>
<link rel="preload" as="font" type="font/woff2" href="/fonts/sourcesanspro-black-webfont.woff2" crossorigin/>
</head>
<body>
{{ partial "header" . }}
{{ block "main" . }}{{ end }}
{{ partial "footer" . }}
<script>
window.albumsUrls = [
{{ range where .Site.RegularPages "Type" "in" "a" }}
"{{ .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>