camper/web/templates/layout.gohtml

53 lines
1.7 KiB
Plaintext

<!--
SPDX-FileCopyrightText: 2023 jordi fita mas <jordi@tandem.blog>
SPDX-License-Identifier: AGPL-3.0-only
-->
<!doctype html>
<html lang="{{ currentLocale }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{{ template "title" . }} — Camper</title>
<link rel="stylesheet" media="screen" href="/static/camper.css">
<script type="module" src="/static/camper.js"></script>
<script src="/static/htmx@1.9.3.min.js"></script>
</head>
<body>
<header>
<a href="#main">{{( gettext "Skip to main content" )}}</a>
<h1>camper _ws</h1>
{{ if isLoggedIn -}}
<nav>
<details>
<summary>
<img src="/me/avatar" alt="{{( gettext "Avatar" )}}" width="70" height="70">
<span>{{( pgettext "User Menu" "title" )}}</span>
</summary>
<ul role="menu">
<li role="presentation" class="icon_profile">
<a role="menuitem" href="/me">{{( pgettext "Profile" "title" )}}</a>
</li>
<li role="presentation" class="icon_logout">
<button role="menuitem" data-hx-delete="/me/session" data-hx-headers='{ {{ CSRFHeader }} }'
>{{( pgettext "Logout" "action" )}}</button>
</li>
</ul>
</details>
</nav>
{{- end }}
</header>
{{ if isLoggedIn -}}
<nav>
<ul role="menu">
<li role="presentation">
<a role="menuitem" href="/">{{( pgettext "Dashboard" "title" )}}</a>
</li>
</ul>
</nav>
{{- end }}
<main id="main">
{{- template "content" . }}
</main>
</body>
</html>