{{ define "layout" }}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{{ template "title" . }}Status Cafe</title>
    <meta name="description" content="your friends' updates">
    <link rel="stylesheet" href="/assets/style.css"/>
    {{ if .face }}
    <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>{{ .face }}</text></svg>">
    {{ else }}
    <link rel="icon" href="/assets/favicon.ico">
    {{ end }}
    {{ template "head" . }}
</head>
<body>
    <header>
        <nav>
            <a href="/">status.cafe</a> <a href="https://forum.status.cafe">forum</a>
            {{ if .logged }}
            <a href="/settings">settings</a> <a href="/users/{{ .logged }}">{{ .logged }}</a> (<a href="/logout">logout</a>)
            {{ else }}
            <a href="/register">register</a> <a href="/login">login</a>
            {{ end }}</nav>
    </header>
    <main>
    {{ template "content" . }}
    </main>
    <footer>
    </footer>
</div>

</body>
</html>
{{ end }}
{{ define "head" }}{{ end }}
{{ define "title" }}{{ end }}