css and routing adjustments

src/routes/+layout.svelte

@@ -9,31 +9,12 @@
 		DropdownItem,
 		DarkMode
 	} from 'flowbite-svelte';
-	import { ChevronDownOutline } from 'flowbite-svelte-icons';
+	import { ChevronDownOutline, HomeOutline } from 'flowbite-svelte-icons';
 	import '../app.css';
-	import CloudflareAnalytics from '../lib/CloudflareAnalytics.svelte';
+	import CloudflareAnalytics from '$lib/CloudflareAnalytics.svelte';
 	import logo from '$lib/logo.png';
 	import { page } from '$app/stores';
 
-	// Navigation links are generated based on this object
-	const nav = [
-		{
-			name: 'index',
-			subPages: []
-		},
-		{
-			name: 'whoami',
-			subPages: ['about', 'resume']
-		},
-		{
-			name: 'portfolio',
-			subPages: ['svelte', 'next.js', 'homelab']
-		},
-		{
-			name: 'contact',
-			subPages: ['get_in_touch', 'socials']
-		}
-	];
 	$: activeUrl = $page.url.pathname;
 </script>
 
@@ -53,9 +34,9 @@
 			projects<ChevronDownOutline class="w-6 h-6  text-primary-800 dark:text-stone-200 inline" />
 		</NavLi>
 		<Dropdown class="w-44 z-20">
-			<DropdownItem href="/svelte">svelte</DropdownItem>
-			<DropdownItem href="/nextjs">nextjs</DropdownItem>
-			<DropdownItem href="/homelab">homelab</DropdownItem>
+			<DropdownItem href="/projects/svelte">svelte</DropdownItem>
+			<DropdownItem href="/projects/nextjs">nextjs</DropdownItem>
+			<DropdownItem href="/projects/homelab">homelab</DropdownItem>
 		</Dropdown>
 		<NavLi href="/contact">contact</NavLi>
 		<NavLi>
@@ -63,7 +44,7 @@
 		</NavLi>
 	</NavUl>
 </Navbar>
-<div class="mt-6 mx-auto max-w-xs sm:max-w-md md:max-w-3xl text-center">
+<div class="px-2 sm:px-0 mx-auto max-w-xs sm:max-w-md md:max-w-3xl text-center">
 	<slot />
 </div>
 <footer class="mt-12 text-center">

src/routes/login/+page.svelte

@@ -1,2 +0,0 @@
-<h1>This is the login page</h1>
-<p>Access denied</p>

src/routes/projects/nextjs/+page.svelte

@@ -1,7 +1,7 @@
 <script>
 	import { fade } from 'svelte/transition';
-	import Projects from '../../lib/Projects.svelte';
-	import PageHeader from '../../lib/PageHeader.svelte';
+	import Projects from '$lib/Projects.svelte';
+	import PageHeader from '$lib/PageHeader.svelte';
 	const category = 'nextjs';
 	const title = 'Next.js Projects';
 </script>

src/routes/projects/svelte/+page.svelte

@@ -1,7 +1,7 @@
 <script>
 	import { fade } from 'svelte/transition';
-	import Projects from '../../lib/Projects.svelte';
-	import PageHeader from '../../lib/PageHeader.svelte';
+	import Projects from '$lib/Projects.svelte';
+	import PageHeader from '$lib/PageHeader.svelte';
 	const projectRssUrl = 'https://gitea.rannes.dev/rannes.dev/my-portfolio.rss';
 	const category = 'svelte';
 	const title = 'Svelte Projects';

src/routes/resume/+page.svelte

@@ -1,9 +0,0 @@
-<script>
-
-	import { fade } from "svelte/transition";
-
-</script>
-<div in:fade>
-    <h1 class="text-xl">Under development</h1>
-    <p>In the meantime have a look at my <a class="underline" href="https://www.linkedin.com/in/christian-rannes/">linkedin</a></p>
-</div>

src/routes/socials/+page.svelte

@@ -1 +0,0 @@
-<h1>Under development</h1>