Added templ, tailwind and frankenui

2025-02-05 01:51:06 +11:00
parent 5c8d4c5158
commit b6feed7c0c
18 changed files with 1754 additions and 21 deletions
--- a/view/component/navbar.templ
+++ b/view/component/navbar.templ
@@ -0,0 +1,5 @@
+package component
+
+templ Navbar() {
+	<nav>Test</nav>
+}
--- a/view/layout/global.templ
+++ b/view/layout/global.templ
@@ -0,0 +1,45 @@
+package layout
+
+import "projectreshoot/view/component"
+
+templ Global() {
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8" />
+    <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>
+        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",
+        );
+    </script>
+</head>
+
+<body class="bg-background text-foreground">
+    @component.Navbar()
+    <h1 class="text-3xl text-foreground font-bold underline">Hello world! </h1>
+    { children... }
+</body>
+
+</html>
+}
--- a/view/page/index.templ
+++ b/view/page/index.templ
@@ -0,0 +1,9 @@
+package page
+
+import "projectreshoot/view/layout"
+
+templ Index() {
+	@layout.Global() {
+		This is my index page
+	}
+}