fix: Ensure only one navbar renders across all pages

This commit is contained in:
Matthew Binning 2026-03-22 16:45:52 -07:00
parent a59df711e0
commit eb08cd9922

View file

@ -1,15 +1,9 @@
document.addEventListener('DOMContentLoaded', function () { document.addEventListener('DOMContentLoaded', function () {
var navbar = document.createElement('nav'); fetch('/includes/navbar.html')
navbar.className = 'navbar'; .then(function (res) { return res.text(); })
navbar.innerHTML = .then(function (html) {
'<div class="nav-container">' + var wrapper = document.createElement('div');
'<a href="/" class="nav-brand">Home</a>' + wrapper.innerHTML = html.trim();
'<ul class="nav-menu">' + document.body.insertBefore(wrapper.firstChild, document.body.firstChild);
'<li><a href="/menu.html/">Menu</a></li>' + });
'<li><a href="/blog/">Blog</a></li>' +
'<li><a href="https://forgejo.binning.net" target="_blank">Git</a></li>' +
'<li><a href="/resume.html">Resume</a></li>' +
'</ul>' +
'</div>';
document.body.insertBefore(navbar, document.body.firstChild);
}); });