From 8f166344b8201d1cfa66d0767421d81e7beb3985 Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Tue, 10 Jun 2025 22:38:02 -0700
Subject: [PATCH] Add about menu item

---
 src/assets/icons/about.svg            |  3 +++
 src/lib/components/NavDropdown.svelte | 12 ++++++++++--
 2 files changed, 13 insertions(+), 2 deletions(-)
 create mode 100644 src/assets/icons/about.svg

diff --git a/src/assets/icons/about.svg b/src/assets/icons/about.svg
new file mode 100644
index 0000000..2d38387
--- /dev/null
+++ b/src/assets/icons/about.svg
@@ -0,0 +1,3 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14 2C20.6274 2 26 7.37258 26 14C26 20.6274 20.6274 26 14 26C7.37258 26 2 20.6274 2 14C2 7.37258 7.37258 2 14 2ZM8.69238 16.3145C7.88346 16.3367 7.23448 16.9982 7.23438 17.8125C7.23442 18.1784 7.3663 18.5131 7.58398 18.7734C9.04235 20.7304 11.3718 22 14 22C16.628 22 18.9566 20.7301 20.415 18.7734C20.633 18.5131 20.7656 18.1786 20.7656 17.8125C20.7655 16.9979 20.116 16.3362 19.3066 16.3145L19.2998 16.2998H8.7002L8.69238 16.3145ZM9.29883 8.30078C8.92702 8.07675 8.4383 8.16619 8.17188 8.52051C7.90563 8.8755 7.95607 9.37057 8.27539 9.66504L8.34277 9.7207L9.71484 10.75L8.34277 11.7793L8.27539 11.835C7.9563 12.1294 7.90584 12.6236 8.17188 12.9785C8.43828 13.3333 8.9268 13.4226 9.29883 13.1982L9.37207 13.1494L11.6572 11.4355L11.7344 11.3701C11.9028 11.2095 11.9999 10.9857 12 10.75C11.9999 10.4805 11.8727 10.2263 11.6572 10.0645L9.37207 8.35059L9.29883 8.30078ZM17.75 9C16.7837 9.00016 16.0001 9.78372 16 10.75C16.0001 11.7163 16.7837 12.4998 17.75 12.5C18.7163 12.4998 19.4999 11.7163 19.5 10.75C19.4999 9.78372 18.7163 9.00016 17.75 9Z" />
+</svg>
diff --git a/src/lib/components/NavDropdown.svelte b/src/lib/components/NavDropdown.svelte
index e2fa2df..088ad78 100644
--- a/src/lib/components/NavDropdown.svelte
+++ b/src/lib/components/NavDropdown.svelte
@@ -3,6 +3,7 @@
 	import LabsIcon from '$icons/labs.svg'
 	import UniverseIcon from '$icons/universe.svg'
 	import PhotosIcon from '$icons/photos.svg'
+	import AboutIcon from '$icons/about.svg'
 	import ChevronDownIcon from '$icons/chevron-down.svg'
 	import { page } from '$app/stores'
 
@@ -14,20 +15,23 @@
 		icon: typeof WorkIcon
 		text: string
 		href: string
-		variant: 'work' | 'universe' | 'labs' | 'photos'
+		variant: 'work' | 'universe' | 'labs' | 'photos' | 'about'
 	}
 
 	const navItems: NavItem[] = [
 		{ icon: WorkIcon, text: 'Work', href: '/', variant: 'work' },
 		{ icon: UniverseIcon, text: 'Universe', href: '/universe', variant: 'universe' },
 		{ icon: PhotosIcon, text: 'Photos', href: '/photos', variant: 'photos' },
-		{ icon: LabsIcon, text: 'Labs', href: '/labs', variant: 'labs' }
+		{ icon: LabsIcon, text: 'Labs', href: '/labs', variant: 'labs' },
+		{ icon: AboutIcon, text: 'About', href: '/about', variant: 'about' }
 	]
 
 	// Get current active item
 	const activeItem = $derived(
 		currentPath === '/'
 			? navItems[0]
+			: currentPath === '/about'
+			? navItems[4]
 			: navItems.find((item) => currentPath.startsWith(item.href === '/' ? '/work' : item.href)) ||
 					navItems[0]
 	)
@@ -43,6 +47,8 @@
 				return '#ffebc5'
 			case 'labs':
 				return '#c5eaff'
+			case 'about':
+				return '#ffcdc5'
 			default:
 				return '#c5eaff'
 		}
@@ -59,6 +65,8 @@
 				return '#b97d14'
 			case 'labs':
 				return '#1482c1'
+			case 'about':
+				return '#d0290d'
 			default:
 				return '#1482c1'
 		}