Clean up project

2024-12-28 23:48:49 +01:00
parent 811f92ed03
commit 878cb17967
9 changed files with 50 additions and 25 deletions
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -3,7 +3,7 @@
 <head>
    <meta charset="UTF-8"/>
    <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
-    <title>wails-template</title>
+    <title>BIGLAMPER</title>
 </head>
 <body>
 <div id="app"></div>
--- a/frontend/package.json.md5
+++ b/frontend/package.json.md5
@@ -1 +1 @@
-5458abfd786902c0b64ef3d582e98b55
+49014f28d86d4ca6427e970cf696170b
--- a/frontend/src/App.svelte
+++ b/frontend/src/App.svelte
@@ -68,7 +68,6 @@ toast('Hello World', {
 <svelte:window on:keydown={keyDown} />
 <Toaster theme="dark" expand visibleToasts={9} />
 <template>
-	<Header />
 	<main class="flex-1">
 		<Router />
 	</main>
--- a/frontend/src/lib/components/Header.svelte
+++ b/frontend/src/lib/components/Header.svelte
@@ -1,11 +0,0 @@
-<script lang="ts">
-</script>
-
-<template>
-	<header
-		class="flex h-22 items-center justify-center bg-base-100 shadow-lg sticky top-0 z-50 border-b
-   border-border/40 bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60"
-	>
-		Biiiiiiiig header
-	</header>
-</template>
--- a/frontend/src/lib/components/Lamp.svelte
+++ b/frontend/src/lib/components/Lamp.svelte
@@ -0,0 +1,34 @@
+<script>
+  export let brightnessChange = (brightness) => {};
+
+  let brightness = 50; // Default brightness level
+
+  function handleBrightnessChange(event) {
+    brightness = event.target.value;
+    brightnessChange(brightness); // Call the callback with the current brightness
+  }
+</script>
+
+<div class="flex flex-col items-center justify-center p-4">
+  <div
+    class="w-48 h-48 rounded-full overflow-hidden mb-4"
+    style="background-color: #FFD700; filter: brightness({brightness}%)"
+  >
+    <svg
+      class="w-48 h-48 fill-current text-yellow-800"
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+    >
+      <path d="M12 2L2 22h20Z" />
+    </svg>
+  </div>
+  <input
+    type="range"
+    min="0"
+    max="100"
+    step="1"
+    value={brightness}
+    on:input={handleBrightnessChange}
+    class="w-4/5"
+  />
+</div>
--- a/frontend/src/lib/router/routes/Home.svelte
+++ b/frontend/src/lib/router/routes/Home.svelte
@@ -1,7 +1,10 @@
 <script lang="ts">
-
+	import Lamp from "../../components/Lamp.svelte";
 </script>

 <template>
-	Hello, world
+	<div class="flex flex-row justify-center items-center">
+		<Lamp />
+		<Lamp />
+	</div>
 </template>