Add navigation bar and styling to main website

This commit is contained in:
2025-07-05 20:59:48 -04:00
parent d6273f0299
commit fe62a0927b
4 changed files with 145 additions and 13 deletions

20
_includes/navigation.html Normal file
View File

@@ -0,0 +1,20 @@
<nav class="navbar">
<a href="/" class="nav-logo">
<img src="/assets/web-app-manifest-512x512.png" alt="Interchange home" class="nav-logo-icon">
</a>
<input type="checkbox" id="hamburger-toggle" class="hamburger-toggle">
<label for="hamburger-toggle" class="hamburger">
<span class="hamburger-line"></span>
<span class="hamburger-line"></span>
<span class="hamburger-line"></span>
</label>
<label for="hamburger-toggle" class="menu-overlay"></label>
<ul class="nav-menu">
<li class="nav-item">
<a href="/" class="nav-link">Home</a>
</li>
<li class="nav-item">
<a href="/projects" class="nav-link">Projects</a>
</li>
</ul>
</nav>