From dece32eef26b4c25e557f04049e36a5d343e21c0 Mon Sep 17 00:00:00 2001
From: Local Dev <dev@localhost>
Date: Mon, 5 Oct 2026 02:33:26 +0200
Subject: [PATCH] site(hephaestus.x): Ubuntu as the default font; drop the
 toggle machinery
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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.
---
 hephaestus.x/docs/index.html | 23 ++++-----------------
 hephaestus.x/index.html      | 39 +++++++-----------------------------
 hephaestus.x/js/theme.js     | 23 ++++++++-------------
 3 files changed, 19 insertions(+), 66 deletions(-)

diff --git a/hephaestus.x/docs/index.html b/hephaestus.x/docs/index.html
index 296db3f..5bc3e85 100644
--- a/hephaestus.x/docs/index.html
+++ b/hephaestus.x/docs/index.html
@@ -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}
diff --git a/hephaestus.x/index.html b/hephaestus.x/index.html
index 79e64c0..71882ce 100644
--- a/hephaestus.x/index.html
+++ b/hephaestus.x/index.html
@@ -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>
diff --git a/hephaestus.x/js/theme.js b/hephaestus.x/js/theme.js
index f2d9ce1..c3c887d 100644
--- a/hephaestus.x/js/theme.js
+++ b/hephaestus.x/js/theme.js
@@ -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.