h/projectreshoot
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Made navbar responsive

Browse Source
This commit is contained in:
Haelnorr
2025-02-06 10:47:36 +11:00
parent b6feed7c0c
commit 1c30007af4
10 changed files with 308 additions and 1633 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
view/layout/global.templ
View File

@@ -11,33 +11,29 @@ templ Global() {
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Project Reshoot</title>
<link href="/static/css/output.css" rel="stylesheet" />
<script src="https://unpkg.com/franken-ui@1.1.0/dist/js/core.iife.js" type="module"></script>
<script src="https://unpkg.com/franken-ui@1.1.0/dist/js/icon.iife.js" type="module"></script>
<script src="https://unpkg.com/htmx.org@2.0.4"
integrity="sha384-HGfztofotfshcF7+8n44JQL2oJmowVChPTg48S+jvZoztPfvwD79OC/LTtG6dMp+"
crossorigin="anonymous"></script>
<script src="https://unpkg.com/alpinejs" defer></script>
<script>
const htmlElement = document.documentElement;
if (
localStorage.getItem("mode") === "dark" ||
(!("mode" in localStorage) &&
window.matchMedia("(prefers-color-scheme: dark)").matches)
) {
htmlElement.classList.add("dark");
} else {
htmlElement.classList.remove("dark");
}
htmlElement.classList.add(
localStorage.getItem("theme") || "uk-theme-catppuccin",
document.documentElement.classList.toggle(
"dark",
localStorage.currentTheme === "dark" ||
(
!("theme" in localStorage) &&
window.matchMedia("(prefers-color-scheme: dark)").matches
),
);
//localStorage.currentTheme = "light";
//localStorage.currentTheme = "dark";
//localStorage.removeItem("theme");
</script>
</head>
<body class="bg-background text-foreground">
<body class="bg-base text-text ubuntu-mono-regular">
@component.Navbar()
<h1 class="text-3xl text-foreground font-bold underline">Hello world! </h1>
<h1 class="text-3xl font-bold underline">Hello world! </h1>
{ children... }
</body>