feat: Convert the blog to mdbook

Replaced the custom HTML/CSS blog with mdbook. Gained a sidebar for navigating sections, subsections, and pages. Applied a sepia-tone, monospace theme. Blog sections now populate from SUMMARY.md rather than manually maintained HTML includes.
2026-01-02 07:16:46 -08:00 · 2026-01-02 07:16:46 -08:00 · b8ced83900
commit b8ced83900
parent bddfef86eb
6 changed files with 219 additions and 5 deletions
--- a/theme/sepia.css
+++ b/theme/sepia.css
@ -0,0 +1,179 @@
+/* Sepia theme override for mdbook */
+/* This makes the mdbook-generated blog match the rest of the site */
+
+:root {
+    --bg: #f4ecd8;
+    --fg: #3e2723;
+    --sidebar-bg: #efebe9;
+    --sidebar-fg: #5d4037;
+    --sidebar-non-existant: #a1887f;
+    --sidebar-active: #4e342e;
+    --sidebar-spacer: #8d6e63;
+    --scrollbar: #8d6e63;
+    --icons: #5d4037;
+    --icons-hover: #4e342e;
+    --links: #6d4c41;
+    --inline-code-color: #4e342e;
+    --theme-popup-bg: #efebe9;
+    --theme-popup-border: #d7ccc8;
+    --theme-hover: #f4ecd8;
+    --quote-bg: #faf8f3;
+    --quote-border: #d7ccc8;
+    --table-border-color: #d7ccc8;
+    --table-header-bg: #efebe9;
+    --table-alternate-bg: #faf8f3;
+    --searchbar-border-color: #d7ccc8;
+    --searchbar-bg: #efebe9;
+    --searchbar-fg: #3e2723;
+    --searchbar-shadow-color: rgb(62, 39, 35, 0.1);
+    --searchresults-header-fg: #4e342e;
+    --searchresults-border-color: #d7ccc8;
+    --searchresults-li-bg: #faf8f3;
+    --search-mark-bg: #d7ccc8;
+}
+
+body {
+    font-family: 'Courier New', 'Courier', 'Monaco', 'Lucida Console', monospace;
+    background-color: #f4ecd8;
+    color: #3e2723;
+}
+
+.sidebar {
+    background-color: #efebe9;
+    border-right: 2px solid #d7ccc8;
+}
+
+.chapter {
+    color: #5d4037;
+    line-height: 1.7;
+}
+
+.chapter li.chapter-item {
+    line-height: 1.7;
+}
+
+.chapter li a {
+    color: #6d4c41;
+    text-decoration: none;
+}
+
+.chapter li a:hover {
+    color: #4e342e;
+}
+
+.chapter li a.active {
+    color: #4e342e;
+    font-weight: bold;
+}
+
+#content {
+    max-width: 1200px;
+}
+
+.content {
+    padding: 2rem;
+}
+
+h1, h2, h3, h4, h5 {
+    color: #4e342e;
+}
+
+h1 {
+    border-bottom: 3px solid #8d6e63;
+    padding-bottom: 0.5rem;
+}
+
+h2 {
+    border-bottom: 2px solid #8d6e63;
+    padding-bottom: 0.3rem;
+    margin-top: 2rem;
+}
+
+a {
+    color: #6d4c41;
+}
+
+a:hover {
+    color: #4e342e;
+}
+
+blockquote {
+    border-left: 4px solid #8d6e63;
+    background-color: #faf8f3;
+    padding: 1rem;
+    margin: 1rem 0;
+}
+
+code {
+    background-color: #faf8f3;
+    border: 1px solid #d7ccc8;
+    border-radius: 3px;
+    padding: 0.1em 0.3em;
+    color: #4e342e;
+    font-family: 'Courier New', 'Courier', 'Monaco', monospace;
+}
+
+pre {
+    background-color: #faf8f3;
+    border: 1px solid #d7ccc8;
+    border-radius: 4px;
+    padding: 1rem;
+}
+
+pre > code {
+    background-color: transparent;
+    border: none;
+    padding: 0;
+}
+
+table {
+    border-collapse: collapse;
+    margin: 1rem 0;
+}
+
+table thead {
+    background-color: #efebe9;
+}
+
+table th, table td {
+    border: 1px solid #d7ccc8;
+    padding: 0.5rem;
+}
+
+table tr:nth-child(even) {
+    background-color: #faf8f3;
+}
+
+hr {
+    border: none;
+    border-top: 2px solid #d7ccc8;
+    margin: 2rem 0;
+}
+
+/* Navigation buttons */
+.nav-chapters {
+    color: #6d4c41;
+}
+
+.nav-chapters:hover {
+    color: #4e342e;
+    text-decoration: none;
+}
+
+/* Hide default mdbook elements we don't want */
+.menu-title {
+    color: #4e342e;
+    font-weight: bold;
+}
+
+/* Adjust sidebar chapter spacing */
+.chapter li {
+    margin: 0.5rem 0;
+}
+
+/* Make separators in SUMMARY.md look nice */
+.chapter .spacer {
+    height: 2px;
+    background-color: #d7ccc8;
+    margin: 1rem 0;
+}