<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>Alfheim</title>
		<link href="/static/style.css" rel="stylesheet" />
		<link rel="preconnect" href="https://fonts.googleapis.com">
		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
		<link href="https://fonts.googleapis.com/css2?family=Vollkorn:ital,wght@0,400..900;1,400..900&display=swap" rel="stylesheet">
		<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0" />
		<script>
			/*to prevent Firefox FOUC, this must be here*/
			let FF_FOUC_FIX;
		</script>
	</head>

	<body>
		<header>
			<nav>
				<a href="/"><h1 class="maintitle">Alfheim</h1></a>
				<div class="navbuttons">
				{{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><span class="material-symbols-outlined">login</span></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>
