{{define "base"}}
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>{{block "title" .}}QRank{{end}}</title>

    <link rel="icon" type="image/png" href="/assets/favicon.ico">
    <link rel="apple-touch-icon" href="/assets/favicon.ico">
    <link rel="shortcut icon" href="/assets/favicon.ico">

    <link rel="stylesheet" href="/assets/styles.css">
</head>

<body>
    <div class="header">
        <div class="container">
            <div class="row" style="justify-content:space-between;align-items:center">
                <div><strong><a href="/" style="text-decoration:none;color:#111">QRank</a></strong></div>
                <div class="nav">
                    <a href="/enter">Enter scores</a>
                    <a href="/history">History</a>
                    <a href="/leaderboard">Leaderboard</a>
                    {{if .CurrentUser}}
                    <a href="/me">@{{.CurrentUser.Username}}</a>
                    {{else}}
                    <a href="/login">Log in</a>
                    {{end}}
                </div>
            </div>
        </div>
    </div>
    <div class="container">
        <!-- This is shorthand for a define along with a template -->
        {{block "content" .}}{{end}}
    </div>
</body>

</html>
{{end}}