You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
60 lines
2.4 KiB
60 lines
2.4 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="color-scheme" content="light dark">
|
|
<link rel="stylesheet" href="/css/main.css">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<script src="/js/htmx.min.js"></script>
|
|
<!--TODO Vendor this script -->
|
|
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
|
|
<title>{% block title %}Title{% endblock %}</title>
|
|
</head>
|
|
<body class="bg-slate-100 text-neutral-900 dark:bg-neutral-900 dark:text-slate-100 min-h-screen">
|
|
<header class="bg-space-cadet font-sans mb-4 mx-auto">
|
|
<nav class="mx-auto max-w-7xl px-2 py-4 sm:px-6 lg:px-8 flex justify-between gap-2">
|
|
<div>
|
|
<a href="/home" class="rounded-md bg-english-violet px-3 py-2 text-sm font-medium text-white">
|
|
Inventory App
|
|
</a>
|
|
</div>
|
|
<div>
|
|
<a href="/overview"
|
|
class="rounded-md px-3 py-2 text-sm font-medium text-gray-300 hover:bg-gray-700 hover:text-white">
|
|
Overview
|
|
</a>
|
|
<a href="/catalog"
|
|
class="rounded-md px-3 py-2 text-sm font-medium text-gray-300 hover:bg-gray-700 hover:text-white">
|
|
Catalog
|
|
</a>
|
|
<a href="/upload"
|
|
class="rounded-md px-3 py-2 text-sm font-medium text-gray-300 hover:bg-gray-700 hover:text-white">
|
|
Upload
|
|
</a>
|
|
<a href="/reports"
|
|
class="rounded-md px-3 py-2 text-sm font-medium text-gray-300 hover:bg-gray-700 hover:text-white">
|
|
Reports
|
|
</a>
|
|
<a href="/history"
|
|
class="rounded-md px-3 py-2 text-sm font-medium text-gray-300 hover:bg-gray-700 hover:text-white">
|
|
History
|
|
</a>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
<main class="bg-slate-100 text-neutral-900 dark:bg-neutral-900 dark:text-slate-100 mx-auto px-1">
|
|
{% block content %}<p>Content Missing</p>{% endblock %}
|
|
</main>
|
|
<footer>
|
|
<!--
|
|
<script>
|
|
// Needed for nice bootstrap dropdowns
|
|
const popoverTriggerList = document.querySelectorAll('[data-bs-toggle="dropdown"]');
|
|
const popoverList = [...popoverTriggerList].map(popoverTriggerEl => new bootstrap.Popover(popoverTriggerEl))
|
|
</script>
|
|
-->
|
|
</footer>
|
|
</body>
|
|
</html> |