<!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" . }}{{ with .Title }}{{ . }} &ndash; {{ end }}{{ .Site.Title }}{{ end }}</title>
		<link rel="icon" href="data:;base64,iVBORw0KGgo=">
		{{ $style := resources.Get "style.scss" | resources.ToCSS (dict "outputStyle" "compressed") }}
		<link rel="stylesheet" href="{{ $style.RelPermalink }}">
	</head>
	<body>
		<header>
			<span class="header-title">{{ .Site.Title }}</span>
			<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 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 href="{{ .URL }}"{{ if hasPrefix .URL "https://" }} target="_blank"{{ end }}>{{ .Name }}</a>
{{ end }}
			</nav>
		</footer>
	</body>
</html>
