From 565035cca21f44158842e04d6dd337aa41fbed52 Mon Sep 17 00:00:00 2001
From: JackDevilGod <jack.jh666@gmail.com>
Date: Sat, 10 Jan 2026 16:35:49 +0100
Subject: [PATCH 1/5] footer now has mobile nav componant

---
 src/lib/components/layout/footer.svelte               | 2 +-
 src/lib/components/layout/header.svelte               | 4 ++--
 src/lib/components/nav componant/mobile navbar.svelte | 5 ++---
 3 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/lib/components/layout/footer.svelte b/src/lib/components/layout/footer.svelte
index 545b274..d23b3e6 100644
--- a/src/lib/components/layout/footer.svelte
+++ b/src/lib/components/layout/footer.svelte
@@ -14,7 +14,7 @@
 	</nav>
 
 	<nav id="mobile_navbar">
-		<MobileNavBar {pages} />
+		<MobileNavBar {pages} transformX="-50%" transformY="-20px"/>
 	</nav>
 </header>
 
diff --git a/src/lib/components/layout/header.svelte b/src/lib/components/layout/header.svelte
index 8d9c36b..82f31e8 100644
--- a/src/lib/components/layout/header.svelte
+++ b/src/lib/components/layout/header.svelte
@@ -130,10 +130,10 @@ development hell.</pre>
 	}
 
 	#mobile_navbar {
-		display: none;
+		display: flex;
 		flex-direction: column;
 		position: relative;
-		align-items: flex-end;
+		align-items: center;
 
 		margin-right: 20px;
 
diff --git a/src/lib/components/nav componant/mobile navbar.svelte b/src/lib/components/nav componant/mobile navbar.svelte
index b855b51..8f2a109 100644
--- a/src/lib/components/nav componant/mobile navbar.svelte	
+++ b/src/lib/components/nav componant/mobile navbar.svelte	
@@ -1,7 +1,7 @@
 <script>
     import BurgerIcon from "./burger_icon.svelte";
 
-    let { pages = [{ route: '/', name: 'Home' }] } = $props();
+    let { pages = [{ route: '/', name: 'Home' }], transformX = '-50%', transformY = '-20px' } = $props();
 	let open = $state(false);
 </script>
 
@@ -9,7 +9,7 @@
 		<BurgerIcon bind:open />
 
 		{#if open}
-			<ul>
+			<ul style="transform: translateX({transformX}) translateY({transformY});">
 				{#each pages as { route, name } (route)}
 					<li><a href={route}>{name}</a></li>
 				{/each}
@@ -34,7 +34,6 @@
 			position: absolute;
 			bottom: 100%;
 			left: 50%;
-			transform: translateX(-50%) translateY(-20px);
 
 			padding: 0;
 

From 724581c67aeeb7f9e33f05a1ba9dc5dd4d2caefd Mon Sep 17 00:00:00 2001
From: JackDevilGod <jack.jh666@gmail.com>
Date: Sat, 10 Jan 2026 16:40:12 +0100
Subject: [PATCH 2/5] tuning list

---
 src/lib/components/layout/header.svelte | 62 ++-----------------------
 1 file changed, 3 insertions(+), 59 deletions(-)

diff --git a/src/lib/components/layout/header.svelte b/src/lib/components/layout/header.svelte
index 82f31e8..f91a106 100644
--- a/src/lib/components/layout/header.svelte
+++ b/src/lib/components/layout/header.svelte
@@ -1,5 +1,5 @@
 <script>
-	import BurgerIcon from '../nav componant/burger_icon.svelte';
+	import MobileNavBar from '../nav componant/mobile navbar.svelte';
 
 	import dg_logo from '$lib/assets/logo_dg.png';
 
@@ -28,15 +28,7 @@ development hell.</pre>
 	</nav>
 
 	<nav id="mobile_navbar">
-		<BurgerIcon bind:open />
-
-		{#if open}
-			<ul>
-				{#each pages as { route, name } (route)}
-					<li><a href={route}>{name}</a></li>
-				{/each}
-			</ul>
-		{/if}
+		<MobileNavBar {pages} transformX="-50%" transformY="0"/>
 	</nav>
 </header>
 
@@ -130,56 +122,8 @@ development hell.</pre>
 	}
 
 	#mobile_navbar {
-		display: flex;
-		flex-direction: column;
-		position: relative;
-		align-items: center;
-
+		display: none;
 		margin-right: 20px;
-
-		ul {
-			width: 300px;
-			height: auto;
-
-			margin-top: 100px;
-			margin-right: -20px;
-			padding-left: 0;
-
-			display: flex;
-			flex-direction: column;
-			position: absolute;
-			align-content: center;
-
-			list-style: none;
-			background-color: #080808;
-			opacity: 80%;
-
-			box-shadow: -2px 2px 10px rgba(0, 0, 0, 0.2);
-			border-radius: 0 0 0 10px;
-			li {
-				width: 100%;
-				height: auto;
-
-				text-align: center;
-				margin-bottom: 10px;
-
-				a {
-					display: block;
-					width: 100%;
-					text-decoration: none;
-
-					padding: 12px 0;
-					font-size: x-large;
-
-					color: #f7f7f7;
-				}
-
-				a:hover {
-					background-color: #6d6d6d;
-					text-decoration: underline;
-				}
-			}
-		}
 	}
 
 	@media only screen and (max-width: 1200px) {

From 1e742b0639e8810279807b994c967a889aa38573 Mon Sep 17 00:00:00 2001
From: JackDevilGod <jack.jh666@gmail.com>
Date: Sat, 10 Jan 2026 16:43:47 +0100
Subject: [PATCH 3/5] works?

---
 src/lib/components/layout/header.svelte | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/src/lib/components/layout/header.svelte b/src/lib/components/layout/header.svelte
index f91a106..dd2b330 100644
--- a/src/lib/components/layout/header.svelte
+++ b/src/lib/components/layout/header.svelte
@@ -4,8 +4,6 @@
 	import dg_logo from '$lib/assets/logo_dg.png';
 
 	let { pages = [{ route: '/', name: 'Home' }] } = $props();
-
-	let open = $state(false);
 </script>
 
 <header>
@@ -28,7 +26,7 @@ development hell.</pre>
 	</nav>
 
 	<nav id="mobile_navbar">
-		<MobileNavBar {pages} transformX="-50%" transformY="0"/>
+		<MobileNavBar {pages} transformX="-250px" transformY="480px"/>
 	</nav>
 </header>
 

From 6881eb7eb4da9e94fa0632570403c67dedb24efe Mon Sep 17 00:00:00 2001
From: JackDevilGod <jack.jh666@gmail.com>
Date: Sat, 10 Jan 2026 16:56:10 +0100
Subject: [PATCH 4/5] style

---
 src/lib/components/layout/footer.svelte       |  2 +-
 src/lib/components/layout/header.svelte       |  2 +-
 .../nav componant/mobile navbar.svelte        | 28 +++++++++++--------
 3 files changed, 18 insertions(+), 14 deletions(-)

diff --git a/src/lib/components/layout/footer.svelte b/src/lib/components/layout/footer.svelte
index d23b3e6..1f867ff 100644
--- a/src/lib/components/layout/footer.svelte
+++ b/src/lib/components/layout/footer.svelte
@@ -14,7 +14,7 @@
 	</nav>
 
 	<nav id="mobile_navbar">
-		<MobileNavBar {pages} transformX="-50%" transformY="-20px"/>
+		<MobileNavBar {pages} transformX="-50%" transformY="-20px" />
 	</nav>
 </header>
 
diff --git a/src/lib/components/layout/header.svelte b/src/lib/components/layout/header.svelte
index dd2b330..ae33da7 100644
--- a/src/lib/components/layout/header.svelte
+++ b/src/lib/components/layout/header.svelte
@@ -26,7 +26,7 @@ development hell.</pre>
 	</nav>
 
 	<nav id="mobile_navbar">
-		<MobileNavBar {pages} transformX="-250px" transformY="480px"/>
+		<MobileNavBar {pages} transformX="-250px" transformY="480px" />
 	</nav>
 </header>
 
diff --git a/src/lib/components/nav componant/mobile navbar.svelte b/src/lib/components/nav componant/mobile navbar.svelte
index 8f2a109..a5026d7 100644
--- a/src/lib/components/nav componant/mobile navbar.svelte	
+++ b/src/lib/components/nav componant/mobile navbar.svelte	
@@ -1,24 +1,28 @@
 <script>
-    import BurgerIcon from "./burger_icon.svelte";
+	import BurgerIcon from './burger_icon.svelte';
 
-    let { pages = [{ route: '/', name: 'Home' }], transformX = '-50%', transformY = '-20px' } = $props();
+	let {
+		pages = [{ route: '/', name: 'Home' }],
+		transformX = '-50%',
+		transformY = '-20px'
+	} = $props();
 	let open = $state(false);
 </script>
 
 <nav id="mobile_navbar">
-		<BurgerIcon bind:open />
+	<BurgerIcon bind:open />
 
-		{#if open}
-			<ul style="transform: translateX({transformX}) translateY({transformY});">
-				{#each pages as { route, name } (route)}
-					<li><a href={route}>{name}</a></li>
-				{/each}
-			</ul>
-		{/if}
+	{#if open}
+		<ul style="transform: translateX({transformX}) translateY({transformY});">
+			{#each pages as { route, name } (route)}
+				<li><a href={route}>{name}</a></li>
+			{/each}
+		</ul>
+	{/if}
 </nav>
 
 <style>
-    #mobile_navbar {
+	#mobile_navbar {
 		display: flex;
 		flex-direction: column;
 		position: relative;
@@ -67,4 +71,4 @@
 			}
 		}
 	}
-</style>
\ No newline at end of file
+</style>

From 65f6ffd2a33219eb0ed6f8e0c0169da642fa2dc5 Mon Sep 17 00:00:00 2001
From: JackDevilGod <jack.jh666@gmail.com>
Date: Sat, 10 Jan 2026 18:08:05 +0100
Subject: [PATCH 5/5] things

---
 .github/workflows/deploy.yml     |  3 +++
 .github/workflows/test_build.yml | 13 ++++++++-----
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
index ae38fcb..995a52a 100644
--- a/.github/workflows/deploy.yml
+++ b/.github/workflows/deploy.yml
@@ -30,6 +30,9 @@ jobs:
       - name: Install dependencies
         run: npm ci
 
+      - name: Format code
+        run: npm run format
+
       - name: Build site
         run: |
           npm run build
diff --git a/.github/workflows/test_build.yml b/.github/workflows/test_build.yml
index 17203d7..0095c5b 100644
--- a/.github/workflows/test_build.yml
+++ b/.github/workflows/test_build.yml
@@ -30,8 +30,11 @@ jobs:
       - name: Install dependencies
         run: npm ci
 
-      - name: Verify site (typecheck + lint)
-        run: |
-          # Run svelte/type checks and linting to validate the project will build
-          npm run check
-          npm run lint
+      - name: Format code
+        run: npm run format
+
+      - name: Check types
+        run: npm run check
+
+      - name: Lint code
+        run: npm run lint