atridad/atridotdad
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

No more building CSS

Browse Source
This commit is contained in:
Atridad Lahiji
2025-03-31 03:49:05 -06:00
parent 2560ff159c
commit 0a5d5df468
22 changed files with 1541 additions and 528 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
pages/templates/partials/header.html
View File

@ -1,21 +1,49 @@
{{define "header"}}
<header class="navbar bg-base-100">
<header class="navbar">
<div class="navbar-start">
<a class="btn btn-ghost normal-case text-lg sm:text-xl text-white" href="/">{{template "navcontent".}}</a>
<a class="btn btn-ghost normal-case text-xl" href="/">{{template "navcontent".}}</a>
</div>
<div class="navbar-end z-50">
<div class="navbar-end">
<div class="dropdown dropdown-end">
<label tabindex="0" class="btn btn-sm btn-ghost text-white">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu"><line x1="4" x2="20" y1="12" y2="12"/><line x1="4" x2="20" y1="6" y2="6"/><line x1="4" x2="20" y1="18" y2="18"/></svg>
<label tabindex="0" class="btn btn-ghost" id="navbar-toggle">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="menu-icon"><line x1="4" x2="20" y1="12" y2="12"/><line x1="4" x2="20" y1="6" y2="6"/><line x1="4" x2="20" y1="18" y2="18"/></svg>
</label>
<ul
tabindex="0"
class="menu menu-sm dropdown-content gap-2 mt-3 p-2 shadow-md bg-base-100 rounded-box"
preload="mouseover"
class="menu dropdown-content mt-3 shadow-md rounded-box z-50 nav-menu"
id="nav-menu"
>
{{template "navitems" .}}
</ul>
</div>
</div>
</header>
<script>
document.addEventListener('DOMContentLoaded', function() {
const navbarToggle = document.getElementById('navbar-toggle');
const navMenu = document.getElementById('nav-menu');
// Toggle menu on hamburger click
navbarToggle.addEventListener('click', function(e) {
e.stopPropagation();
navMenu.classList.toggle('show');
});
// Close menu when clicking outside
document.addEventListener('click', function(e) {
if (!navMenu.contains(e.target) && !navbarToggle.contains(e.target)) {
navMenu.classList.remove('show');
}
});
// Close menu when clicking on a menu item
const menuItems = navMenu.querySelectorAll('a');
menuItems.forEach(item => {
item.addEventListener('click', function() {
navMenu.classList.remove('show');
});
});
});
</script>
{{end}}