From 203808e55d03e94aaa99a7bcc8744e5bd2115339 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jos=C3=A9=20Manuel=20Cortes=20Cer=C3=B3n?=
 <joseecodm@gmail.com>
Date: Tue, 1 Jul 2025 15:32:34 -0600
Subject: [PATCH] fix(navbar): enable section navigation

---
 index.html | 10 +++++-----
 js/main.js |  8 ++++----
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/index.html b/index.html
index 0fed044..3f94806 100644
--- a/index.html
+++ b/index.html
@@ -79,11 +79,11 @@ <h1 class="name" title="Jose Cerón">José M. Cortes C.</h1>
         <div class="main-content">
             <nav class="navbar">
                 <ul class="navbar-list">
-                    <li class="navbar-item"><button class="navbar-link" data-nav-link>About</button></li>
-                    <li class="navbar-item"><button class="navbar-link" data-nav-link>Resume</button></li>
-                    <li class="navbar-item"><button class="navbar-link" data-nav-link>Portfolio</button></li>
-                    <li class="navbar-item"><button class="navbar-link" data-nav-link>Blog</button></li>
-                    <li class="navbar-item"><button class="navbar-link" data-nav-link>Contact</button></li>
+                    <li class="navbar-item"><button class="navbar-link" data-nav-link="about">About</button></li>
+                    <li class="navbar-item"><button class="navbar-link" data-nav-link="resume">Resume</button></li>
+                    <li class="navbar-item"><button class="navbar-link" data-nav-link="portfolio">Portfolio</button></li>
+                    <li class="navbar-item"><button class="navbar-link" data-nav-link="blog">Blog</button></li>
+                    <li class="navbar-item"><button class="navbar-link" data-nav-link="contact">Contact</button></li>
                 </ul>
             </nav>
 
diff --git a/js/main.js b/js/main.js
index ed84274..82c80b0 100644
--- a/js/main.js
+++ b/js/main.js
@@ -27,11 +27,11 @@ document.addEventListener('DOMContentLoaded', () => {
     link.addEventListener('click', e => {
       e.preventDefault(); // cancel default link behavior
       const target = link.dataset.navLink;
-      // show/hide secciones
+      // show/hide sections
       pages.forEach(page => {
-        page.hidden = page.dataset.page !== target;
+        page.classList.toggle('active', page.dataset.page === target);
       });
-      // active class
+      // active state for links
       navLinks.forEach(n => n.classList.toggle('active', n === link));
     });
   });
@@ -39,6 +39,6 @@ document.addEventListener('DOMContentLoaded', () => {
   // first page active
   if (navLinks.length && pages.length) {
     navLinks[0].classList.add('active');
-    pages.forEach((page, i) => page.hidden = i !== 0);
+    pages.forEach((page, i) => page.classList.toggle('active', i === 0));
   }
 });