feat(web): redesign navigation with centered logo and smooth page transitions

- Replace sidebar nav with centered header featuring PAC-MAN title
- Add glimmer animation effect for non-active logo state
- Implement 200ms fade transitions between pages
- Add custom scrollbar styling with OverlayScrollbars
- Switch to Russo One font for title, Outfit for body text
This commit is contained in:
2025-12-29 02:53:55 -06:00
parent 5e86bbb040
commit 65a9c6bab9
10 changed files with 3992 additions and 56 deletions
+4
View File
@@ -10,9 +10,13 @@
"description": "A web frontend for the Pac-Man game, including leaderboards and OAuth.",
"dependencies": {
"@fontsource/nunito": "^5.2.7",
"@fontsource/outfit": "^5.2.8",
"@fontsource/pixelify-sans": "^5.2.7",
"@fontsource/russo-one": "^5.2.7",
"@tabler/icons-react": "^3.35.0",
"@vitejs/plugin-react": "^5.0.2",
"overlayscrollbars": "^2.13.0",
"overlayscrollbars-react": "^0.5.6",
"react": "^19.1.1",
"react-dom": "^19.1.1",
"vike": "^0.4.240",