Nicholai/nicholai-work-2026
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor navigation layout and links for improved accessibility and user experience. Updated navigation structure to simplify links and enhance visual alignment.

Browse Source
This commit is contained in:
Nicholai 2025-12-06 12:54:48 -07:00
parent c3bbf19862
commit 08569939ae
1 changed files with 4 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/components/Navigation.astro
View File

@ -1,33 +1,13 @@
--- ---
--- ---
<nav <nav
class="fixed top-0 left-0 w-full z-50 px-6 lg:px-12 py-8 flex justify-between items-center backdrop-blur-sm border-b border-white/5"> class="fixed top-0 left-0 w-full z-50 px-6 lg:px-12 py-8 flex justify-end items-center gap-12 backdrop-blur-sm border-b border-white/5">
<div class="flex items-center gap-4 group cursor-none-target">
<div
class="w-10 h-10 border border-brand-accent/50 flex items-center justify-center bg-brand-accent/5 group-hover:bg-brand-accent transition-colors duration-300">
<span class="font-bold text-brand-accent group-hover:text-brand-dark">NV</span>
</div>
<div class="flex flex-col">
<span class="text-xs font-mono uppercase tracking-widest text-slate-400">Status</span>
<span class="text-xs font-bold text-brand-accent animate-pulse">AVAILABLE FOR WORK</span>
</div>
</div>
<div class="hidden md:flex gap-12"> <div class="hidden md:flex gap-12">
<a href="/#about" <a href="/"
class="text-xs font-bold uppercase tracking-widest text-slate-500 hover:text-white transition-colors">01. class="text-xs font-bold uppercase tracking-widest text-slate-500 hover:text-white transition-colors">01.
Profile</a> Home</a>
<a href="/#work"
class="text-xs font-bold uppercase tracking-widest text-slate-500 hover:text-white transition-colors">02.
Selected Works</a>
<a href="/#experience"
class="text-xs font-bold uppercase tracking-widest text-slate-500 hover:text-white transition-colors">03.
History</a>
<a href="/#skills"
class="text-xs font-bold uppercase tracking-widest text-slate-500 hover:text-white transition-colors">04.
Stack</a>
<a href="/blog" <a href="/blog"
class="text-xs font-bold uppercase tracking-widest text-slate-500 hover:text-white transition-colors">05. class="text-xs font-bold uppercase tracking-widest text-slate-500 hover:text-white transition-colors">02.
Blog</a> Blog</a>
</div> </div>