{{ define "base" -}}
    <!doctype html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>{{ template "title" . }} - CAcert Board Voting System</title>
        <link rel="stylesheet" type="text/css" href="/static/lato-fonts.css">
        <link rel="stylesheet" type="text/css" href="/static/semantic.min.css">
        <link rel="icon" href="/static/images/favicon.ico">
    </head>
    <body id="cacert-board-voting">
    <header class="pusher">
        <div class="ui vertical masthead center aligned segment">
            <div class="ui left secondary container">
                <img src="/static/images/CAcert-logo-colour.svg" alt="CAcert" height="40rem"/>
            </div>
            <div class="ui text container">
                <h1 class="ui header">CAcert Board Voting System</h1>
                {{ with .User }}
                    <div class="ui label">
                        <i class="id card outline icon"></i>
                        Authenticated as {{ .Name }} &lt;{{ .Reminder }}&gt;
                    </div>
                {{ end }}
            </div>
        </div>
    </header>
    {{ template "nav" . }}
    <main class="ui container">
        {{ with .Flashes }}
            <div class="basic segment">
                {{ range . }}
                    <div class="ui {{ .Variant }} message">
                        <i class="close icon"></i>
                        <div class="header">{{ .Title }}</div>
                        <p>{{ .Message }}</p>
                    </div>
                {{ end }}
            </div>
        {{ end }}
        {{ template "main" . }}
    </main>
    <footer class="ui vertical footer segment">
        <div class="ui container">
            <span class="ui small text">© 2017-2022 CAcert Inc.</span>
        </div>
    </footer>
    </body>
    <script src="/static/jquery.min.js"></script>
    <script src="/static/semantic.min.js"></script>
    <script src="/static/handlers.js"></script>
    </html>
{{ end }}