115 lines
3.8 KiB
HTML
115 lines
3.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="{{ site.LanguageCode }}">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
|
|
<!-- Title -->
|
|
<title>{{ if not .IsHome }}{{ .Title }} - {{ end }}{{ site.Title }}</title>
|
|
|
|
<!-- Meta -->
|
|
{{ if eq .Kind "page" }}
|
|
<meta name="description" content="{{ .Summary }}">
|
|
<meta name="author" content="{{ .Params.Author | default site.Author.name }}">
|
|
{{ else }}
|
|
<meta name="description" content="{{ site.Params.description }}">
|
|
<meta name="author" content="{{ site.Author.name }}">
|
|
{{ end }}
|
|
|
|
<!-- Styles & Scripts -->
|
|
{{ $app_css := resources.Get "app.css" }}
|
|
{{ $custom_css := resources.Get "custom.css" }}
|
|
{{ $css := slice $app_css $custom_css | resources.Concat "app.css" | minify }}
|
|
<link rel="preload stylesheet" as="style" href="{{ $css.Permalink }}">
|
|
|
|
{{ if and .IsPage (not site.Params.disableHLJS) }}
|
|
<link rel="preload stylesheet" as="style" href="{{ `an-old-hope.min.css` | absURL }}">
|
|
<script defer src="{{ `highlight.min.js` | absURL }}" onload="hljs.initHighlightingOnLoad();"></script>
|
|
{{ end }}
|
|
|
|
<!-- Favicons -->
|
|
<link rel="icon" href="{{ `favicon.ico` | absURL }}">
|
|
<link rel="apple-touch-icon" href="{{ `apple-touch-icon.png` | absURL }}">
|
|
|
|
<!-- Generator -->
|
|
{{ hugo.Generator }}
|
|
|
|
<!-- RSS -->
|
|
{{ range .AlternativeOutputFormats }}
|
|
<link rel="{{ .Rel }}" type="{{ .MediaType.Type }}" href="{{ .Permalink }}" title="{{ site.Title }}">
|
|
{{ end }}
|
|
|
|
<!-- Misc -->
|
|
{{ if hugo.IsProduction | eq site.Params.env "production" }}
|
|
{{ template "_internal/google_analytics_async.html" . }}
|
|
{{ template "_internal/google_news.html" . }}
|
|
{{ template "_internal/opengraph.html" . }}
|
|
{{ template "_internal/schema.html" . }}
|
|
{{ template "_internal/twitter_cards.html" . }}
|
|
{{ end }}
|
|
</head>
|
|
|
|
<body class="not-ready" data-menu="{{ isset site.Menus `main` }}">
|
|
<header class="header">
|
|
{{ $tag := cond .IsHome "h1" "p" }}
|
|
{{ printf `
|
|
<%s class="logo">
|
|
<a class="site-name" href="%s">%s</a>
|
|
<a class="btn-theme"></a>
|
|
</%s>
|
|
` $tag ("" | absURL) site.Title $tag | safeHTML }}
|
|
|
|
<script>
|
|
const bodyClass = document.body.classList;
|
|
const schemeDark = window.matchMedia('(prefers-color-scheme: dark)');
|
|
const buttonDark = document.querySelector('.btn-theme');
|
|
|
|
const setDark = () => {
|
|
bodyClass.add('dark');
|
|
localStorage.setItem('dark', 'true');
|
|
};
|
|
|
|
const setLight = () => {
|
|
bodyClass.remove('dark');
|
|
localStorage.removeItem('dark');
|
|
};
|
|
|
|
if (schemeDark.matches || localStorage.getItem('dark')) setDark();
|
|
|
|
requestAnimationFrame(() => {
|
|
bodyClass.remove('not-ready');
|
|
});
|
|
|
|
schemeDark.addEventListener('change', event => {
|
|
event.matches ? setDark() : setLight();
|
|
});
|
|
|
|
buttonDark.addEventListener('click', () => {
|
|
bodyClass.contains('dark') ? setLight() : setDark();
|
|
});
|
|
</script>
|
|
|
|
{{ if site.Menus.main }}
|
|
<nav class="menu">
|
|
{{ range site.Menus.main }}
|
|
<a href="{{ .URL }}">{{ .Name }}</a>
|
|
{{ end }}
|
|
</nav>
|
|
{{ end }}
|
|
|
|
{{ if site.Params.twitter }}
|
|
<a class="social-icon twitter" href="https://twitter.com/{{ site.Params.twitter }}" target="_blank"></a>
|
|
{{ end }}
|
|
|
|
{{ if site.Params.github }}
|
|
<a class="social-icon github" href="https://github.com/{{ site.Params.github }}" target="_blank"></a>
|
|
{{ end }}
|
|
|
|
{{ if site.Params.instagram }}
|
|
<a class="social-icon instagram" href="https://www.instagram.com/{{ site.Params.instagram }}/" target="_blank"></a>
|
|
{{ end }}
|
|
|
|
</header>
|
|
<main class="main">
|