nightly - 2025-09-20

webapp/src/hooks.server.js

@@ -0,0 +1 @@
+

webapp/src/lib/css/main.css

@@ -0,0 +1 @@
+

webapp/src/routes/+layout.svelte

@@ -1,11 +1,12 @@
 <script>
-	import favicon from '$lib/assets/favicon.svg';
+  import favicon from "$lib/assets/favicon.svg";
+  import "$lib/css/main.css";
 
-	let { children } = $props();
+  let { children } = $props();
 </script>
 
 <svelte:head>
-	<link rel="icon" href={favicon} />
+  <link rel="icon" href={favicon} />
 </svelte:head>
 
 {@render children?.()}

webapp/src/routes/+page.svelte

@@ -1,2 +1,22 @@
-<h1>Welcome to SvelteKit</h1>
-<p>Visit <a href="https://svelte.dev/docs/kit">svelte.dev/docs/kit</a> to read the documentation</p>
+<script>
+  let prefix_name = $state("");
+</script>
+
+<div class="main-menu">
+  <h1>TAM3 - Main Menu</h1>
+  <div class="prefix-selector">
+    <select bind:value={prefix_name}></select>
+  </div>
+  <div class="form-buttons">
+    <a href="/tickets/" class="button">Tickets</a>
+    <a href="/baskets/" class="button">Baskets</a>
+    <a href="/drawing/" class="button">Drawing</a>
+  </div>
+  <button>Test</button>
+</div>
+
+<style>
+  .prefix-selector select {
+    width: 100%;
+  }
+</style>