JoshS/nyvora.app
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge pull request #71 from fanqyxl/main

Browse source 
add games and merch page (placeholder)
This commit is contained in:
MotorTruck1221 2025-06-01 14:10:25 -06:00 • committed by GitHub
commit 675049355b
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
5 changed files with 5803 additions and 530 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6300
package-lock.json generated
View file

File diff suppressed because it is too large Load diff

9
src/components/Header.astro
View file

@ -49,14 +49,15 @@ const path = Astro.url.pathname;
<a href="/" class=`flex flex-row gap-2 items-center rounded-lg h-10 w-full whitespace-nowrap px-4 py-2 font-medium text-sm ${path === '/' ? 'bg-(--secondary)': 'bg-(--background)'} transition-all duration-200 hover:bg-(--secondary) hover:scale-105 focus:ring-(--ring) focus:ring-2`> <a href="/" class=`flex flex-row gap-2 items-center rounded-lg h-10 w-full whitespace-nowrap px-4 py-2 font-medium text-sm ${path === '/' ? 'bg-(--secondary)': 'bg-(--background)'} transition-all duration-200 hover:bg-(--secondary) hover:scale-105 focus:ring-(--ring) focus:ring-2`>
<Icon name="lucide:house" class="text-lg w-6 h-6" /> Home <Icon name="lucide:house" class="text-lg w-6 h-6" /> Home
</a> </a>
{/** This needs to be added later <a href="/games" class=`flex flex-row gap-2 items-center rounded-lg h-10 w-full whitespace-nowrap px-4 py-2 font-medium text-sm ${path.includes('/games') ? 'bg-(--secondary)': 'bg-(--background)'} transition-all duration-200 hover:bg-(--secondary) hover:scale-105 focus:ring-(--ring) focus:ring-2`>
<a href="/games" class=`flex flex-row gap-2 items-center rounded-lg h-10 w-full whitespace-nowrap px-4 py-2 font-medium text-sm ${path.includes('/games') ? 'bg-(--secondary)': 'bg-(--background)'} transition-all duration-200 hover:bg-(--secondary) hover:scale-105 focus:ring-(--ring) focus:ring-2`>
<Icon name="lucide:gamepad" class="text-lg w-6 h-6" /> Games <Icon name="lucide:gamepad" class="text-lg w-6 h-6" /> Games
</a> </a>
*/}
<a href="/apps" class=`flex flex-row gap-2 items-center rounded-lg h-10 w-full whitespace-nowrap px-4 py-2 font-medium text-sm ${path.includes('/apps') ? 'bg-(--secondary)': 'bg-(--background)'} transition-all duration-200 hover:bg-(--secondary) hover:scale-105 focus:ring-(--ring) focus:ring-2`> <a href="/apps" class=`flex flex-row gap-2 items-center rounded-lg h-10 w-full whitespace-nowrap px-4 py-2 font-medium text-sm ${path.includes('/apps') ? 'bg-(--secondary)': 'bg-(--background)'} transition-all duration-200 hover:bg-(--secondary) hover:scale-105 focus:ring-(--ring) focus:ring-2`>
<Icon name="lucide:layout-grid" class="text-lg w-6 h-6" /> Apps <Icon name="lucide:layout-grid" class="text-lg w-6 h-6" /> Apps
</a> </a>
<a href="/merch" class=`flex flex-row gap-2 items-center rounded-lg h-10 w-full whitespace-nowrap px-4 py-2 font-medium text-sm ${path.includes('/merch') ? 'bg-(--secondary)': 'bg-(--background)'} transition-all duration-200 hover:bg-(--secondary) hover:scale-105 focus:ring-(--ring) focus:ring-2`>
<Icon name="lucide:shopping-cart" class="text-lg w-6 h-6" /> Merch
</a>
</div> </div>
<div class="text-(--secondary-foreground) w-full flex flex-col"> <div class="text-(--secondary-foreground) w-full flex flex-col">
<a href="/settings" class=`flex flex-row gap-2 items-center rounded-lg h-10 w-full whitespace-nowrap px-4 py-2 font-medium text-sm ${path.includes('/settings') ? 'bg-(--secondary)': 'bg-(--background)'} transition-all duration-200 hover:bg-(--secondary) hover:scale-105 focus:ring-(--ring) focus:ring-2`> <a href="/settings" class=`flex flex-row gap-2 items-center rounded-lg h-10 w-full whitespace-nowrap px-4 py-2 font-medium text-sm ${path.includes('/settings') ? 'bg-(--secondary)': 'bg-(--background)'} transition-all duration-200 hover:bg-(--secondary) hover:scale-105 focus:ring-(--ring) focus:ring-2`>

6
src/components/SettingsNav.astro
View file

@ -17,4 +17,10 @@ const { active } = Astro.props;
<a href="/settings/links/" class=`gap-2 px-4 py-2 rounded-lg h-10 w-full text-sm font-medium transition-colors items-center justify-start inline-flex ${active === "links" ? 'bg-(--secondary) hover:bg-(--secondary)/[0.8]' : 'bg-(--background) hover:bg-(--accent)'}`> <a href="/settings/links/" class=`gap-2 px-4 py-2 rounded-lg h-10 w-full text-sm font-medium transition-colors items-center justify-start inline-flex ${active === "links" ? 'bg-(--secondary) hover:bg-(--secondary)/[0.8]' : 'bg-(--background) hover:bg-(--accent)'}`>
<Icon name="lucide:link" class="h-5 w-5" /> Social Links <Icon name="lucide:link" class="h-5 w-5" /> Social Links
</a> </a>
<a href="/games" class=`gap-2 px-4 py-2 rounded-lg h-10 w-full text-sm font-medium transition-colors items-center justify-start inline-flex ${active === "games" ? 'bg-(--secondary) hover:bg-(--secondary)/[0.8]' : 'bg-(--background) hover:bg-(--accent)'}`>
<Icon name="lucide:gamepad-2" class="h-5 w-5" /> Games
</a>
<a href="/merch" class=`gap-2 px-4 py-2 rounded-lg h-10 w-full text-sm font-medium transition-colors items-center justify-start inline-flex ${active === "merch" ? 'bg-(--secondary) hover:bg-(--secondary)/[0.8]' : 'bg-(--background) hover:bg-(--accent)'}`>
<Icon name="lucide:shopping-bag" class="h-5 w-5" /> Merch
</a>
</div> </div>

9
src/pages/games.astro Normal file
View file

@ -0,0 +1,9 @@
---
import Layout from "@layouts/Layout.astro";
---
<Layout>
<div class="h-full flex items-center justify-center">
<h1 class="text-4xl font-semibold">games coming s00n</h1>
</div>
</Layout>

9
src/pages/merch.astro Normal file
View file

@ -0,0 +1,9 @@
---
import Layout from "@layouts/Layout.astro";
---
<Layout>
<div class="h-full flex items-center justify-center">
<h1 class="text-4xl font-semibold">bro.. radius merch s00n</h1>
</div>
</Layout>