From c2295befaab67854d663607d0db428b66646c3db Mon Sep 17 00:00:00 2001 From: Bloxster Date: Thu, 6 Aug 2026 16:45:16 +0200 Subject: [PATCH 1/5] revert(footer): restore Somnath's original single-row terminal footer MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Reverts #18 (5090b0a), which had replaced the footer Somnath introduced in #12 with the five-column shared corporate footer. This puts his design back exactly as he authored it — src/theme/Footer/index.tsx is byte-identical to his 06f3677 — as a reference point for comparison. His design, restored verbatim: - Single horizontal row: brand lockup, tagline, social icons pushed right. - Monospace throughout (--ifm-font-family-monospace), Quantify wordmark. - Terminal motif on the copyright line: a green "$" prompt and a "▊" block cursor bracketing the text. - Square 38x38 social buttons, borderRadius 0, accent-tinted on hover. - 2px Zilkworm Green top rule. - Zilkworm Green accent throughout, via --brand-accent. The custom.css hunk is the other half of the same revert: .footer-social-btn hover goes back to green #1F9D3E. Note that rule is dead code against this footer — it styles inline and never sets that class — so it has no visual effect either way; it is included only to make the revert complete. Authorship note: the footer content here is Somnath Banerjee's work from 06f3677; this commit only restores it. Co-Authored-By: Claude Opus 5 (1M context) --- src/css/custom.css | 6 +- src/theme/Footer/index.tsx | 203 +++++++++++++++---------------------- 2 files changed, 82 insertions(+), 127 deletions(-) diff --git a/src/css/custom.css b/src/css/custom.css index c91e6f7..60ad735 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -431,10 +431,10 @@ details.alert.alert--info summary { transition: color 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease; } .footer-social-btn:hover { - color: #EF7716 !important; - border-color: #EF7716 !important; + color: #1F9D3E !important; + border-color: #1F9D3E !important; transform: translateY(-2px); - box-shadow: 0 4px 12px rgba(239,119,22,0.15); + box-shadow: 0 4px 12px rgba(31, 157, 62,0.15); } /* ─── Footer responsive (mobile) ────────────────────────────────────────── */ diff --git a/src/theme/Footer/index.tsx b/src/theme/Footer/index.tsx index 3bb81b7..a43c9f7 100644 --- a/src/theme/Footer/index.tsx +++ b/src/theme/Footer/index.tsx @@ -25,167 +25,122 @@ const IconLinkedIn = () => ( ); +const MONO = 'var(--ifm-font-family-monospace)'; +const FINE_BASE = 'var(--ifm-color-emphasis-600)'; +const ACCENT = 'var(--brand-accent)'; +const BOX_BORDER = 'var(--ifm-toc-border-color)'; + +const socialBtnStyle: React.CSSProperties = { + display: 'inline-flex', + alignItems: 'center', + justifyContent: 'center', + width: '38px', + height: '38px', + border: `1px solid ${BOX_BORDER}`, + borderRadius: 0, + color: 'var(--ifm-font-color-base)', + textDecoration: 'none', + background: 'transparent', + transition: 'color 0.15s, border-color 0.15s, background-color 0.15s', +}; + export default function Footer(): React.ReactElement { const logoUrl = useBaseUrl('/img/logo-icon-orange.png'); return ( -