From c299d994c542997ebf266016aa106cfca8fb8591 Mon Sep 17 00:00:00 2001
From: JackDevilGod <jack.jh666@gmail.com>
Date: Mon, 12 Jan 2026 19:30:58 +0100
Subject: [PATCH 01/17] sdfs

---
 src/lib/components/nav component/mobile navbar.svelte | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/lib/components/nav component/mobile navbar.svelte b/src/lib/components/nav component/mobile navbar.svelte
index 2a5d6d9..55c241f 100644
--- a/src/lib/components/nav component/mobile navbar.svelte	
+++ b/src/lib/components/nav component/mobile navbar.svelte	
@@ -28,6 +28,8 @@
 		flex-direction: column;
 		position: relative;
 		align-items: center;
+		height: 100%;
+		width: auto;
 
 		ul {
 			width: 300px;

From dcabc0def4211e4edd52d070e5d330e617d2e25a Mon Sep 17 00:00:00 2001
From: JackDevilGod <jack.jh666@gmail.com>
Date: Mon, 12 Jan 2026 19:31:20 +0100
Subject: [PATCH 02/17] changed to proper tag

---
 src/lib/components/layout/footer.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/layout/footer.svelte b/src/lib/components/layout/footer.svelte
index e102eab..b506196 100644
--- a/src/lib/components/layout/footer.svelte
+++ b/src/lib/components/layout/footer.svelte
@@ -10,7 +10,7 @@
 	let pages = $derived(main_pages.concat(extra_pages));
 </script>
 
-<header>
+<footer>
 	<nav id="desktop_navbar">
 		<ul>
 			{#each main_pages as { route, name } (route)}
@@ -26,7 +26,7 @@
 	<nav id="mobile_navbar">
 		<MobileNavBar {pages} transformX="-50%" transformY="-20px" />
 	</nav>
-</header>
+</footer>
 
 <style>
 	header {

From 189f46d4f4d86f35ef5ce27cff4cb80bbe016949 Mon Sep 17 00:00:00 2001
From: JackDevilGod <jack.jh666@gmail.com>
Date: Mon, 12 Jan 2026 19:32:58 +0100
Subject: [PATCH 03/17] reset

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

diff --git a/src/lib/components/layout/footer.svelte b/src/lib/components/layout/footer.svelte
index b506196..4d7d4b5 100644
--- a/src/lib/components/layout/footer.svelte
+++ b/src/lib/components/layout/footer.svelte
@@ -19,12 +19,12 @@
 		</ul>
 
 		<nav id="navbar_burger">
-			<MobileNavBar pages={extra_pages} transformX="-50%" transformY="-20px" />
+			<MobileNavBar pages={extra_pages} />
 		</nav>
 	</nav>
 
 	<nav id="mobile_navbar">
-		<MobileNavBar {pages} transformX="-50%" transformY="-20px" />
+		<MobileNavBar {pages}  />
 	</nav>
 </footer>
 
diff --git a/src/lib/components/layout/header.svelte b/src/lib/components/layout/header.svelte
index 33fee00..c50d9c0 100644
--- a/src/lib/components/layout/header.svelte
+++ b/src/lib/components/layout/header.svelte
@@ -31,12 +31,12 @@ development hell.</pre>
 		</ul>
 
 		<nav id="navbar_burger">
-			<MobileNavBar pages={extra_pages} transformX="-250px" transformY="180px" />
+			<MobileNavBar pages={extra_pages}/>
 		</nav>
 	</nav>
 
 	<nav id="mobile_navbar">
-		<MobileNavBar {pages} transformX="-250px" transformY="480px" />
+		<MobileNavBar {pages} />
 	</nav>
 </header>
 
diff --git a/src/lib/components/nav component/mobile navbar.svelte b/src/lib/components/nav component/mobile navbar.svelte
index 55c241f..734d33c 100644
--- a/src/lib/components/nav component/mobile navbar.svelte	
+++ b/src/lib/components/nav component/mobile navbar.svelte	
@@ -4,8 +4,6 @@
 
 	let {
 		pages = [{ route: '/', name: 'Home' }],
-		transformX = '-50%',
-		transformY = '-20px'
 	} = $props();
 	let open = $state(false);
 </script>
@@ -14,7 +12,7 @@
 	<BurgerIcon bind:open />
 
 	{#if open}
-		<ul style="transform: translateX({transformX}) translateY({transformY});">
+		<ul>
 			{#each pages as { route, name } (route)}
 				<li><a href={resolve(route)}>{name}</a></li>
 			{/each}

From 9b43effa0633f67e64051e0f5389e99c9b996308 Mon Sep 17 00:00:00 2001
From: JackDevilGod <jack.jh666@gmail.com>
Date: Mon, 12 Jan 2026 19:33:57 +0100
Subject: [PATCH 04/17] dep

---
 src/routes/art/+page.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/routes/art/+page.svelte b/src/routes/art/+page.svelte
index e8a9bf8..ba2e1de 100644
--- a/src/routes/art/+page.svelte
+++ b/src/routes/art/+page.svelte
@@ -2,7 +2,7 @@
 	import ImageFrame from '$lib/components/art/image_frame.svelte';
 
 	const images = Object.values(
-		import.meta.glob('$lib/assets/art/*.{jpg,jpeg,png,gif,webp}', { as: 'url', eager: true })
+		import.meta.glob('$lib/assets/art/*.{jpg,jpeg,png,gif,webp}', { query: '?url', import: 'default', eager: true })
 	);
 </script>
 

From 94fee7d88405786534971eb55af57eba55411b26 Mon Sep 17 00:00:00 2001
From: JackDevilGod <jack.jh666@gmail.com>
Date: Mon, 12 Jan 2026 19:30:58 +0100
Subject: [PATCH 05/17] sdfs

---
 src/lib/components/nav component/mobile navbar.svelte | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/lib/components/nav component/mobile navbar.svelte b/src/lib/components/nav component/mobile navbar.svelte
index 238eced..a11febf 100644
--- a/src/lib/components/nav component/mobile navbar.svelte	
+++ b/src/lib/components/nav component/mobile navbar.svelte	
@@ -32,6 +32,8 @@
 		flex-direction: column;
 		position: relative;
 		align-items: center;
+		height: 100%;
+		width: auto;
 
 		ul {
 			width: 300px;

From 20e8b11bbb69ab1bb9b0b779f99b36d45f7d033c Mon Sep 17 00:00:00 2001
From: JackDevilGod <jack.jh666@gmail.com>
Date: Mon, 12 Jan 2026 19:31:20 +0100
Subject: [PATCH 06/17] changed to proper tag

---
 src/lib/components/layout/footer.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/layout/footer.svelte b/src/lib/components/layout/footer.svelte
index e102eab..b506196 100644
--- a/src/lib/components/layout/footer.svelte
+++ b/src/lib/components/layout/footer.svelte
@@ -10,7 +10,7 @@
 	let pages = $derived(main_pages.concat(extra_pages));
 </script>
 
-<header>
+<footer>
 	<nav id="desktop_navbar">
 		<ul>
 			{#each main_pages as { route, name } (route)}
@@ -26,7 +26,7 @@
 	<nav id="mobile_navbar">
 		<MobileNavBar {pages} transformX="-50%" transformY="-20px" />
 	</nav>
-</header>
+</footer>
 
 <style>
 	header {

From 503a56e28e1f9e1b7d354d1a48111acf4f19d17f Mon Sep 17 00:00:00 2001
From: JackDevilGod <jack.jh666@gmail.com>
Date: Mon, 12 Jan 2026 19:32:58 +0100
Subject: [PATCH 07/17] reset

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

diff --git a/src/lib/components/layout/footer.svelte b/src/lib/components/layout/footer.svelte
index b506196..4d7d4b5 100644
--- a/src/lib/components/layout/footer.svelte
+++ b/src/lib/components/layout/footer.svelte
@@ -19,12 +19,12 @@
 		</ul>
 
 		<nav id="navbar_burger">
-			<MobileNavBar pages={extra_pages} transformX="-50%" transformY="-20px" />
+			<MobileNavBar pages={extra_pages} />
 		</nav>
 	</nav>
 
 	<nav id="mobile_navbar">
-		<MobileNavBar {pages} transformX="-50%" transformY="-20px" />
+		<MobileNavBar {pages}  />
 	</nav>
 </footer>
 
diff --git a/src/lib/components/layout/header.svelte b/src/lib/components/layout/header.svelte
index 33fee00..c50d9c0 100644
--- a/src/lib/components/layout/header.svelte
+++ b/src/lib/components/layout/header.svelte
@@ -31,12 +31,12 @@ development hell.</pre>
 		</ul>
 
 		<nav id="navbar_burger">
-			<MobileNavBar pages={extra_pages} transformX="-250px" transformY="180px" />
+			<MobileNavBar pages={extra_pages}/>
 		</nav>
 	</nav>
 
 	<nav id="mobile_navbar">
-		<MobileNavBar {pages} transformX="-250px" transformY="480px" />
+		<MobileNavBar {pages} />
 	</nav>
 </header>
 
diff --git a/src/lib/components/nav component/mobile navbar.svelte b/src/lib/components/nav component/mobile navbar.svelte
index a11febf..6114e25 100644
--- a/src/lib/components/nav component/mobile navbar.svelte	
+++ b/src/lib/components/nav component/mobile navbar.svelte	
@@ -4,8 +4,6 @@
 
 	let {
 		pages = [{ route: '/', name: 'Home' }],
-		transformX = '-50%',
-		transformY = '-20px'
 	} = $props();
 	let open = $derived(false);
 
@@ -18,7 +16,7 @@
 	<BurgerIcon bind:open />
 
 	{#if open}
-		<ul style="transform: translateX({transformX}) translateY({transformY});">
+		<ul>
 			{#each pages as { route, name } (route)}
 				<li><a href={resolve(route)} onclick={onClick}>{name}</a></li>
 			{/each}

From e40f228d04c4ab6a7bf3f240eef4720449e16415 Mon Sep 17 00:00:00 2001
From: JackDevilGod <jack.jh666@gmail.com>
Date: Mon, 12 Jan 2026 19:33:57 +0100
Subject: [PATCH 08/17] dep

---
 src/routes/art/+page.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/routes/art/+page.svelte b/src/routes/art/+page.svelte
index e8a9bf8..ba2e1de 100644
--- a/src/routes/art/+page.svelte
+++ b/src/routes/art/+page.svelte
@@ -2,7 +2,7 @@
 	import ImageFrame from '$lib/components/art/image_frame.svelte';
 
 	const images = Object.values(
-		import.meta.glob('$lib/assets/art/*.{jpg,jpeg,png,gif,webp}', { as: 'url', eager: true })
+		import.meta.glob('$lib/assets/art/*.{jpg,jpeg,png,gif,webp}', { query: '?url', import: 'default', eager: true })
 	);
 </script>
 

From a7a72b5be0c3e5b00fb83f88b48334b07d0ec731 Mon Sep 17 00:00:00 2001
From: JackDevilGod <jack.jh666@gmail.com>
Date: Sun, 18 Jan 2026 23:32:38 +0100
Subject: [PATCH 09/17] rendering proper side of the icon, need to fix gap and
 make it not render outside of frame

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

diff --git a/src/lib/components/layout/footer.svelte b/src/lib/components/layout/footer.svelte
index 4d7d4b5..bb3d5ba 100644
--- a/src/lib/components/layout/footer.svelte
+++ b/src/lib/components/layout/footer.svelte
@@ -19,17 +19,17 @@
 		</ul>
 
 		<nav id="navbar_burger">
-			<MobileNavBar pages={extra_pages} />
+			<MobileNavBar pages={extra_pages} position="bottom"/>
 		</nav>
 	</nav>
 
 	<nav id="mobile_navbar">
-		<MobileNavBar {pages}  />
+		<MobileNavBar {pages}  position="bottom"/>
 	</nav>
 </footer>
 
 <style>
-	header {
+	footer {
 		width: 100%;
 		height: 100px;
 
diff --git a/src/lib/components/layout/header.svelte b/src/lib/components/layout/header.svelte
index c50d9c0..a0c0984 100644
--- a/src/lib/components/layout/header.svelte
+++ b/src/lib/components/layout/header.svelte
@@ -31,12 +31,12 @@ development hell.</pre>
 		</ul>
 
 		<nav id="navbar_burger">
-			<MobileNavBar pages={extra_pages}/>
+			<MobileNavBar pages={extra_pages} position="top"/>
 		</nav>
 	</nav>
 
 	<nav id="mobile_navbar">
-		<MobileNavBar {pages} />
+		<MobileNavBar {pages} position="top"/>
 	</nav>
 </header>
 
diff --git a/src/lib/components/nav component/mobile navbar.svelte b/src/lib/components/nav component/mobile navbar.svelte
index 6114e25..fd390d4 100644
--- a/src/lib/components/nav component/mobile navbar.svelte	
+++ b/src/lib/components/nav component/mobile navbar.svelte	
@@ -4,6 +4,7 @@
 
 	let {
 		pages = [{ route: '/', name: 'Home' }],
+		position = "bottom"
 	} = $props();
 	let open = $derived(false);
 
@@ -16,7 +17,7 @@
 	<BurgerIcon bind:open />
 
 	{#if open}
-		<ul>
+		<ul style="{position}:100%;">
 			{#each pages as { route, name } (route)}
 				<li><a href={resolve(route)} onclick={onClick}>{name}</a></li>
 			{/each}
@@ -41,8 +42,6 @@
 			flex-direction: column;
 			align-items: center;
 			position: absolute;
-			bottom: 100%;
-			left: 50%;
 
 			padding: 0;
 

From a032ec98e28e75e433e091ff54edcaea9043c862 Mon Sep 17 00:00:00 2001
From: JackDevilGod <jack.jh666@gmail.com>
Date: Sun, 18 Jan 2026 23:39:18 +0100
Subject: [PATCH 10/17] yes

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

diff --git a/src/lib/components/layout/footer.svelte b/src/lib/components/layout/footer.svelte
index bb3d5ba..cc20fee 100644
--- a/src/lib/components/layout/footer.svelte
+++ b/src/lib/components/layout/footer.svelte
@@ -84,6 +84,7 @@
 
 	#mobile_navbar {
 		display: none;
+		height: 100%;
 	}
 
 	@media only screen and (max-width: 1200px) {
diff --git a/src/lib/components/layout/header.svelte b/src/lib/components/layout/header.svelte
index a0c0984..1f105d0 100644
--- a/src/lib/components/layout/header.svelte
+++ b/src/lib/components/layout/header.svelte
@@ -31,12 +31,12 @@ development hell.</pre>
 		</ul>
 
 		<nav id="navbar_burger">
-			<MobileNavBar pages={extra_pages} position="top"/>
+			<MobileNavBar pages={extra_pages} position="top" extra_style_list="right:0;"/>
 		</nav>
 	</nav>
 
 	<nav id="mobile_navbar">
-		<MobileNavBar {pages} position="top"/>
+		<MobileNavBar {pages} position="top" extra_style_list="right:0;"/>
 	</nav>
 </header>
 
diff --git a/src/lib/components/nav component/mobile navbar.svelte b/src/lib/components/nav component/mobile navbar.svelte
index fd390d4..dad7d73 100644
--- a/src/lib/components/nav component/mobile navbar.svelte	
+++ b/src/lib/components/nav component/mobile navbar.svelte	
@@ -4,7 +4,8 @@
 
 	let {
 		pages = [{ route: '/', name: 'Home' }],
-		position = "bottom"
+		position = "bottom",
+		extra_style_list = "",
 	} = $props();
 	let open = $derived(false);
 
@@ -17,7 +18,7 @@
 	<BurgerIcon bind:open />
 
 	{#if open}
-		<ul style="{position}:100%;">
+		<ul style="{position}:100%; {extra_style_list}">
 			{#each pages as { route, name } (route)}
 				<li><a href={resolve(route)} onclick={onClick}>{name}</a></li>
 			{/each}

From f1c1363fc7dd73175e0c2f0b682ce38e24e8a5e7 Mon Sep 17 00:00:00 2001
From: JackDevilGod <jack.jh666@gmail.com>
Date: Sun, 18 Jan 2026 23:40:05 +0100
Subject: [PATCH 11/17] format and lint

---
 src/lib/components/layout/footer.svelte               | 4 ++--
 src/lib/components/layout/header.svelte               | 4 ++--
 src/lib/components/nav component/mobile navbar.svelte | 4 ++--
 src/routes/art/+page.svelte                           | 6 +++++-
 4 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/lib/components/layout/footer.svelte b/src/lib/components/layout/footer.svelte
index cc20fee..79341bb 100644
--- a/src/lib/components/layout/footer.svelte
+++ b/src/lib/components/layout/footer.svelte
@@ -19,12 +19,12 @@
 		</ul>
 
 		<nav id="navbar_burger">
-			<MobileNavBar pages={extra_pages} position="bottom"/>
+			<MobileNavBar pages={extra_pages} position="bottom" />
 		</nav>
 	</nav>
 
 	<nav id="mobile_navbar">
-		<MobileNavBar {pages}  position="bottom"/>
+		<MobileNavBar {pages} position="bottom" />
 	</nav>
 </footer>
 
diff --git a/src/lib/components/layout/header.svelte b/src/lib/components/layout/header.svelte
index 1f105d0..96bb87f 100644
--- a/src/lib/components/layout/header.svelte
+++ b/src/lib/components/layout/header.svelte
@@ -31,12 +31,12 @@ development hell.</pre>
 		</ul>
 
 		<nav id="navbar_burger">
-			<MobileNavBar pages={extra_pages} position="top" extra_style_list="right:0;"/>
+			<MobileNavBar pages={extra_pages} position="top" extra_style_list="right:0;" />
 		</nav>
 	</nav>
 
 	<nav id="mobile_navbar">
-		<MobileNavBar {pages} position="top" extra_style_list="right:0;"/>
+		<MobileNavBar {pages} position="top" extra_style_list="right:0;" />
 	</nav>
 </header>
 
diff --git a/src/lib/components/nav component/mobile navbar.svelte b/src/lib/components/nav component/mobile navbar.svelte
index dad7d73..cfa68cd 100644
--- a/src/lib/components/nav component/mobile navbar.svelte	
+++ b/src/lib/components/nav component/mobile navbar.svelte	
@@ -4,8 +4,8 @@
 
 	let {
 		pages = [{ route: '/', name: 'Home' }],
-		position = "bottom",
-		extra_style_list = "",
+		position = 'bottom',
+		extra_style_list = ''
 	} = $props();
 	let open = $derived(false);
 
diff --git a/src/routes/art/+page.svelte b/src/routes/art/+page.svelte
index ba2e1de..6c9c250 100644
--- a/src/routes/art/+page.svelte
+++ b/src/routes/art/+page.svelte
@@ -2,7 +2,11 @@
 	import ImageFrame from '$lib/components/art/image_frame.svelte';
 
 	const images = Object.values(
-		import.meta.glob('$lib/assets/art/*.{jpg,jpeg,png,gif,webp}', { query: '?url', import: 'default', eager: true })
+		import.meta.glob('$lib/assets/art/*.{jpg,jpeg,png,gif,webp}', {
+			query: '?url',
+			import: 'default',
+			eager: true
+		})
 	);
 </script>
 

From 83cf28f765bc31ecdb129e3b0342a4d6c82f8937 Mon Sep 17 00:00:00 2001
From: JackDevilGod <jack.jh666@gmail.com>
Date: Sun, 18 Jan 2026 23:45:44 +0100
Subject: [PATCH 12/17] doe this work?

---
 src/lib/components/art/image_frame.svelte | 11 ++++-------
 1 file changed, 4 insertions(+), 7 deletions(-)

diff --git a/src/lib/components/art/image_frame.svelte b/src/lib/components/art/image_frame.svelte
index 8e07863..3e28a2c 100644
--- a/src/lib/components/art/image_frame.svelte
+++ b/src/lib/components/art/image_frame.svelte
@@ -1,11 +1,9 @@
 <script>
-	import { base } from '$app/paths';
-	// accept a single `path` prop (URL to the image)
-	export let path = '';
+	import { resolve } from '$app/paths';
+	export let path = '/';
 </script>
 
-<!-- eslint-disable-next-line svelte/no-navigation-without-resolve -->
-<a href="{base}{path}">
+<a href={resolve(path)}>
 	<img src={path} class="frame" alt="art" loading="lazy" />
 </a>
 
@@ -13,14 +11,13 @@
 	.frame {
 		display: block;
 		width: 100%;
-		max-width: 300px; /* scale down large images to a reasonable width */
+		max-width: 300px;
 		height: auto;
 		object-fit: contain;
 		border-radius: 6px;
 		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
 	}
 
-	/* Make it smaller on very small screens if needed */
 	@media (max-width: 400px) {
 		.frame {
 			max-width: 220px;

From 189be41c00cda42f6496838022f7ff4fd31c44e9 Mon Sep 17 00:00:00 2001
From: JackDevilGod <jack.jh666@gmail.com>
Date: Sun, 18 Jan 2026 23:56:19 +0100
Subject: [PATCH 13/17] only one error now

---
 src/lib/components/art/image_frame.svelte | 2 +-
 src/routes/art/+page.svelte               | 7 ++++---
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/lib/components/art/image_frame.svelte b/src/lib/components/art/image_frame.svelte
index 3e28a2c..b51335b 100644
--- a/src/lib/components/art/image_frame.svelte
+++ b/src/lib/components/art/image_frame.svelte
@@ -1,6 +1,6 @@
 <script>
 	import { resolve } from '$app/paths';
-	export let path = '/';
+	let {path="/"} = $props();
 </script>
 
 <a href={resolve(path)}>
diff --git a/src/routes/art/+page.svelte b/src/routes/art/+page.svelte
index 6c9c250..cb776e3 100644
--- a/src/routes/art/+page.svelte
+++ b/src/routes/art/+page.svelte
@@ -1,13 +1,14 @@
-<script>
+<script lang="ts">
 	import ImageFrame from '$lib/components/art/image_frame.svelte';
 
-	const images = Object.values(
+	const images: String[] = Object.values(
 		import.meta.glob('$lib/assets/art/*.{jpg,jpeg,png,gif,webp}', {
 			query: '?url',
 			import: 'default',
 			eager: true
 		})
 	);
+
 </script>
 
 <div class="content">
@@ -16,7 +17,7 @@
 	<div id="galleries_grid">
 		{#each images as img (img)}
 			<figure>
-				<ImageFrame path={img} />
+				<ImageFrame path={img as string} />
 			</figure>
 		{/each}
 	</div>

From a84debdff1d179eadd40895a4265e9734e940d41 Mon Sep 17 00:00:00 2001
From: JackDevilGod <jack.jh666@gmail.com>
Date: Mon, 19 Jan 2026 00:04:43 +0100
Subject: [PATCH 14/17] fixed checks

---
 src/lib/components/art/image_frame.svelte | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/lib/components/art/image_frame.svelte b/src/lib/components/art/image_frame.svelte
index b51335b..8e0d56d 100644
--- a/src/lib/components/art/image_frame.svelte
+++ b/src/lib/components/art/image_frame.svelte
@@ -1,9 +1,8 @@
-<script>
-	import { resolve } from '$app/paths';
-	let {path="/"} = $props();
+<script lang="ts">
+	let { path = '/' }: { path?: string } = $props();
 </script>
 
-<a href={resolve(path)}>
+<a href={path}>
 	<img src={path} class="frame" alt="art" loading="lazy" />
 </a>
 

From a995a598f6a01a439271e07f153cd3eff02f2f36 Mon Sep 17 00:00:00 2001
From: JackDevilGod <jack.jh666@gmail.com>
Date: Mon, 19 Jan 2026 00:08:30 +0100
Subject: [PATCH 15/17] hacky

---
 src/lib/components/art/image_frame.svelte | 3 ++-
 src/routes/art/+page.svelte               | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/art/image_frame.svelte b/src/lib/components/art/image_frame.svelte
index 8e0d56d..33aac22 100644
--- a/src/lib/components/art/image_frame.svelte
+++ b/src/lib/components/art/image_frame.svelte
@@ -1,8 +1,9 @@
 <script lang="ts">
+	import { resolve } from "$app/paths";
 	let { path = '/' }: { path?: string } = $props();
 </script>
 
-<a href={path}>
+<a href={resolve(path as any)}>
 	<img src={path} class="frame" alt="art" loading="lazy" />
 </a>
 
diff --git a/src/routes/art/+page.svelte b/src/routes/art/+page.svelte
index cb776e3..3a8601c 100644
--- a/src/routes/art/+page.svelte
+++ b/src/routes/art/+page.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import ImageFrame from '$lib/components/art/image_frame.svelte';
 
-	const images: String[] = Object.values(
+	const images: string[] = Object.values(
 		import.meta.glob('$lib/assets/art/*.{jpg,jpeg,png,gif,webp}', {
 			query: '?url',
 			import: 'default',

From 2ca3439b8aedd10c8dc7d92037afc6df2b301300 Mon Sep 17 00:00:00 2001
From: JackDevilGod <jack.jh666@gmail.com>
Date: Mon, 19 Jan 2026 00:13:50 +0100
Subject: [PATCH 16/17] hacky 2

---
 src/lib/components/art/image_frame.svelte | 8 +++++---
 src/routes/art/+page.svelte               | 1 -
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/lib/components/art/image_frame.svelte b/src/lib/components/art/image_frame.svelte
index 33aac22..298c041 100644
--- a/src/lib/components/art/image_frame.svelte
+++ b/src/lib/components/art/image_frame.svelte
@@ -1,9 +1,11 @@
 <script lang="ts">
-	import { resolve } from "$app/paths";
-	let { path = '/' }: { path?: string } = $props();
+	import { resolve } from '$app/paths';
+	type Route = any;
+
+	let { path = '/' }: { path?: Route } = $props();
 </script>
 
-<a href={resolve(path as any)}>
+<a href={resolve(path)}>
 	<img src={path} class="frame" alt="art" loading="lazy" />
 </a>
 
diff --git a/src/routes/art/+page.svelte b/src/routes/art/+page.svelte
index 3a8601c..a089450 100644
--- a/src/routes/art/+page.svelte
+++ b/src/routes/art/+page.svelte
@@ -8,7 +8,6 @@
 			eager: true
 		})
 	);
-
 </script>
 
 <div class="content">

From c30e786f06cba0540957b0f2656ce1ac72ca1d6e Mon Sep 17 00:00:00 2001
From: JackDevilGod <jack.jh666@gmail.com>
Date: Mon, 19 Jan 2026 00:22:47 +0100
Subject: [PATCH 17/17] removed the ability to click images on art page

---
 src/lib/components/art/image_frame.svelte | 9 ++-------
 1 file changed, 2 insertions(+), 7 deletions(-)

diff --git a/src/lib/components/art/image_frame.svelte b/src/lib/components/art/image_frame.svelte
index 298c041..aecc668 100644
--- a/src/lib/components/art/image_frame.svelte
+++ b/src/lib/components/art/image_frame.svelte
@@ -1,13 +1,8 @@
 <script lang="ts">
-	import { resolve } from '$app/paths';
-	type Route = any;
-
-	let { path = '/' }: { path?: Route } = $props();
+	let { path = '/' }: { path?: string } = $props();
 </script>
 
-<a href={resolve(path)}>
-	<img src={path} class="frame" alt="art" loading="lazy" />
-</a>
+<img src={path} class="frame" alt="art" loading="lazy" />
 
 <style>
 	.frame {