jedmund/jedmund-svelte
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add about menu item

Browse source
This commit is contained in:
Justin Edmund 2025-06-10 22:38:02 -07:00
parent e270eddb84
commit 8f166344b8
2 changed files with 13 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/assets/icons/about.svg Normal file
View file

@ -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>
Side by side

After

Width:  |  Height:  |  Size: 1.1 KiB

12
src/lib/components/NavDropdown.svelte
View file

@ -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'
}