nicholai
c3bbf19862
- Changed site title and description to reflect personal branding as a VFX Artist & Technical Generalist. - Added social links for contact and networking. - Revamped footer layout for improved aesthetics and functionality. - Reorganized blog and homepage layouts to enhance user experience and visual appeal. - Updated global styles to incorporate Tailwind CSS for a modern design approach.
40 lines
1.9 KiB
Plaintext
40 lines
1.9 KiB
Plaintext
---
|
|
---
|
|
<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">
|
|
<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">
|
|
<a href="/#about"
|
|
class="text-xs font-bold uppercase tracking-widest text-slate-500 hover:text-white transition-colors">01.
|
|
Profile</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"
|
|
class="text-xs font-bold uppercase tracking-widest text-slate-500 hover:text-white transition-colors">05.
|
|
Blog</a>
|
|
</div>
|
|
|
|
<a href="mailto:nicholai@nicholai.work"
|
|
class="border border-slate-600 px-6 py-3 text-xs font-bold uppercase tracking-widest hover:border-brand-accent hover:bg-brand-accent/10 transition-all cursor-none-target">
|
|
Contact
|
|
</a>
|
|
</nav>
|
|
|