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

feat: Add navbar to blog/mdbook

Browse source 
Added a top navbar to the mdbook output to match the main website's
navigation.
This commit is contained in:
Matthew Binning 2026-01-02 07:59:43 -08:00
parent b8ced83900
commit ef461c7afd
29 changed files with 2866 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

67
theme/sepia.css
View file

@ -1,6 +1,65 @@
/* Sepia theme override for mdbook */
/* This makes the mdbook-generated blog match the rest of the site */
/* Navbar overrides - ensure navbar looks identical to main site */
.navbar {
background-color: #5d4037 !important;
box-shadow: 0 2px 4px rgba(62, 39, 35, 0.3) !important;
position: sticky !important;
top: 0 !important;
z-index: 1000 !important;
border-bottom: 2px solid #4e342e !important;
margin: 0 !important;
padding: 0 !important;
}
.nav-container {
max-width: 1200px !important;
margin: 0 auto !important;
padding: 1rem 2rem !important;
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
}
.nav-brand {
color: #f4ecd8 !important;
text-decoration: none !important;
font-size: 1.5rem !important;
font-weight: bold !important;
}
.nav-brand:hover {
color: #d7ccc8 !important;
}
.nav-menu {
list-style: none !important;
display: flex !important;
gap: 2rem !important;
margin: 0 !important;
padding: 0 !important;
}
.nav-menu li {
margin: 0 !important;
padding: 0 !important;
line-height: 1.5 !important;
}
.nav-menu a {
color: #f4ecd8 !important;
text-decoration: none !important;
font-size: 1rem !important;
line-height: 1.5 !important;
transition: color 0.3s ease !important;
display: inline-block !important;
}
.nav-menu a:hover {
color: #d7ccc8 !important;
}
:root {
--bg: #f4ecd8;
--fg: #3e2723;
@ -33,9 +92,15 @@
}
body {
font-family: 'Courier New', 'Courier', 'Monaco', 'Lucida Console', monospace;
font-family: 'Courier New', 'Courier', 'Monaco', 'Lucida Console', monospace !important;
background-color: #f4ecd8;
color: #3e2723;
font-size: 16px !important;
line-height: 1.6 !important;
}
html {
font-size: 16px !important;
}
.sidebar {