Joders/Jody-Portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

portfolio nearly complete, needs viewtesting on different moniters and screens and needs about me section, possibly files for production.

Browse Source
This commit is contained in:
Ricearoni1245
2026-01-05 23:46:21 -06:00
parent da75479555
commit 6975f5aeab
26 changed files with 655 additions and 95 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/components/Navbar.tsx
View File

@@ -15,14 +15,20 @@ export function Navbar({ onNav }: { onNav: (id: string) => void }) {
};
return (
<header className="sticky top-0 z-50 border-b border-secondary bg-bg/90
backdrop-blur h-16 md:h-20 font-main w-full anim-fade-in">
<div className="flex h-full w-full items-center justify-between px-4 sm:px-6
md:px-10 lg:px-16">
<div className="flex items-center gap-3 hover-pop anim-base select-none">
<header
className="sticky top-0 z-50 border-b border-secondary bg-bg/90
backdrop-blur h-16 md:h-20 font-main w-full anim-fade-in"
>
<div
className="flex h-full w-full items-center justify-between px-4 sm:px-6
md:px-10 lg:px-16"
>
<div className="flex items-center gap-3 hover-pop anim-base select-none">
<div className="leading-tight">
<div className="text-xl md:text-2xl font-extrabold font-name tracking-wide
text-text">
<div
className="text-xl md:text-2xl font-extrabold font-name tracking-wide
text-text"
>
Jody Holt
</div>
<div className="text-[11px] md:text-sm text-text/70">
@@ -72,13 +78,14 @@ export function Navbar({ onNav }: { onNav: (id: string) => void }) {
{links.map((l) => (
<button
key={l.id}
className="block w-full rounded px-3 py-2 text-left text-text hover:bg-secondary/60"
className="block w-full rounded px-3 py-2 text-left text-text hover:bg-secondary/60 hover:text-primary anim-base"
onClick={() => handleNav(l.id)}
>
{l.label}
</button>
))}
<div className="pt-2">
<ThemeToggle compact />{" "}
</div>
</div>
</div>