twk95/11ty-site
Public Access
1
0
Fork 0
Code Actions Packages Activity

add view resume button to mobile, fix header and menu spacing

Browse Source
This commit is contained in:
Jesus Otero Lagunes
2025-08-11 23:19:13 -04:00
parent 59fb872c39
commit a219038260
2 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/_includes/layout.njk
View File

@@ -15,7 +15,7 @@
<!-- Header & Nav --> <!-- Header & Nav -->
<header class="sticky top-0 z-50 glass-card shadow-md"> <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"> <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"> <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="/#about" class="text-gray-300 hover:text-blue-400">About</a>
<a href="/blog" class="text-gray-300 hover:text-blue-400">Blog</a> <a href="/blog" class="text-gray-300 hover:text-blue-400">Blog</a>
@@ -32,14 +32,14 @@
</div> </div>
</nav> </nav>
<!-- Mobile Menu --> <!-- 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="/#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="/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="/#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="/#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="/#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="/#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> </div>
</header> </header>
<main class="container mx-auto px-6 py-12"> <main class="container mx-auto px-6 py-12">

1
src/index.md
View File

@@ -9,6 +9,7 @@ layout: "layout.njk"
<p class="text-lg md:text-xl text-gray-400 max-w-3xl mx-auto mb-8">10+ years of experience in troubleshooting, designing, and deploying robust network solutions. Let's build a reliable and efficient network for your business.</p> <p class="text-lg md:text-xl text-gray-400 max-w-3xl mx-auto mb-8">10+ years of experience in troubleshooting, designing, and deploying robust network solutions. Let's build a reliable and efficient network for your business.</p>
<div class="flex justify-center space-x-4"> <div class="flex justify-center space-x-4">
<a href="#contact" class="btngray">Contact Me</a> <a href="#contact" class="btngray">Contact Me</a>
<a href="/{{ site.resumeUrl }}" target="_blank" class="md:hidden btn">View Resume</a>
</div> </div>
</section> </section>
<!-- About Me Section --> <!-- About Me Section -->