add view resume button to mobile, fix header and menu spacing
This commit is contained in:
@@ -15,7 +15,7 @@
|
||||
<!-- Header & Nav -->
|
||||
<header class="sticky top-0 z-50 glass-card shadow-md">
|
||||
<nav class="container mx-auto px-6 py-4 flex justify-between items-center">
|
||||
<a href="/" class="text-2xl font-bold text-white">{{ site.author.shortname }}<span class="text-blue-500">.</span></a>
|
||||
<a href="/" class="text-3xl font-bold text-white">{{ site.author.shortname }}<span class="text-blue-500">.</span></a>
|
||||
<div class="hidden md:flex space-x-6 items-center">
|
||||
<a href="/#about" class="text-gray-300 hover:text-blue-400">About</a>
|
||||
<a href="/blog" class="text-gray-300 hover:text-blue-400">Blog</a>
|
||||
@@ -32,14 +32,14 @@
|
||||
</div>
|
||||
</nav>
|
||||
<!-- Mobile Menu -->
|
||||
<div id="mobile-menu" class="hidden md:hidden px-6 pt-2 pb-4 space-y-2">
|
||||
<div id="mobile-menu" class="hidden md:hidden px-6 pt-3 pb-4 space-y-3">
|
||||
<a href="/#about" class="block text-gray-300 hover:text-blue-400">About</a>
|
||||
<a href="/blog" class="block text-gray-300 hover:text-blue-400">Blog</a>
|
||||
<a href="/#services" class="block text-gray-300 hover:text-blue-400">Services</a>
|
||||
<a href="/#skills" class="block text-gray-300 hover:text-blue-400">Skills</a>
|
||||
<a href="/#experience" class="block text-gray-300 hover:text-blue-400">Experience</a>
|
||||
<a href="/#contact" class="block text-gray-300 hover:text-blue-400">Contact</a>
|
||||
<a href="/{{ site.resumeUrl }}" target="_blank" class="block btn mt-2">View Resume</a>
|
||||
<a href="/{{ site.resumeUrl }}" target="_blank" class="hidden block btn mt-2">View Resume</a>
|
||||
</div>
|
||||
</header>
|
||||
<main class="container mx-auto px-6 py-12">
|
||||
|
Reference in New Issue
Block a user