Dummy content

src/routes/+layout.svelte

@@ -36,8 +36,6 @@
 		});
 	}*/
 
-
-
 </script>
 
 <div class="
@@ -45,6 +43,7 @@
 	text-{themes[$UserSettingsStore.themeId].textColor}
 	h-full" >
 	<Header/>
+	<slot />
 	<!-- (sidebarLeft) -->
 	<!-- (sidebarRight) -->
 	<!-- <svelte:fragment slot="pageHeader">Page Header</svelte:fragment> -->

src/routes/+page.svelte

@@ -1,13 +1,16 @@
 <!-- YOU CAN DELETE EVERYTHING IN THIS PAGE -->
+<script lang="ts">
+</script>
 
-<div class="container h-full mx-auto flex justify-center items-center">
+<div class="container h-full mx-auto flex flex-col justify-center items-center">
+	<h1>Chellaris</h1>
 	<div class="space-y-5">
 		<ul>
 			<li>
-				<a class="hover:text-primary-500" href="/graphs">Graphs</a>
+				<a class="hover:text-primary-500" href="/current">Current Game</a>
 			</li>
 			<li>
-				<a class="hover:text-primary-500" href="/legacy-graphs">Game 15 Graphs</a>
+				<a class="hover:text-primary-500" href="/archive/1">Previous Game</a>
 			</li>
 		</ul>
 	</div>

src/routes/archive/+page.svelte

@@ -0,0 +1,6 @@
+<script lang="ts">
+</script>
+
+<div>
+	PREVIOUS GAMES PAGE
+</div>

src/routes/archive/[gameId]/+page.svelte

@@ -0,0 +1,8 @@
+<script lang="ts">
+	import type { PageData } from './$types'
+	export let data: PageData;
+</script>
+
+<div>
+	PREVIOUS GAME {data.gameId} PAGE
+</div>

src/routes/archive/[gameId]/+page.ts

@@ -0,0 +1,8 @@
+import { error } from '@sveltejs/kit';
+
+/** @type {import('./$types').PageLoad} */
+export function load({ params }) {
+	return {
+		gameId: params.gameId
+	}
+}

src/routes/current/+page.svelte

@@ -0,0 +1,3 @@
+<div>
+	CURRENT GAME PAGE
+</div>

src/routes/login/+page.svelte

@@ -0,0 +1,3 @@
+<div>
+	LOGIN PAGE
+</div>

src/routes/settings/+page.svelte

@@ -0,0 +1,3 @@
+<div>
+	SETTINGS PAGE
+</div>