Add hamburger menu for mobile navigation

- Hamburger icon appears on mobile screens
- Menu toggles with JavaScript
- Maintains minimalist design
- Vertical layout on mobile

Author: Debdyut

portfolio/themes/basic/layouts/partials/nav.html

@@ -1,7 +1,16 @@
 <nav>
-	<a href="/">Home</a>
-	<a href="/about">About</a>
-	<a href="/projects">Projects</a>
-	<a href="/resume">Resume</a>
-	<a href="/contact">Contact</a>
+	<button class="nav-toggle" onclick="toggleNav()">☰</button>
+	<ul id="nav-menu">
+		<li><a href="{{ .Site.BaseURL }}"><span class="emoji">🏠</span> Home</a></li>
+		<li><a href="{{ .Site.BaseURL }}projects"><span class="emoji">🛠️</span> Projects</a></li>
+		<li><a href="{{ .Site.BaseURL }}opensource"><span class="emoji">🌍</span> Community</a></li>
+		<li><a href="{{ .Site.BaseURL }}contact"><span class="emoji">📧</span> Connect</a></li>
+	</ul>
 </nav>
+
+<script>
+function toggleNav() {
+	const menu = document.getElementById('nav-menu');
+	menu.classList.toggle('active');
+}
+</script>

portfolio/themes/basic/static/css/minimal.css

@@ -117,6 +117,19 @@ nav {
   margin-bottom: 3rem;
   padding-bottom: 1rem;
   border-bottom: 1px solid var(--sage-green);
+  position: relative;
+}
+
+.nav-toggle {
+  display: none;
+  background: none;
+  border: none;
+  font-size: 1.5rem;
+  color: var(--steel-blue);
+  cursor: pointer;
+  position: absolute;
+  right: 0;
+  top: -0.5rem;
 }
 
 nav ul {
@@ -139,6 +152,25 @@ nav a:hover {
   color: var(--rust-terracotta);
 }
 
+/* Mobile Navigation */
+@media (max-width: 600px) {
+  .nav-toggle {
+    display: block;
+  }
+  
+  nav ul {
+    display: none;
+    flex-direction: column;
+    gap: 1rem;
+    margin-top: 2rem;
+    text-align: center;
+  }
+  
+  nav ul.active {
+    display: flex;
+  }
+}
+
 /* Project Cards */
 .project-card {
   border: 2px solid var(--steel-blue);