diff --git a/404.php b/404.php
index f3d22e0..eb17d9b 100644
--- a/404.php
+++ b/404.php
@@ -1,3 +1,4 @@
-
+
- 1 ) ); } ?>
+ 1 ) ); } ?>
{
+ // Cycle the persisted preference; CSS resolves "auto" from the system setting.
const root = document.documentElement;
const colorModes = ['auto', 'light', 'dark'];
const storedTheme = localStorage.getItem('c1024-theme');
@@ -24,6 +25,7 @@
});
}
+ // Hide the sticky header only while scrolling down past its own height; batch scroll work per frame.
const header = document.querySelector('.site-header');
let lastY = window.scrollY;
let ticking = false;
@@ -38,6 +40,7 @@
});
}, { passive: true });
+ // Keep the search panel accessible and close it when focus moves outside its controls.
const searchToggle = document.querySelector('[data-search-toggle]');
const searchPanel = document.querySelector('[data-search-panel]');
if (searchToggle && searchPanel) {
@@ -54,6 +57,7 @@
});
}
+ // The mobile trigger controls the header class consumed by the responsive navigation CSS.
const menuToggle = document.querySelector('[data-menu-toggle]');
if (menuToggle && header) menuToggle.addEventListener('click', () => {
const open = header.classList.toggle('menu-open');
diff --git a/comments.php b/comments.php
index b43285b..9bc7262 100644
--- a/comments.php
+++ b/comments.php
@@ -1,4 +1,5 @@
diff --git a/editor-style.css b/editor-style.css
index 950993a..77cb63b 100644
--- a/editor-style.css
+++ b/editor-style.css
@@ -1 +1,41 @@
-@font-face{font-family:'Alpha Lyrae';src:url('fonts/AlphaLyrae-Medium.woff2') format('woff2')}@font-face{font-family:'Crimson Pro';src:url('fonts/crimson-pro-latin-ext-wght-normal.woff2') format('woff2')}@font-face{font-family:'Berkeley Mono';src:url('fonts/BerkeleyMono-Regular.woff2') format('woff2')}body{font-family:'Crimson Pro',Georgia,serif;font-size:22px;line-height:1.55;color:#1d1b19}h1,h2,h3,h4{font-family:'Alpha Lyrae',sans-serif;font-weight:500;letter-spacing:.025em}code,pre{font-family:'Berkeley Mono',monospace}a{color:#c3480b}
+/* Editor previews use the same self-hosted faces as the front end; keep paths stylesheet-relative. */
+@font-face {
+ font-family: 'Alpha Lyrae';
+ src: url('fonts/AlphaLyrae-Medium.woff2') format('woff2');
+}
+
+@font-face {
+ font-family: 'Crimson Pro';
+ src: url('fonts/crimson-pro-latin-ext-wght-normal.woff2') format('woff2');
+}
+
+@font-face {
+ font-family: 'Berkeley Mono';
+ src: url('fonts/BerkeleyMono-Regular.woff2') format('woff2');
+}
+
+/* Static editor equivalents of the front-end light-mode typography and accent tokens. */
+body {
+ font-family: 'Crimson Pro', Georgia, serif;
+ font-size: 22px;
+ line-height: 1.55;
+ color: #1d1b19;
+}
+
+h1,
+h2,
+h3,
+h4 {
+ font-family: 'Alpha Lyrae', sans-serif;
+ font-weight: 500;
+ letter-spacing: .025em;
+}
+
+code,
+pre {
+ font-family: 'Berkeley Mono', monospace;
+}
+
+a {
+ color: #c3480b;
+}
diff --git a/footer.php b/footer.php
index 0c8f237..8ea720d 100644
--- a/footer.php
+++ b/footer.php
@@ -4,6 +4,7 @@
'footer', 'menu_class' => 'footer-menu', 'container' => false, 'fallback_cb' => false ) ); ?>
-
+