silentmode/site
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

site(hephaestus.x): Ubuntu as the default font; drop the toggle machinery

Browse source 
The font picker UI was removed back on 2026-09-22, but the toggle plumbing
stayed around — Fraunces + DM Sans in the Google Fonts URL, the Fraunces/
DM Sans CSS variables, the html[data-font-cmp="ubuntu"] override block,
the .font-picker pill styles, and the .topnav .font-picker media-query
rule on mobile. All of that is dead weight when Ubuntu is the only font
that ever renders.

- Google Fonts URL slimmed to Ubuntu + JetBrains Mono (saves two font
  families' worth of downloads on first paint).
- --serif variable gone; --sans is now Ubuntu, --mono still JetBrains.
- h1/h2/h3/h4 use --sans (Ubuntu bold reads clean at display sizes; no
  need for a serif split).
- Removed the full font-picker CSS block and every html[data-font-cmp=
  "ubuntu"] rule from both home and docs — the attribute is a no-op now.
- Footer brand switched from --serif to --sans with a 600 weight so it
  still carries editorial weight without the Fraunces load.
- js/theme.js kept as a no-op (both pages still <script src> it); its
  attribute setter was dropped. Safe to remove the script tag later;
  leaving it means pages that aren't touched this pass stay valid.

Same cleanup Sirius.X got last month, applied to Hephaestus for family
consistency.
This commit is contained in:
Local Dev 2026-10-05 02:33:26 +02:00
parent 4d35076b11
commit dece32eef2
3 changed files with 19 additions and 66 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
hephaestus.x/docs/index.html
View file

@ -9,7 +9,7 @@
<link rel="mask-icon" href="/favicon.svg" color="#d6ff3d">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,300;9..144,400;9..144,500;9..144,600;9..144,700&family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&family=Ubuntu:wght@400;500;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;500;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
<style>
:root{
--bg:#050810; --panel:#141a24; --panel2:#0a0f1c; --line:rgba(255,255,255,.06);
@ -17,8 +17,7 @@
--ink:#f1f4fa; --mut:#b8c2d4; --dim:#6a7488; --acid:#d6ff3d;
--chain-native:#0AC18E;
--forge:#ff8c00;
--serif:'Fraunces',Georgia,serif;
--sans:'DM Sans','Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
--sans:'Ubuntu',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
--mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
*{box-sizing:border-box}
@ -30,22 +29,8 @@
var(--bg);
background-attachment:fixed;
color:var(--ink);font:16px/1.6 var(--sans);min-height:100vh}
h1,h2,h3,h4{font-family:var(--serif);font-feature-settings:"ss01","ss02"}
h1,h2,h3,h4{font-family:var(--sans)}
code,.mono{font-family:var(--mono)}
html[data-font-cmp="ubuntu"] body,
html[data-font-cmp="ubuntu"] h1, html[data-font-cmp="ubuntu"] h2, html[data-font-cmp="ubuntu"] h3, html[data-font-cmp="ubuntu"] h4,
html[data-font-cmp="ubuntu"] p, html[data-font-cmp="ubuntu"] a, html[data-font-cmp="ubuntu"] button,
html[data-font-cmp="ubuntu"] span, html[data-font-cmp="ubuntu"] div,
html[data-font-cmp="ubuntu"] label, html[data-font-cmp="ubuntu"] input, html[data-font-cmp="ubuntu"] li{font-family:'Ubuntu',system-ui,sans-serif !important}
html[data-font-cmp="ubuntu"] code, html[data-font-cmp="ubuntu"] .mono{font-family:var(--mono) !important}
.font-picker{display:inline-flex;align-items:center;gap:2px;padding:2px;margin:0 10px;
background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:999px;
font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.font-picker button{background:transparent;border:none;color:var(--dim);
padding:4px 10px;border-radius:999px;cursor:pointer;font-family:inherit;font-size:inherit;
letter-spacing:inherit;text-transform:inherit;transition:color .12s}
.font-picker button:hover{color:var(--ink)}
.font-picker button.active{background:var(--acid);color:var(--bg);font-weight:600}
a{color:var(--acid)}
.topnav{position:sticky;top:0;z-index:20;display:flex;gap:2px;align-items:center;flex-wrap:wrap;
padding:10px 1.2rem;background:rgba(5,8,16,.82);backdrop-filter:blur(10px)}
@ -135,7 +120,7 @@
footer.deep{border-top:1px solid var(--line);margin-top:4rem;padding:2.4rem 1.2rem 1.6rem;background:rgba(10,15,28,.4)}
footer.deep .fwrap{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}
footer.deep h5{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin:0 0 .8rem;font-weight:500}
footer.deep .brand{font-family:var(--serif);font-size:20px;color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:6px}
footer.deep .brand{font-family:var(--sans);font-weight:600;font-size:20px;color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:6px}
footer.deep .brand .g{color:var(--forge)}
footer.deep p{color:var(--dim);font-size:13px;line-height:1.55;margin:.6rem 0 0;max-width:280px}
footer.deep ul{list-style:none;padding:0;margin:0;display:grid;gap:6px;font-size:13.5px}

39
hephaestus.x/index.html
View file

@ -15,11 +15,11 @@
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Hephaestus.X — the forge on Bitcoin Cash">
<meta name="twitter:description" content="Sign in with a Bitcoin Cash wallet. Open source, self-hostable, backed by Sia.">
<!-- Silent Mode family fonts (Fraunces editorial + DM Sans body + JetBrains
Mono for code/hashes) plus Ubuntu as the Bitcoin Cash brand alt. -->
<!-- Hephaestus.X typography — Ubuntu as the brand font, JetBrains Mono for
code and hashes. -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,300;9..144,400;9..144,500;9..144,600;9..144,700&family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&family=Ubuntu:wght@400;500;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;500;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
<style>
:root{
/* Shared with Sirius.X / silentmode.st/deviant — one Silent Mode palette. */
@ -31,8 +31,7 @@
--forge:#ff8c00;
--chain:#d6ff3d; --sia:#b39ddb; --srv:#4fd1a5; --ok:#4fd1a5; --taken:#f6768a;
--warn:#ffc75f;
--serif:'Fraunces',Georgia,serif;
--sans:'DM Sans','Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
--sans:'Ubuntu',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
--mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
*{box-sizing:border-box}
@ -43,32 +42,9 @@
radial-gradient(ellipse 900px 500px at 0% 100%,#0c1424 0%,transparent 55%),
var(--bg);
background-attachment:fixed;
color:var(--ink);font:16px/1.6 var(--sans);min-height:100vh;
font-feature-settings:"ss01","ss02"}
h1,h2,h3{font-family:var(--serif);font-feature-settings:"ss01","ss02"}
color:var(--ink);font:16px/1.6 var(--sans);min-height:100vh}
h1,h2,h3{font-family:var(--sans)}
code,.mono{font-family:var(--mono)}
/* Ubuntu reader-alt — swap when <html data-font-cmp="ubuntu"> (js/theme.js) */
html[data-font-cmp="ubuntu"] body,
html[data-font-cmp="ubuntu"] h1, html[data-font-cmp="ubuntu"] h2, html[data-font-cmp="ubuntu"] h3,
html[data-font-cmp="ubuntu"] p, html[data-font-cmp="ubuntu"] a, html[data-font-cmp="ubuntu"] button,
html[data-font-cmp="ubuntu"] span, html[data-font-cmp="ubuntu"] div,
html[data-font-cmp="ubuntu"] label, html[data-font-cmp="ubuntu"] input, html[data-font-cmp="ubuntu"] li{
font-family:'Ubuntu',system-ui,sans-serif !important
}
html[data-font-cmp="ubuntu"] code, html[data-font-cmp="ubuntu"] .mono{
font-family:var(--mono) !important
}
/* Font picker pill (lives inside .topnav — same styling as Sirius) */
.font-picker{display:inline-flex;align-items:center;gap:2px;padding:2px;margin:0 10px;
background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:999px;
font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.font-picker button{background:transparent;border:none;color:var(--dim);
padding:4px 10px;border-radius:999px;cursor:pointer;font-family:inherit;font-size:inherit;
letter-spacing:inherit;text-transform:inherit;transition:color .12s}
.font-picker button:hover{color:var(--ink)}
.font-picker button.active{background:var(--acid);color:var(--bg);font-weight:600}
.font-picker-float{position:fixed;bottom:20px;right:20px;z-index:99;
backdrop-filter:blur(10px);box-shadow:0 6px 20px rgba(0,0,0,.35)}
a{color:var(--acid)}
.wrap{max-width:980px;margin:0 auto;padding:0 1.2rem}
/* Sticky topnav — brand on the left, sign-in dropdown on the right */
@ -238,7 +214,7 @@
footer.deep{border-top:1px solid var(--line);margin-top:4rem;padding:2.4rem 1.2rem 1.6rem;background:rgba(10,15,28,.4);color:var(--dim);font-size:13px}
footer.deep .fwrap{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}
footer.deep h5{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin:0 0 .8rem;font-weight:500}
footer.deep .brand{font-family:var(--serif);font-size:20px;color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:6px}
footer.deep .brand{font-family:var(--sans);font-weight:600;font-size:20px;color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:6px}
footer.deep .brand .g{color:var(--forge)}
footer.deep p{color:var(--dim);font-size:13px;line-height:1.55;margin:.6rem 0 0;max-width:280px}
footer.deep ul{list-style:none;padding:0;margin:0;display:grid;gap:6px;font-size:13.5px}
@ -253,7 +229,6 @@
@media (max-width:640px){
.topnav{padding:8px 1rem;gap:0}
.topnav a{padding:6px 8px;font-size:13px}
.topnav .font-picker{margin:0 4px}
header.hero{padding:3.5rem 1rem 1rem}
}
</style>

23
hephaestus.x/js/theme.js
View file

@ -1,16 +1,9 @@
// Hephaestus.X font — Ubuntu, always. The Fraunces/Ubuntu toggle was
// removed 2026-09-22; readers on every page get the Bitcoin Cash brand
// font without a picker in the corner. The runtime attribute goes on
// <html> so the same `html[data-font-cmp="ubuntu"]` rules already
// embedded in every page's stylesheet take effect on load.
// Hephaestus.X — Ubuntu is the primary font, baked into the stylesheets.
// The Fraunces/Ubuntu toggle was removed 2026-09-22 and the data-font-cmp
// override was dropped 2026-10-05 when Ubuntu became the default; both
// the font-picker UI and the alt-rules CSS are gone.
//
// This file stays in place (rather than being deleted) so pages that
// still reference it via <script src="js/theme.js"> keep loading a
// valid module. Delete the include from a page and the attribute is
// no longer set, and Fraunces returns.
(function () {
try {
document.documentElement.setAttribute("data-font-cmp", "ubuntu");
} catch (e) { /* prehistoric browser; give up quietly */ }
})();
// This file stays in place as a no-op so pages that still include
// <script src="js/theme.js"> keep loading a valid module instead of 404ing.
// Safe to delete the include from a page once we're sure nothing else
// expects the attribute to be set.