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 () {
var navbar = document.createElement('nav');
navbar.className = 'navbar';
navbar.innerHTML =
'<div class="nav-container">' +
'<a href="/" class="nav-brand">Home</a>' +
'<ul class="nav-menu">' +
'<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);
fetch('/includes/navbar.html')
.then(function (res) { return res.text(); })
.then(function (html) {
var wrapper = document.createElement('div');
wrapper.innerHTML = html.trim();
document.body.insertBefore(wrapper.firstChild, document.body.firstChild);
});
});