<!DOCTYPE html>

<html lang="en">
    <head>
        <title>Alfheim</title>
        <meta charset="utf-8" />
        <meta name="description" content="A handcrafted economy and politics MMO." />
        <meta name="author" content="Vicente Ferrari Smith" />
        <meta name="keywords" content="Alfheim, indie, video game, mmo, colony, colony simulator, vicente ferrari smith, game, economy, politics, alfheim" />
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <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">
                    <a href="/news"><div class="alfheimbutton"><strong>News</strong></div></a>
                    {{if not .ActiveSubscription}}
                    <a href="/subscribe"><div class="alfheimbutton"><strong>Subscribe</strong></div></a>
                    {{end}}

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

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

        <footer>
            Alfheim &copy; 2025, Vicente Ferrari Smith, Los Andes Games, Vienna, Austria. All rights reserved.
        </footer>
    </body>
</html>
