ghndrx/gregh.dev
1
0
Fork 0
mirror of https://github.com/ghndrx/gregh.dev.git synced 2026-02-10 06:44:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix nav bar

Browse Source
This commit is contained in:
greg
2025-02-20 00:19:47 -08:00
parent 66d11f6f9b
commit 7ac05a802c
1 changed files with 21 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/index.html
View File

@@ -18,18 +18,28 @@
<body class="bg-[#0a192f] text-white"> <body class="bg-[#0a192f] text-white">
<div id="particles-js" class="particle-background"></div> <div id="particles-js" class="particle-background"></div>
<nav class="hidden md:flex bg-[#0a192f]/90 backdrop-blur-md text-white fixed w-full z-10"> <nav class="fixed top-0 left-0 right-0 z-50 bg-black bg-opacity-75 shadow-lg backdrop-blur-md">
<div class="container mx-auto px-6 py-4"> <div class="container mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex justify-between items-center"> <div class="flex items-center justify-between h-16">
<div class="text-xl font-bold text-[#64ffda]">Greg</div> <div class="flex-shrink-0">
<div class="space-x-6"> <span class="text-2xl font-bold text-[#64ffda]">Greg</span>
<a href="#about" class="hover:text-[#64ffda] transition-colors">About</a> </div>
<a href="#experience" class="hover:text-[#64ffda] transition-colors">Experience</a> <div class="hidden md:flex space-x-6">
<a href="#tools" class="hover:text-[#64ffda] transition-colors">Tools</a> <a href="#about" class="px-3 py-2 rounded-md text-sm font-medium text-white hover:text-[#64ffda] transition-colors">About</a>
<a href="#projects" class="hover:text-[#64ffda] transition-colors">Projects</a> <a href="#experience" class="px-3 py-2 rounded-md text-sm font-medium text-white hover:text-[#64ffda] transition-colors">Experience</a>
</div> <a href="#tools" class="px-3 py-2 rounded-md text-sm font-medium text-white hover:text-[#64ffda] transition-colors">Tools</a>
</div> <a href="#projects" class="px-3 py-2 rounded-md text-sm font-medium text-white hover:text-[#64ffda] transition-colors">Projects</a>
</div>
<!-- Optional: Mobile menu icon -->
<div class="md:hidden">
<button class="text-white hover:text-[#64ffda] focus:outline-none focus:text-[#64ffda]">
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/>
</svg>
</button>
</div>
</div> </div>
</div>
</nav> </nav>
<main class="pt-20 relative"> <main class="pt-20 relative">