www/blog
1
0
Fork 0
Code Issues 7 Pull requests Projects Releases Packages Wiki Activity Actions

fix: Fix duplicate navbar appearing in mdbook output

Browse source
This commit is contained in:
Matthew Binning 2026-03-22 16:43:33 -07:00
parent d0e6fabf9e
commit fa2a790354
2 changed files with 16 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

3
theme/navbar.js
View file

@ -5,7 +5,10 @@ document.addEventListener('DOMContentLoaded', function () {
'<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);

15
theme/sepia.css
View file

@ -5,14 +5,25 @@
.navbar {
background-color: #5d4037 !important;
box-shadow: 0 2px 4px rgba(62, 39, 35, 0.3) !important;
position: sticky !important;
position: fixed !important;
top: 0 !important;
z-index: 1000 !important;
left: 0 !important;
right: 0 !important;
z-index: 200 !important;
border-bottom: 2px solid #4e342e !important;
margin: 0 !important;
padding: 0 !important;
}
/* Push mdbook chrome below the fixed navbar */
.sidebar {
top: 3.5rem !important;
}
.page-wrapper {
padding-top: 3.5rem !important;
}
.nav-container {
max-width: 1200px !important;
margin: 0 auto !important;