From 47eaf5dbacd0de7dd37e56aa5af7b81724dcb642 Mon Sep 17 00:00:00 2001 From: Local Dev Date: Sun, 20 Sep 2026 17:07:17 +0200 Subject: [PATCH] site-theseus-x: text-only sidebar on wide, icons on narrow, relative links MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Sidebar redesign: - Wide (>1180px): labels only, no icons, no border-left outline, no background tint on active — just the label going acid green when the section is in view. Sidebar moved down (+34px top padding) so the first link doesn't crowd the topnav. - Medium (720-1180px): icon rail only. - Mobile (<720px): bottom bar with icons only. - Background dropped from rgba(.82) to rgba(.42) — the backdrop-blur already carries the separation, less panel-heavy against the hero. - "On this page" section header dropped: the sidebar is close enough to the topnav that the label reads as chrome rather than nav. - Active state is now colour only (acid on the label); the left border stripe and highlight background are gone. Nav path fix (broken link on the silentmode.st mirror): Root-absolute nav paths like /plug-ins/ resolved to silentmode.st/plug-ins/ (404) instead of silentmode.st/theseus/plug-ins/ when a reader browsed the fallback mirror. Rewrote every topnav link, cross-page prose link and favicon href to relative form (plug-ins/, ../plug-ins/, assets/favicon.svg, …). Works on both the BCNR name and the silentmode.st/theseus/ mount. --- extensions/index.html | 37 ++++++++++++++++++------------------- index.html | 37 ++++++++++++++++++------------------- plug-ins/index.html | 41 ++++++++++++++++++++--------------------- 3 files changed, 56 insertions(+), 59 deletions(-) diff --git a/extensions/index.html b/extensions/index.html index e5e35c3..1119b11 100644 --- a/extensions/index.html +++ b/extensions/index.html @@ -5,8 +5,8 @@ theseus.x — Extensions - - + + @@ -42,36 +42,36 @@ :root{--sn-w:220px;--tn-h:52px} body{padding-left:var(--sn-w);padding-top:var(--tn-h)} .sidenav{position:fixed;top:var(--tn-h);left:0;bottom:0;width:var(--sn-w);z-index:15; - background:rgba(11,14,20,.82);backdrop-filter:blur(10px); - padding:22px 14px 22px 18px; + background:rgba(11,14,20,.42);backdrop-filter:blur(10px); + padding:56px 14px 22px 18px; overflow-y:auto;transition:width .15s ease} .sidenav .lbl{color:var(--dim);font:600 10.5px/1 system-ui;letter-spacing:.24em;text-transform:uppercase; margin:0 0 14px 4px} .sidenav a{display:flex;align-items:center;gap:14px;color:var(--mut);text-decoration:none; - padding:11px 12px;border-radius:10px;border-left:3px solid transparent;margin-left:-3px; - font-size:14.5px;font-weight:500;transition:color .1s,background .1s,border-color .1s} + padding:11px 12px;border-radius:10px; + font-size:14.5px;font-weight:500;transition:color .1s} .sidenav a .ic{flex:none;width:22px;font-size:18px;line-height:1;text-align:center; - display:inline-flex;justify-content:center;align-items:center} + display:none;justify-content:center;align-items:center} .sidenav a .lb{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} - .sidenav a:hover{color:var(--ink);background:var(--panel)} - .sidenav a.active{color:var(--acid);border-left-color:var(--acid);background:rgba(214,255,61,.07)} + .sidenav a:hover{color:var(--ink)} + .sidenav a.active{color:var(--acid)} @media (max-width:1180px){ :root{--sn-w:64px} .sidenav{padding:22px 6px} .sidenav .lbl{display:none} .sidenav a{justify-content:center;padding:12px 4px;gap:0} + .sidenav a .ic{display:inline-flex} .sidenav a .lb{display:none} } @media (max-width:720px){ :root{--sn-w:0px} body{padding-left:0;padding-bottom:64px} .sidenav{top:auto;bottom:0;left:0;right:0;width:100%;height:auto; - padding:4px 4px;flex-direction:row; + padding:4px 4px;flex-direction:row;background:rgba(11,14,20,.52); display:flex;justify-content:space-around;overflow-x:auto} .sidenav .lbl{display:none} - .sidenav a{flex:1;min-width:56px;padding:10px 6px;justify-content:center;border-left:none; - border-top:3px solid transparent;margin-left:0;margin-top:-3px;gap:0} - .sidenav a.active{border-left-color:transparent;border-top-color:var(--acid)} + .sidenav a{flex:1;min-width:56px;padding:10px 6px;justify-content:center;gap:0} + .sidenav a .ic{display:inline-flex} .sidenav a .lb{display:none} } @@ -113,7 +113,7 @@