<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>Alfheim</title>
		<style>
			@font-face {
				font-family: "Vollkorn";
				src: url(/static/Vollkorn-VariableFont_wght.ttf);
			}
		</style>
		<link href="/static/style.css" rel="stylesheet" />
	</head>

	<body>
		<header>
			<nav>
				<a href="/"><h1 class="maintitle">Alfheim</h1></a>
				<div class="navbuttons">
				{{if not .ActiveSubscription}}
				<a href="/subscribe"><div class="loginbutton"><strong>Subscribe</strong></div></a>
				{{end}}

				{{if .AuthenticatedUser}}
				<a href="/account"><div class="loginbutton"><strong>Account</strong></div></a>
				<a href="/logout"><div class="loginbutton"><strong>Log out</strong></div></a>
				{{else}}
				<a href="/login"><div class="loginbutton"><strong>Log in</strong><img src="/static/login_24dp_FILL0_wght400_GRAD0_opsz24.svg" alt=""/></div></a>
				<a href="/register"><div class="loginbutton"><strong>Register</strong></div></a>
				{{end}}
				</div>
			</nav>
		</header>

		<main>
			{{template "body" .}}
		</main>

		<footer>
			Alfheim &copy; 2024, Vicente Ferrari Smith, Los Andes Studios, Vienna, Austria.
		</footer>
	</body>
</html>
