snonux.foo • NEON NEXUS

+{{end}} + +{{define "navmodal"}} +

@@ -184,7 +194,7 @@ html.sno-splash-skip #splash-overlay { display:none !important; visibility:hidde // === KEYBOARD NAVIGATION === // j / ArrowDown → next post k / ArrowUp → previous post // h / ArrowLeft → previous page l / ArrowRight → next page - // PageUp/PageDown → scroll the post list (viewport step on #post-content) + // PageUp/PageDown → scroll the post list; re-highlight post at top of visible area // Enter → expand modal Esc → close modal const posts = document.querySelectorAll('.post'); let currentIndex = posts.length > 0 ? 0 : -1; @@ -193,13 +203,45 @@ html.sno-splash-skip #splash-overlay { display:none !important; visibility:hidde if (currentIndex >= 0) selectPost(0); - function selectPost(index) { + function setActiveHighlight(index, playSound, scrollIntoView) { if (posts.length === 0) return; if (currentIndex >= 0) posts[currentIndex].classList.remove('post-active'); currentIndex = Math.max(0, Math.min(index, posts.length - 1)); posts[currentIndex].classList.add('post-active'); - posts[currentIndex].scrollIntoView({ behavior: 'smooth', block: 'nearest' }); - playNavSound(); + if (scrollIntoView) { + posts[currentIndex].scrollIntoView({ behavior: 'smooth', block: 'nearest' }); + } + if (playSound) playNavSound(); + } + + function selectPost(index) { + setActiveHighlight(index, true, true); + } + + /** Pick the post that should be active for the current viewport (anchor near top of visible area). */ + function activeIndexForVisibleRegion(sc) { + if (posts.length === 0) return -1; + var scrTop, scrBot, anchorY; + if (sc) { + var scr = sc.getBoundingClientRect(); + scrTop = scr.top; + scrBot = scr.bottom; + anchorY = scr.top + Math.min(scr.height * 0.18, 100); + } else { + scrTop = 0; + scrBot = window.innerHeight; + anchorY = window.innerHeight * 0.15; + } + var i, pr; + for (i = 0; i < posts.length; i++) { + pr = posts[i].getBoundingClientRect(); + if (pr.top <= anchorY && anchorY < pr.bottom) return i; + } + for (i = 0; i < posts.length; i++) { + pr = posts[i].getBoundingClientRect(); + if (pr.bottom > scrTop && pr.top < scrBot) return i; + } + return posts.length - 1; } function playNavSound() { @@ -293,7 +335,8 @@ html.sno-splash-skip #splash-overlay { display:none !important; visibility:hidde } else { window.scrollBy(0, dy); } - playNavSound(); + var idx = activeIndexForVisibleRegion(sc); + if (idx >= 0) setActiveHighlight(idx, true, false); e.preventDefault(); break; } diff --git a/internal/generator/theme_aurora.go b/internal/generator/theme_aurora.go index b8a1c40..ff03cfb 100644 --- a/internal/generator/theme_aurora.go +++ b/internal/generator/theme_aurora.go @@ -105,11 +105,12 @@ const auroraTemplate = ` } .splash-aurora .splash-hint { color:rgba(224,248,240,0.88); margin-top:1.1rem; } .splash-aurora .splash-inner { position:relative; z-index:2; } +{{template "navSharedCSSInner"}} {{template "splashGate"}} -

diff --git a/internal/generator/theme_brutalist.go b/internal/generator/theme_brutalist.go index 1857615..849f40b 100644 --- a/internal/generator/theme_brutalist.go +++ b/internal/generator/theme_brutalist.go @@ -76,11 +76,12 @@ const brutalistTemplate = ` .splash-brutalist .splash-tag { font-family:'Courier New',monospace; color:var(--red); } .splash-brutalist .splash-hint { font-family:'Courier New',monospace; color:#c8c8c8; } .splash-brutalist .splash-inner { text-shadow: 0 0 12px #000, 0 2px 8px #000; } +{{template "navSharedCSSInner"}} {{template "splashGate"}} -

SNONUX.FOO

diff --git a/internal/generator/theme_glass.go b/internal/generator/theme_glass.go index fef1f90..0aef42c 100644 --- a/internal/generator/theme_glass.go +++ b/internal/generator/theme_glass.go @@ -92,11 +92,12 @@ const cosmosTemplate = ` .splash-cosmos .splash-hint { color:rgba(212,232,255,0.88); } .splash-cosmos .splash-stars { z-index:1; } .splash-cosmos .splash-inner { text-shadow: 0 2px 20px rgba(0,0,0,0.85); } +{{template "navSharedCSSInner"}} {{template "splashGate"}} -

diff --git a/internal/generator/theme_matrix.go b/internal/generator/theme_matrix.go index 37f629b..c21c1de 100644 --- a/internal/generator/theme_matrix.go +++ b/internal/generator/theme_matrix.go @@ -89,11 +89,12 @@ const matrixTemplate = ` @keyframes splashMatrixGlow { from { opacity:0.85; } to { opacity:1; text-shadow:0 0 28px var(--g); } } .splash-matrix .splash-tag { position:relative; z-index:1; color:rgba(0,255,65,0.88); } .splash-matrix .splash-hint { position:relative; z-index:1; color:rgba(0,255,65,0.82); } +{{template "navSharedCSSInner"}} {{template "splashGate"}} -

01001110 01000101 01001111 10101010 11001100 00110011 diff --git a/internal/generator/theme_minimal.go b/internal/generator/theme_minimal.go index 6b5eceb..6c7168a 100644 --- a/internal/generator/theme_minimal.go +++ b/internal/generator/theme_minimal.go @@ -89,11 +89,12 @@ const plasmaTemplate = ` .splash-plasma .splash-hint { color:rgba(232,224,255,0.86); } .splash-plasma .splash-blobs { z-index:1; } .splash-plasma .splash-inner { text-shadow: 0 2px 22px rgba(0,0,0,0.9); } +{{template "navSharedCSSInner"}} {{template "splashGate"}} -

diff --git a/internal/generator/theme_neon.go b/internal/generator/theme_neon.go index 7ae0dae..ac182d2 100644 --- a/internal/generator/theme_neon.go +++ b/internal/generator/theme_neon.go @@ -7,7 +7,7 @@ const neonTemplate = ` - + snonux.foo • NEON NEXUS @@ -106,11 +106,12 @@ const neonTemplate = ` .splash-neon .splash-tag { color: var(--neon-yellow); } .splash-neon .splash-hint { color: rgba(224,248,255,0.9); font-family: 'Orbitron', sans-serif; } .splash-neon .splash-inner { text-shadow: 0 2px 24px rgba(0,0,0,0.85), 0 0 40px rgba(11,0,26,0.9); } +{{template "navSharedCSSInner"}} {{template "splashGate"}} -

diff --git a/internal/generator/theme_ocean.go b/internal/generator/theme_ocean.go index 943701a..63fb06f 100644 --- a/internal/generator/theme_ocean.go +++ b/internal/generator/theme_ocean.go @@ -80,11 +80,12 @@ const oceanTemplate = ` .splash-ocean .splash-tag { color:var(--aqua); letter-spacing:0.2em; } .splash-ocean .splash-hint { color:rgba(202,240,248,0.88); } .splash-ocean .splash-inner { text-shadow: 0 2px 16px rgba(3,4,94,0.9); } +{{template "navSharedCSSInner"}} {{template "splashGate"}} -

diff --git a/internal/generator/theme_paper.go b/internal/generator/theme_paper.go index 2b91784..c503b11 100644 --- a/internal/generator/theme_paper.go +++ b/internal/generator/theme_paper.go @@ -80,11 +80,12 @@ const volcanoTemplate = ` .splash-volcano .splash-tag { color:var(--ember); letter-spacing:0.15em; } .splash-volcano .splash-hint { color:rgba(255,232,204,0.88); } .splash-volcano .splash-inner { text-shadow: 0 2px 18px rgba(0,0,0,0.85); } +{{template "navSharedCSSInner"}} {{template "splashGate"}} -

diff --git a/internal/generator/theme_retro.go b/internal/generator/theme_retro.go index 37ff0b6..7c449ae 100644 --- a/internal/generator/theme_retro.go +++ b/internal/generator/theme_retro.go @@ -92,11 +92,12 @@ const retroTemplate = ` .splash-retro .splash-tag { color:#d4a020; } .splash-retro .splash-hint { color:#c99528; } .splash-retro .splash-inner { text-shadow: 0 0 10px #000, 0 2px 8px #000; } +{{template "navSharedCSSInner"}} {{template "splashGate"}} -

*** SNONUX BBS ***

diff --git a/internal/generator/theme_synthwave.go b/internal/generator/theme_synthwave.go index c616f6f..b33edc6 100644 --- a/internal/generator/theme_synthwave.go +++ b/internal/generator/theme_synthwave.go @@ -98,11 +98,12 @@ const synthwaveTemplate = ` .splash-synthwave .splash-tag { font-family:'Share Tech Mono',monospace; color:var(--purple); } .splash-synthwave .splash-hint { font-family:'Share Tech Mono',monospace; color:rgba(255,255,255,0.88); } .splash-synthwave .splash-inner { text-shadow: 0 2px 20px rgba(13,2,33,0.95); } +{{template "navSharedCSSInner"}} {{template "splashGate"}} -

diff --git a/internal/generator/theme_terminal.go b/internal/generator/theme_terminal.go index 8096b19..e4ddb8c 100644 --- a/internal/generator/theme_terminal.go +++ b/internal/generator/theme_terminal.go @@ -82,11 +82,12 @@ const terminalTemplate = ` .splash-terminal .splash-tag { color:rgba(51,255,51,0.85); letter-spacing:0.25em; } .splash-terminal .splash-hint { color:rgba(51,255,51,0.8); } .splash-terminal .splash-inner { text-shadow: 0 0 8px #000, 0 2px 12px #000; } +{{template "navSharedCSSInner"}} {{template "splashGate"}} -

> ./snonux --boot

diff --git a/internal/generator/themes.go b/internal/generator/themes.go index 7100471..4d35db6 100644 --- a/internal/generator/themes.go +++ b/internal/generator/themes.go @@ -1,7 +1,8 @@ package generator // themeRegistry maps theme names to their HTML template strings. -// Each template must use {{template "navhints" .}}, {{template "navmodal" .}}, +// Each template must end its