{{ $currentPage := . }}
<!DOCTYPE html>
<html lang="{{ .Site.LanguageCode }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>{{ block "title" . }}{{ .Title }} – {{ .Site.Title }}{{ end }}</title>
<link rel="icon" href="/icon.svg" sizes="any" type="image/svg+xml">
{{ $style := resources.Get "style.scss" | resources.ToCSS (dict "outputStyle" "compressed") }}
<link rel="stylesheet" href="{{ $style.RelPermalink }}">
</head>
<body>
<header>
<div class="header-brand">
<img alt="Logo der Intergalaktischen Erfahrungsreise, kurz IGER" class="header-logo" src="/icon.svg">
<pre><span>I</span>NTER
<span>G</span>ALAKTISCHE
<span>E</span>RFAHRUNGS
<span>R</span>EISE</pre>
</div>
<input class="nav-toggle" id="toggleMainNav" type="checkbox">
<label class="nav-burger" for="toggleMainNav">
<div></div>
<div></div>
<div></div>
</label>
<nav class="nav-toggleable" style="--num-elements: {{ len .Site.Menus.main }}">
{{ range .Site.Menus.main }}
<a{{ if or ($currentPage.IsMenuCurrent "main" .) ($currentPage.HasMenuCurrent "main" .) }} class="is-active"{{ end }} href="{{ .URL }}"{{ if hasPrefix .URL "https://" }} target="_blank"{{ end }}>{{ .Name }}</a>
{{ end }}
</nav>
</header>
<main>
{{ block "main" . }}
{{ end }}
</main>
<footer>
<nav>
{{ range .Site.Menus.footer }}
<a{{ if or ($currentPage.IsMenuCurrent "footer" .) ($currentPage.HasMenuCurrent "footer" .) }} class="is-active"{{ end }} href="{{ .URL }}"{{ with .Params.rel }} rel="{{ . }}"{{ end }}{{ if hasPrefix .URL "https://" }} target="_blank"{{ end }}>{{ .Name }}</a>
{{ end }}
</nav>
</footer>
</body>
</html>