mirror of
https://github.com/markbeep/AudioBookRequest.git
synced 2026-01-12 16:59:40 -06:00
88 lines
2.6 KiB
HTML
88 lines
2.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" data-theme="garden">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
{% block head %}
|
|
<title>AudioBookRequest</title>
|
|
{% endblock %}
|
|
<link rel="stylesheet" href="/globals.css" />
|
|
<script
|
|
src="https://unpkg.com/htmx.org@2.0.4"
|
|
integrity="sha384-HGfztofotfshcF7+8n44JQL2oJmowVChPTg48S+jvZoztPfvwD79OC/LTtG6dMp+"
|
|
crossorigin="anonymous"
|
|
></script>
|
|
<script
|
|
src="https://unpkg.com/htmx-ext-preload@2.1.0"
|
|
crossorigin="anonymous"
|
|
></script>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
</head>
|
|
<body class="w-screen min-h-screen overflow-x-hidden" hx-ext="preload">
|
|
{% if not hide_navbar %}
|
|
<header class="bg-base-100 text-neutral shadow-lg">
|
|
<nav class="navbar">
|
|
<div class="flex-1">
|
|
<a
|
|
preload
|
|
href="/"
|
|
class="btn btn-ghost text-lg hidden sm:inline-flex"
|
|
>AudioBookRequest</a
|
|
>
|
|
<a preload href="/" class="btn btn-ghost text-lg sm:hidden">ABR</a>
|
|
|
|
<a
|
|
preload
|
|
href="/search"
|
|
class="btn btn-ghost btn-square"
|
|
title="Search"
|
|
>
|
|
{% include 'icons/search.html' %}
|
|
</a>
|
|
|
|
<a
|
|
preload
|
|
href="/wishlist"
|
|
class="btn btn-ghost btn-square group relative"
|
|
title="Wishlist"
|
|
>
|
|
<span
|
|
class="opacity-0 group-hover:opacity-100 absolute left-2 top-2 transition-opacity duration-500"
|
|
>
|
|
{% include 'icons/gift-solid.html' %}
|
|
</span>
|
|
<span
|
|
class="opacity-100 group-hover:opacity-0 absolute left-2 top-2 transition-opacity duration-500"
|
|
>{% include 'icons/gift.html' %}</span
|
|
>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="flex-none flex pr-4">
|
|
{% if user.can_logout() %}
|
|
<btn
|
|
hx-post="/auth/logout"
|
|
class="btn btn-ghost btn-square"
|
|
title="Logout"
|
|
>
|
|
{% include 'icons/door-exit.html' %}
|
|
</btn>
|
|
{% endif %}
|
|
<a
|
|
preload
|
|
href="/settings/account"
|
|
class="btn btn-ghost btn-square group"
|
|
title="Settings"
|
|
>
|
|
<span
|
|
class="group-hover:rotate-90 transition-all duration-500 ease-in-out"
|
|
>
|
|
{% include 'icons/settings.html' %}
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
{% endif %} {% block body %} {% endblock %}
|
|
</body>
|
|
</html>
|