48 lines
2 KiB
HTML
48 lines
2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="description" content="{{ if .Params.summary }}{{ .Params.summary }}{{ else }}{{ .Site.Params.Description }}{{ end }}">
|
|
<title>{{ block "title" . }}{{ .Site.Title }}{{ end }}</title>
|
|
<link rel="shortcut icon" href="/icon.png" />
|
|
<link defer rel="stylesheet" href="/styles.css" />
|
|
<script defer src="/global.js"></script>
|
|
<script async defer data-domain="lyte.dev" src="https://a.lyte.dev/js/plausible.js"></script>
|
|
<script defer src="//instant.page/5.1.0" type="module" integrity="sha384-by67kQnR+pyfy8yWP4kPO12fHKRLHZPfEsiSXR8u2IKcTdxD805MGUXBzVPnkLHw"></script>
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<a href="#start-of-content" class="hide-unless-focused">Skip to Content</a>
|
|
<section>
|
|
<a href="/" aria-label="index link" id="logo">
|
|
{{ partial "logo.svg.html" . }}
|
|
</a>
|
|
<a href="/">
|
|
<h1>lyte.dev</h1>
|
|
</a>
|
|
</section>
|
|
<section>
|
|
{{ $currentPage := . }}
|
|
{{ range .Site.Menus.main }}
|
|
{{ $active := or ($currentPage.IsMenuCurrent "main" .) ($currentPage.HasMenuCurrent "main" .) }}
|
|
{{ $active = or $active (eq .Name $currentPage.Title) }}
|
|
{{ $active = or $active (and (eq .Name "Blog") (eq $currentPage.Section "post")) }}
|
|
{{ $active = or $active (and (eq .Name "Tags") (eq $currentPage.Section "tags")) }}
|
|
<a href="{{ .URL }}">{{ .Name }}</a>
|
|
{{ end }}
|
|
</section>
|
|
<section style="position:absolute;height:100%;right:0">
|
|
<button class="no-bg theme-toggler js-only centerize" aria-label="toggle dark theme">
|
|
{{ partial "theme-toggle.html" . }}
|
|
</button>
|
|
<button class="no-bg align-toggler js-only hidden-on-mobile centerize" aria-label="toggle text alignment">
|
|
{{ partial "align-toggle.html" . }}
|
|
</button>
|
|
</section>
|
|
</header>
|
|
<main id="start-of-content">{{ block "main" . }}{{ .Content }}{{ end }}</main>
|
|
<footer style="padding-bottom: 5em"></footer>
|
|
</body>
|
|
</html>
|