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

Initial commit

Browse source
This commit is contained in:
Local Dev 2026-09-12 00:07:34 +02:00
commit d392305c0b
84 changed files with 18239 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

67
GOTCHAS.md Normal file
View file

@ -0,0 +1,67 @@
# site/ — gotchas
Hand-authored static tree for **silentmode.st**. No build step. Served by nginx
from `/opt/silent-mode/site/` on the VPS (ssh alias `silentmode`), and mirrored
to Sia (`s3://bns/silentmode/` → `silentmode.bch`) by the
`silentmode-sia-sync.timer` on the VPS every 5 minutes. Anything that lands in
`/opt/silent-mode/site/` reaches the `.bch` mirror on its own; you do not need to
run `sia-upload.js` for site files any more.
## Never `rsync --delete` (or blanket-overwrite) `site/` → the VPS
`/opt/silent-mode/site/` holds far more than this folder: `sirius-x/`,
`deviant/` (the full Deviant site incl. `wallet/`, `artemision/`, `katalogos/`,
`agora/`), `apps/`, `code/`. Those are deployed from **other repos**. In
particular `site/deviant/` here is a **stale Aug-31 copy**; the canonical
source is `D:\Dev\Deviant\site\deviant\` and the VPS already carries the newer
Sep-1 pages. Pushing this folder wholesale would roll them back.
Ship **individual files**: `scp site/<path> silentmode:/opt/silent-mode/site/<path>`.
## The release manifest lives in three places
- `https://dl.silentmode.st/releases-manifest.json` — canonical
(`/opt/silent-mode/dl/`), what `releases.silentmode.bch` points at.
- `/opt/silent-mode/site/releases-manifest.json` — what `tools/index.html`
links as `../releases-manifest.json`, and what the Sia mirror syncs.
- `site/releases-manifest.json` — the committed source of both.
The ship checklist (`Ship Theseus …` commits) must scp it to **both** VPS
paths. It was missed for `site/` from 0.3.4 through 0.3.16 (found 2026-09-07):
the HTML pages were current while the JSON next to them still said 0.3.3.
## Old Theseus builds fill the VPS disk
`scripts/theseus-vps-archive.sh <version>` moves everything older than N-1 to
Sia and deletes it from `/opt/silent-mode/dl/`. Run it after every ship; when
it is skipped the 48 GB disk climbs ~245 MB per release.
## Pages that are not silentmode.st pages
`hephaestus.x/` is the landing for the `.x` name and is served from Sia via the
gateway (`navigate.st/bns/hephaestus.x/`); the copy under `/opt/silent-mode/site/`
is just parity. `choose/` has no top nav on purpose.
## CORS on `/js/*.js` — required for BCNR pages
The shared bundles (`bns-register.js`, `libauth.js`, `wizardconnect.js`) live
under `silentmode.st/js/` and are `import`ed cross-origin by pages served on
their own origin: `sirius.x`, `theseus.x`, any BCNR-served site opened in
Theseus (origin `bns://<name>`). Without CORS the browser refuses to load the
module and every wallet/register/mint flow silently breaks — the launcher
click does nothing.
The nginx block on VPS (`/etc/nginx/sites-enabled/silentmode-st`) MUST carry:
```
location ~ ^/js/.*\.js$ {
add_header Cache-Control "no-cache, must-revalidate" always;
add_header Access-Control-Allow-Origin "*" always;
add_header Access-Control-Allow-Methods "GET, OPTIONS" always;
}
```
Added 2026-09-08 after Theseus reported "CORS blocked" from origin
`bns://sirius.x`. If a future nginx-config rebuild drops the `add_header
Access-Control-*` lines, every non-silentmode.st page that imports the bundle
starts failing again with "No 'Access-Control-Allow-Origin' header".

29
apps/index.html Normal file
View file

@ -0,0 +1,29 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Moved — Silent Mode</title>
<meta http-equiv="refresh" content="0; url=/tools/">
<link rel="canonical" href="https://silentmode.st/tools/">
<script>
// Preserve deep-link fragments (#theseus / #resolver / #android) across the redirect.
if (location.hash) location.replace("/tools/" + location.hash);
</script>
<style>
body{margin:0;font:15px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
background:#0b0e14;color:#e7eaf1;display:grid;place-items:center;min-height:100vh;padding:1.5rem}
.card{max-width:460px;text-align:center}
a{color:#d6ff3d}
p{color:#8b98a9}
</style>
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
</head>
<body>
<div class="card">
<h1>Downloads moved.</h1>
<p>The apps page merged with the tools hub. Everything you were looking for is now at
<a href="/tools/">silentmode.st/tools/</a>. Redirecting you there.</p>
</div>
</body>
</html>

20
brand/avatar.svg Normal file
View file

@ -0,0 +1,20 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400">
<title>Silent Mode — avatar (400×400 profile square)</title>
<defs>
<radialGradient id="bg" cx="50%" cy="18%" r="90%">
<stop offset="0%" stop-color="#16202e"/>
<stop offset="100%" stop-color="#0b0e14"/>
</radialGradient>
</defs>
<rect width="400" height="400" fill="url(#bg)"/>
<g transform="translate(70,140)">
<rect x="0" y="0" width="150" height="90" rx="45" ry="45"
fill="none" stroke="#8b98a9" stroke-width="18"/>
<rect x="110" y="0" width="150" height="90" rx="45" ry="45"
fill="none" stroke="#d6ff3d" stroke-width="18"/>
</g>
<text x="200" y="310" font-family="system-ui,-apple-system,Segoe UI,sans-serif"
font-size="38" font-weight="600" text-anchor="middle" fill="#e7eaf1">
Silent <tspan fill="#d6ff3d">Mode</tspan>
</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 882 B

28
brand/banner.svg Normal file
View file

@ -0,0 +1,28 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1500 500">
<title>Silent Mode — banner (1500×500 social header)</title>
<defs>
<radialGradient id="bg" cx="30%" cy="0%" r="90%">
<stop offset="0%" stop-color="#16202e"/>
<stop offset="100%" stop-color="#0b0e14"/>
</radialGradient>
</defs>
<rect width="1500" height="500" fill="url(#bg)"/>
<g transform="translate(160,205)">
<rect x="0" y="0" width="130" height="90" rx="45" ry="45"
fill="none" stroke="#8b98a9" stroke-width="14"/>
<rect x="100" y="0" width="130" height="90" rx="45" ry="45"
fill="none" stroke="#d6ff3d" stroke-width="14"/>
</g>
<text x="450" y="255" font-family="system-ui,-apple-system,Segoe UI,sans-serif"
font-size="82" font-weight="600" fill="#e7eaf1" letter-spacing="0.4">
Silent <tspan fill="#d6ff3d">Mode</tspan>
</text>
<text x="452" y="310" font-family="system-ui,-apple-system,Segoe UI,sans-serif"
font-size="28" font-weight="400" fill="#8b98a9">
Decentralized web infrastructure — names, hosting, browsers, search, messaging.
</text>
<text x="452" y="345" font-family="ui-monospace,SFMono-Regular,Menlo,monospace"
font-size="20" fill="#5e6678">
silentmode.st · silentmode.bch (on chain)
</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.3 KiB

241
brand/index.html Normal file
View file

@ -0,0 +1,241 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Brand — Silent Mode</title>
<meta name="description" content="Silent Mode brand kit: logo, wordmark, avatar, banner, colors, usage. Two interlocking chain links — the family mark for the whole Silent Mode stack.">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Silent Mode">
<meta property="og:title" content="Brand — Silent Mode">
<meta property="og:description" content="Silent Mode brand kit: logo, wordmark, avatar, banner, colors, usage. Two interlocking chain links — the family mark for the whole Silent Mode stack.">
<meta property="og:url" content="https://silentmode.st/brand/">
<meta property="og:image" content="https://silentmode.st/brand/og.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta name="twitter:card" content="summary_large_image">
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="stylesheet" href="/shared.css">
<style>
.asset{background:var(--panel);border:1px solid var(--line);border-radius:14px;
padding:22px;margin-bottom:16px;display:grid;gap:14px;
grid-template-columns:1fr;align-items:center}
@media (min-width:800px){.asset{grid-template-columns:1fr 320px}}
.asset .preview{background:#0e131b;border:1px solid var(--line);border-radius:10px;
display:flex;align-items:center;justify-content:center;padding:22px;min-height:200px}
.asset .preview img{max-width:100%;max-height:340px;display:block}
.asset .meta h3{margin:0 0 .3rem;font-size:1.05rem}
.asset .meta p{margin:.3rem 0 0;color:var(--mut);font-size:14px;line-height:1.55}
.asset .meta .size{color:var(--dim);font-size:12.5px;letter-spacing:.02em;margin-top:.4rem}
.asset .meta .dl{display:flex;gap:8px;flex-wrap:wrap;margin-top:.9rem}
.asset .meta .dl a{padding:8px 14px;font-size:13px;border-radius:8px;
background:var(--panel2);border:1px solid var(--line);color:var(--ink);text-decoration:none}
.asset .meta .dl a:hover{border-color:var(--acid);color:var(--acid)}
.palette{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-top:1rem}
.swatch{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.swatch .chip{height:80px}
.swatch .info{padding:10px 12px}
.swatch .info .n{font-size:13px;color:var(--ink);font-weight:600}
.swatch .info .h{font-family:ui-monospace,monospace;font-size:11.5px;color:var(--dim);margin-top:2px}
.swatch .info .r{font-size:11.5px;color:var(--mut);margin-top:4px;line-height:1.4}
.dont{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--taken);
border-radius:10px;padding:12px 16px;color:var(--mut);font-size:13.5px}
.dont ul{margin:.4rem 0 0;padding-left:1.2rem}
</style>
</head>
<body>
<nav class="topnav">
<a class="brand" href="/"><svg class="logo" viewBox="0 0 32 20" aria-hidden="true"><rect class="l1" x="1.5" y="3.5" width="17" height="13" rx="6.5" ry="6.5" fill="none" stroke-width="2.6"/><rect class="l2" x="13.5" y="3.5" width="17" height="13" rx="6.5" ry="6.5" fill="none" stroke-width="2.6"/></svg>Silent <span class="g">Mode</span></a>
<a href="/tools/">Theseus</a>
<a href="/prometheus/">Prometheus</a>
<a href="/sirius/">Sirius</a>
<a href="/hephaestus/">Hephaestus</a>
<a href="/helios/">Helios</a>
<a href="/hermes/">Hermes</a>
</nav>
<header class="hero">
<div class="mark" style="font-size:52px">
<img src="logo.svg" alt="" style="height:64px;vertical-align:middle">
</div>
<h1>Silent Mode — <span class="g">brand</span></h1>
<p class="tag">Two interlocking chain links, one acid green — the family mark for
every Silent Mode product. Kit below: logo, wordmark, avatar, banner, palette,
usage. Every asset is a scalable SVG; raster it to whatever platform demands
a PNG.</p>
</header>
<div class="wrap">
<!-- ============ ASSETS ============ -->
<section class="plain">
<h2>Assets</h2>
<div class="asset">
<div class="preview"><img src="logo.svg" alt="Silent Mode logo" style="max-height:200px"></div>
<div class="meta">
<h3>Logo</h3>
<p>Two interlocking chain links. Use where the mark stands alone — favicons,
app icons, small tile placements. Reads at any size from 16 px up.</p>
<div class="size">SVG · viewBox 200×200 · scalable</div>
<div class="dl">
<a href="logo.svg" download>SVG</a>
<a href="logo.svg" target="_blank" rel="noopener">Open</a>
</div>
</div>
</div>
<div class="asset">
<div class="preview"><img src="wordmark.svg" alt="Silent Mode wordmark"></div>
<div class="meta">
<h3>Wordmark</h3>
<p>Mark + "Silent <b style="color:var(--acid)">Mode</b>" set at 56 px, letter
spacing 0.4. Use for horizontal placements — page headers, business cards,
email signatures.</p>
<div class="size">SVG · viewBox 640×120</div>
<div class="dl">
<a href="wordmark.svg" download>SVG</a>
<a href="wordmark.svg" target="_blank" rel="noopener">Open</a>
</div>
</div>
</div>
<div class="asset">
<div class="preview"><img src="avatar.svg" alt="Silent Mode avatar" style="max-height:280px"></div>
<div class="meta">
<h3>Avatar</h3>
<p>Square 400×400 with radial background, centred mark, wordmark below.
Sized for social profile pictures — X, Mastodon, Nostr, GitHub org avatar.
Rasters cleanly to 200×200 and 100×100.</p>
<div class="size">SVG · viewBox 400×400</div>
<div class="dl">
<a href="avatar.svg" download>SVG</a>
<a href="avatar.svg" target="_blank" rel="noopener">Open</a>
</div>
</div>
</div>
<div class="asset" style="grid-template-columns:1fr">
<div class="preview" style="padding:14px"><img src="banner.svg" alt="Silent Mode banner" style="width:100%;max-height:none"></div>
<div class="meta">
<h3>Banner</h3>
<p>Wide 1500×500 header for X / Mastodon covers, GitHub org banners, OG social
cards. Tagline and second-line URL are text nodes — edit in a vector editor
if you need a different language or campaign.</p>
<div class="size">SVG · viewBox 1500×500 · 3:1 aspect</div>
<div class="dl">
<a href="banner.svg" download>SVG</a>
<a href="banner.svg" target="_blank" rel="noopener">Open</a>
</div>
</div>
</div>
<div class="asset">
<div class="preview" style="padding:36px"><img src="/favicon.svg" alt="Silent Mode favicon" style="max-height:120px;image-rendering:pixelated"></div>
<div class="meta">
<h3>Favicon</h3>
<p>The same mark, compressed for tab-bar and bookmark rendering. Served from
<code class="inline">/favicon.svg</code>. Also works as a 16×16 PNG once
rasterised — the shape holds.</p>
<div class="size">SVG · viewBox 32×32</div>
<div class="dl">
<a href="/favicon.svg" download="favicon.svg">SVG</a>
</div>
</div>
</div>
</section>
<!-- ============ PALETTE ============ -->
<section>
<h2>Palette</h2>
<p class="lede">Small palette on purpose — one accent, one text tone, three greys,
a couple of semantics. Same tokens the whole site's <code class="inline">shared.css</code>
exposes as CSS variables.</p>
<div class="palette">
<div class="swatch"><div class="chip" style="background:#d6ff3d"></div>
<div class="info"><div class="n">Acid</div><div class="h">#d6ff3d</div>
<div class="r">The accent — links, marks, active state, one CTA per view.</div></div></div>
<div class="swatch"><div class="chip" style="background:#0b0e14"></div>
<div class="info"><div class="n">Ink (bg)</div><div class="h">#0b0e14</div>
<div class="r">Page background. Dark by default; a light theme is the exception.</div></div></div>
<div class="swatch"><div class="chip" style="background:#141a24"></div>
<div class="info"><div class="n">Panel</div><div class="h">#141a24</div>
<div class="r">Cards, buttons ghost, elevated surfaces.</div></div></div>
<div class="swatch"><div class="chip" style="background:#e7eaf1"></div>
<div class="info"><div class="n">Text</div><div class="h">#e7eaf1</div>
<div class="r">Body ink.</div></div></div>
<div class="swatch"><div class="chip" style="background:#8b98a9"></div>
<div class="info"><div class="n">Muted</div><div class="h">#8b98a9</div>
<div class="r">Secondary text, disabled state, muted mark stroke.</div></div></div>
<div class="swatch"><div class="chip" style="background:#5e6678"></div>
<div class="info"><div class="n">Dim</div><div class="h">#5e6678</div>
<div class="r">Meta, timestamps, "less important than muted".</div></div></div>
<div class="swatch"><div class="chip" style="background:#b39ddb"></div>
<div class="info"><div class="n">Sia</div><div class="h">#b39ddb</div>
<div class="r">Storage badge. Only for "content lives on Sia".</div></div></div>
<div class="swatch"><div class="chip" style="background:#4fd1a5"></div>
<div class="info"><div class="n">Server</div><div class="h">#4fd1a5</div>
<div class="r">Server badge. Only for "content lives on an ordinary server".</div></div></div>
</div>
</section>
<!-- ============ USAGE ============ -->
<section>
<h2>Usage</h2>
<div class="grid">
<div class="card">
<h3>Where the mark goes</h3>
<p>Anywhere Silent Mode itself is the subject: project sites, README banners,
social profiles, presentation title slides. If a specific product is the
subject (Theseus, Sirius, Prometheus, Hermes, Helios), prefer <i>that</i>
product's own mark and reserve this one for the umbrella.</p>
</div>
<div class="card">
<h3>Clear space</h3>
<p>Give the mark clearance equal to one chain-link on every side. On the banner
this is honoured by the left-margin; when placing the logo yourself, respect it.</p>
</div>
<div class="card">
<h3>Colours in prose</h3>
<p>The word "Mode" is in acid; the rest is body text. Don't reverse — "Silent"
in acid + "Mode" in body doesn't read as this brand.</p>
</div>
<div class="card">
<h3>Rasterising</h3>
<p>SVG is the canonical format. Any modern image tool can convert it to PNG
at the size you need; Inkscape and rsvg-convert are the free defaults.
Don't distribute a low-fidelity trace as "the logo".</p>
</div>
</div>
<div class="dont" style="margin-top:1.4rem">
<b>Don't:</b>
<ul>
<li>Recolour the mark into the palette of another product or brand.</li>
<li>Distort the chain-link proportions (they read as chain because of the ratio; squished, they don't).</li>
<li>Place the mark on a busy image without a solid backing panel.</li>
<li>Use the mark to endorse a third-party product, service, or claim without written permission.</li>
</ul>
</div>
</section>
<div class="note"><b>Related brand kits.</b> Navigate.st has its own mark (a compass
rose in a chain-link ring) at <a href="https://navigate.st/brand/">navigate.st/brand/</a>.
Each Silent Mode product (Theseus, Sirius, Prometheus, Hermes, Helios) will
eventually have its own kit; this one is the umbrella.</div>
</div>
<footer>
<div>Silent Mode — a Deviant project.</div>
<div class="fine">Brand kit v1 · 2026-08-20. Everything in this kit is licensed for
accurate reference to the Silent Mode project. For commercial use of the mark
outside that scope, ask first.</div>
</footer>
</body>
</html>

7
brand/logo.svg Normal file
View file

@ -0,0 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200">
<title>Silent Mode — logo</title>
<rect x="24" y="70" width="90" height="60" rx="30" ry="30"
fill="none" stroke="#8b98a9" stroke-width="12"/>
<rect x="86" y="70" width="90" height="60" rx="30" ry="30"
fill="none" stroke="#d6ff3d" stroke-width="12"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 344 B

BIN
brand/og.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 187 KiB

13
brand/wordmark.svg Normal file
View file

@ -0,0 +1,13 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 120">
<title>Silent Mode — wordmark</title>
<g transform="translate(8,0)">
<rect x="8" y="42" width="72" height="52" rx="26" ry="26"
fill="none" stroke="#8b98a9" stroke-width="8"/>
<rect x="60" y="42" width="72" height="52" rx="26" ry="26"
fill="none" stroke="#d6ff3d" stroke-width="8"/>
</g>
<text x="160" y="88" font-family="system-ui,-apple-system,Segoe UI,Roboto,sans-serif"
font-size="56" font-weight="600" letter-spacing="0.4" fill="#e7eaf1">
Silent <tspan fill="#d6ff3d">Mode</tspan>
</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 615 B

148
choose/free/index.html Normal file
View file

@ -0,0 +1,148 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>You took the red one — Silent Mode</title>
<meta name="description" content="A network with no registrar, no platform account and no gatekeeper. Here is what actually changes, what it costs you, and what to do next.">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Silent Mode">
<meta property="og:title" content="You took the red one — Silent Mode">
<meta property="og:description" content="A network with no registrar, no platform account and no gatekeeper. Here is what actually changes, what it costs you, and what to do next.">
<meta property="og:url" content="https://silentmode.st/choose/free/">
<meta property="og:image" content="https://silentmode.st/brand/og.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta name="twitter:card" content="summary_large_image">
<link rel="stylesheet" href="/shared.css">
<style>
body{background:#05070c}
body::before{
content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
background:
radial-gradient(700px 460px at 50% -6%, rgba(255,77,94,.13), transparent 62%),
radial-gradient(1000px 620px at 50% 116%, rgba(214,255,61,.06), transparent 70%);
animation:pulse 9s ease-in-out infinite alternate;
}
@keyframes pulse{from{opacity:.75} to{opacity:1}}
@media (prefers-reduced-motion:reduce){body::before{animation:none}}
main{position:relative;z-index:1;max-width:820px;margin:0 auto;padding:5rem 1.4rem 3rem}
.capsule{width:84px;height:38px;border-radius:999px;margin:0 auto 26px;position:relative;
background:linear-gradient(180deg,#ff4d5e,#9b1725);
box-shadow:inset 0 -3px 6px rgba(0,0,0,.35), 0 8px 26px rgba(255,77,94,.28)}
.capsule::before{content:"";position:absolute;top:5px;left:12px;right:12px;height:9px;border-radius:999px;
background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0));filter:blur(1px)}
main h1{font-size:clamp(1.9rem,4.4vw,2.7rem);font-weight:600;text-align:center;
margin:0 0 1rem;line-height:1.22;letter-spacing:.2px}
.lede{color:var(--mut);font-size:1.04rem;text-align:center;max-width:620px;margin:0 auto 3rem}
.rows{display:grid;gap:12px;margin-bottom:2.6rem}
.row{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center;
background:rgba(255,255,255,.026);border:1px solid rgba(255,255,255,.07);
border-radius:13px;padding:15px 18px}
@media (max-width:640px){
.row{grid-template-columns:1fr;gap:6px}
.row .arrow{display:none}
.row .was::after{content:" ↓";color:var(--dim)}
}
.row .was{color:var(--dim);font-size:14px;text-decoration:line-through;text-decoration-color:rgba(255,255,255,.22)}
.row .arrow{color:var(--dim);font-size:15px}
.row .now{color:var(--ink);font-size:14.5px}
.row .now b{color:#ff7885;font-weight:600}
.honest{background:var(--panel);border:1px solid var(--line);border-left:3px solid #ff7885;
border-radius:11px;padding:17px 20px;color:var(--mut);font-size:14px;line-height:1.72;margin-bottom:2.6rem}
.honest b{color:var(--ink)}
.next{text-align:center}
.next h2{font-size:1.15rem;margin:0 0 1.2rem;font-weight:600}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;text-align:left}
@media (max-width:680px){.steps{grid-template-columns:1fr}}
.step{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);
border-radius:13px;padding:17px 18px;text-decoration:none;color:inherit;display:block;
transition:border-color .2s ease, transform .2s ease}
.step:hover{border-color:rgba(255,77,94,.45);transform:translateY(-3px)}
.step:focus-visible{outline:2px solid var(--acid);outline-offset:3px}
.step .n{font:700 11px/1 system-ui;letter-spacing:.2em;text-transform:uppercase;color:#ff7885;display:block;margin-bottom:.55rem}
.step b{display:block;font-size:14.5px;margin-bottom:.3rem}
.step span{color:var(--mut);font-size:13px;line-height:1.6}
.foot{color:var(--mut);font-size:12.5px;text-align:center;margin-top:3.2rem;line-height:1.8}
.foot a{color:var(--mut);text-decoration:underline;text-underline-offset:2px}
.foot a:hover{color:var(--ink)}
.foot .back{color:var(--dim)}
</style>
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
</head>
<body>
<main>
<div class="capsule" aria-hidden="true"></div>
<h1>Anonymous by default. Not by exception.</h1>
<p class="lede">Two missing layers, and everything follows from them. The part that
grants permission — and can therefore withdraw it — is absent. So is the part that
could ever be asked who you are, because it never collected the answer. Not held on
your behalf. Not held at all.</p>
<div class="rows">
<div class="row"><span class="was">A registrar that logs who bought the name</span><span class="arrow">→</span>
<span class="now">A <b>certificate you hold</b>, on a public ledger. Your key, your name — <b>nobody learns you asked for it</b>.</span></div>
<div class="row"><span class="was">A card or bank in the middle of every payment</span><span class="arrow">→</span>
<span class="now">Pay <b>direct in crypto</b>. No processor, no chargeback, and nobody to refuse it on your behalf.</span></div>
<div class="row"><span class="was">An account that can be suspended</span><span class="arrow">→</span>
<span class="now">No account at all. <b>Nothing was granted, so nothing can be revoked.</b></span></div>
<div class="row"><span class="was">A browser and pages that report home</span><span class="arrow">→</span>
<span class="now">Theseus resolves names <b>straight from the chain</b> — no lookup service in the middle logging what you typed.</span></div>
<div class="row"><span class="was">A host with an acceptable-use policy</span><span class="arrow">→</span>
<span class="now">Your own server, a paid swarm of strangers, or <b>the chain itself</b>.</span></div>
<div class="row"><span class="was">A certificate authority vouching for you</span><span class="arrow">→</span>
<span class="now">A fingerprint <b>you publish on-chain</b> and your browser checks.</span></div>
<div class="row"><span class="was">Reach that belongs to the platform</span><span class="arrow">→</span>
<span class="now">A name that <b>travels with you</b>, because nobody else is holding it.</span></div>
</div>
<div class="honest">
<b>The honest part.</b> Nobody being in charge cuts both ways. There is no support desk,
no password reset and no undo — lose your recovery phrase and the name is gone, with
nobody able to help. Nothing here is moderated, so you will find things you would rather
not. And there is one layer this stack does not remove for you: your <b>IP address</b>.
A server still sees where a request came from, and so does whoever your traffic passes
through. If that matters, add Tor or a paid VPN — the two questions (who you are on the
account, where you are on the network) are independent, and Sirius only answers the
first. This is an <b>alpha on a test network</b>: the coins are free and worth nothing,
which is the honest place to try it before real money is involved.
</div>
<div class="next">
<h2>Three steps, about ten minutes</h2>
<div class="steps">
<a class="step" href="/tools/#theseus">
<span class="n">Step one</span>
<b>Get a browser that reads it</b>
<span>Theseus resolves names straight from the chain. Ordinary sites keep working.</span>
</a>
<a class="step" href="/sirius/register.html">
<span class="n">Step two</span>
<b>Take a name</b>
<span>Made in your browser, minted to your key. A few cents, no account, no renewal desk.</span>
</a>
<a class="step" href="/sirius/register.html#hosting">
<span class="n">Step three</span>
<b>Put something on it</b>
<span>On-chain for something small, your own server, or the Sia network. Change it whenever.</span>
</a>
</div>
</div>
<p class="foot">
<a href="/choose/">← Back to the choice</a> · <a href="/">silentmode.st</a><br>
<span class="back">Second thoughts are allowed. Nothing here has happened yet.</span>
</p>
</main>
</body>
</html>

258
choose/index.html Normal file
View file

@ -0,0 +1,258 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Choose — Silent Mode</title>
<meta name="description" content="Two internets, twice over. The one you browse, and the one you build on. Every layer of the conventional web has someone who can say no. The other one has nobody.">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Silent Mode">
<meta property="og:title" content="Choose — Silent Mode">
<meta property="og:description" content="Two internets, twice over. The one you browse, and the one you build on. Every layer of the conventional web has someone who can say no. The other one has nobody.">
<meta property="og:url" content="https://silentmode.st/choose/">
<meta property="og:image" content="https://silentmode.st/brand/og.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta name="twitter:card" content="summary_large_image">
<link rel="stylesheet" href="/shared.css">
<style>
/* Page-specific only — tokens, body and buttons come from shared.css.
`.capsule`, not `.pill`: shared.css already uses `.pill` for status badges.
No top nav here on purpose: the page asks two questions and a nav bar offers a
third answer that undermines both. */
body{background:#05070c}
body::before{
content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
background:
radial-gradient(620px 400px at 24% 26%, rgba(75,123,236,.10), transparent 60%),
radial-gradient(620px 400px at 76% 74%, rgba(255,77,94,.10), transparent 60%),
radial-gradient(1200px 700px at 50% 118%, rgba(214,255,61,.05), transparent 70%);
animation:drift 22s ease-in-out infinite alternate;
}
@keyframes drift{from{transform:translate3d(0,0,0)} to{transform:translate3d(0,-14px,0)}}
@media (prefers-reduced-motion:reduce){body::before{animation:none} .capsule-card{transition:none}}
:root{ --red:#ff4d5e; --red-deep:#9b1725; --blue:#4b7bec; --blue-deep:#1e3a8a; }
main{position:relative;z-index:1;max-width:1120px;margin:0 auto;padding:4.4rem 1.4rem 3rem}
.eyebrow{color:var(--dim);font:600 12px/1 system-ui;letter-spacing:.28em;
text-transform:uppercase;text-align:center;margin:0 0 1.2rem}
main h1{font-size:clamp(2rem,4.6vw,2.9rem);font-weight:600;line-height:1.2;
text-align:center;margin:.4rem 0 1.1rem;letter-spacing:.2px}
.intro{color:var(--mut);font-size:1.03rem;max-width:660px;margin:0 auto 3rem;text-align:center}
/* section headers */
.act{max-width:1000px;margin:0 auto;padding:0}
.act + .act{margin-top:3.6rem;padding-top:3.2rem;border-top:1px solid rgba(255,255,255,.07)}
.act-head{text-align:center;margin:0 auto 1.8rem;max-width:600px}
.act-num{display:inline-block;font:700 11px/1 system-ui;letter-spacing:.22em;text-transform:uppercase;
color:var(--acid);background:rgba(214,255,61,.1);padding:5px 11px;border-radius:999px;margin-bottom:.9rem}
.act-head h2{font-size:1.5rem;font-weight:600;margin:0 0 .4rem;letter-spacing:.2px}
.act-head p{color:var(--mut);font-size:14.5px;margin:0}
.capsules{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch}
@media (max-width:800px){.capsules{grid-template-columns:1fr}}
.capsule-card{
position:relative;display:flex;flex-direction:column;
background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012));
border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:30px 26px 24px;
text-decoration:none;color:inherit;
transition:transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.capsule-card:hover{transform:translateY(-4px)}
.capsule-card.blue:hover{border-color:rgba(75,123,236,.5);box-shadow:0 12px 40px rgba(75,123,236,.16)}
.capsule-card.red:hover{border-color:rgba(255,77,94,.5);box-shadow:0 12px 40px rgba(255,77,94,.16)}
.capsule-card:focus-visible{outline:2px solid var(--acid);outline-offset:3px}
.capsule{
width:84px;height:38px;border-radius:999px;margin:0 auto 18px;position:relative;
box-shadow:inset 0 -3px 6px rgba(0,0,0,.35), 0 6px 18px rgba(0,0,0,.4);
}
.capsule::before{
content:"";position:absolute;top:5px;left:12px;right:12px;height:9px;border-radius:999px;
background:linear-gradient(180deg, rgba(255,255,255,.55), rgba(255,255,255,0));filter:blur(1px);
}
.capsule.blue{background:linear-gradient(180deg,var(--blue),var(--blue-deep))}
.capsule.red{background:linear-gradient(180deg,var(--red),var(--red-deep))}
.tag{font:600 11px/1 system-ui;letter-spacing:.24em;text-transform:uppercase;text-align:center;margin-bottom:7px}
.capsule-card.blue .tag{color:#7fa3f2}
.capsule-card.red .tag{color:#ff7885}
.capsule-card h3{font-size:1.26rem;font-weight:600;text-align:center;margin:0 0 1.1rem;letter-spacing:.2px}
ul.points{list-style:none;padding:0;margin:0 0 1.5rem;display:grid;gap:10px}
ul.points li{color:var(--mut);font-size:14px;line-height:1.62;padding-left:18px;position:relative}
ul.points li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%}
.capsule-card.blue ul.points li::before{background:#4b7bec}
.capsule-card.red ul.points li::before{background:var(--red)}
ul.points b{color:var(--ink);font-weight:600}
.brand{text-align:center;color:var(--acid);font-size:12.5px;letter-spacing:.06em;
margin:-.7rem 0 1.1rem;font-weight:600}
.brand span{color:var(--mut);font-weight:400}
.spacer{flex:1}
.go{display:block;text-align:center;padding:12px 18px;border-radius:10px;
font-weight:600;font-size:14px;border:1px solid transparent}
.capsule-card.blue .go{background:rgba(75,123,236,.13);color:#93b4f5;border-color:rgba(75,123,236,.34)}
.capsule-card.red .go{background:var(--red);color:#0d0509}
.foot{color:var(--mut);font-size:12.5px;text-align:center;margin-top:3.4rem;line-height:1.8}
.foot a{color:var(--mut);text-decoration:underline;text-underline-offset:2px}
.foot a:hover{color:var(--ink)}
.foot .alt{color:var(--dim)}
</style>
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
</head>
<body>
<main>
<p class="eyebrow">Silent Mode</p>
<h1>Two internets. <span class="g">Twice over.</span></h1>
<p class="intro">The web you use every day is owned. Companies decide which names exist,
which pages load, and whose voice carries. Registrars record who bought what. Card
networks and banks sit in the middle of every payment. The browser you are reading this
in reports home, and so does most of what it loads. There are privacy-forward providers
that will hold your identity <em>on your behalf</em> — but they still hold it, and a
court order still reaches them. Sirius removes the surface instead: names you hold by
key, pages nobody can pull, payment with no card and no bank, and a browser with nobody
to report to. <b>Anonymous by default, not by exception.</b> Whether you want to
<em>use</em> it or <em>build</em> on it, it starts the same way: something you install,
and a name that is actually yours.</p>
<!-- ════ ACT I — the web you browse ════════════════════════════════ -->
<section class="act" aria-labelledby="act1">
<div class="act-head">
<span class="act-num">First choice</span>
<h2 id="act1">The web you browse</h2>
<p>Where you read, post, and are read. Pick the one you want to live in.</p>
</div>
<div class="capsules">
<a class="capsule-card blue" href="/choose/stay/">
<div class="capsule blue" aria-hidden="true"></div>
<p class="tag">The blue one</p>
<h3>Stay where it is easy.</h3>
<ul class="points">
<li><b>Your account is a permission.</b> It exists while the platform allows it,
under terms they rewrite when they like.</li>
<li><b>You are measured everywhere you go.</b> The browser reports home, the pages
report home, and the profile follows you between them. Attention is the business
model, so being watched is not a bug — it <em>is</em> the system.</li>
<li><b>What you publish stays up until it does not.</b> Moderation is theirs,
appeals go to them, and the reasons need not be given.</li>
<li><b>The reach you built is not portable.</b> Leave, and the audience stays
behind.</li>
</ul>
<div class="spacer"></div>
<span class="go">It works. Mostly. →</span>
</a>
<a class="capsule-card red" href="/choose/free/">
<div class="capsule red" aria-hidden="true"></div>
<p class="tag">The red one</p>
<h3>Step outside it.</h3>
<ul class="points">
<li><b>No account, anywhere.</b> No email, no sign-up, no password to reset.
Nothing to suspend, because nothing was granted.</li>
<li><b>A browser with nobody to report to.</b> Theseus resolves names straight
from the chain — no lookup service in the middle logging what you typed.</li>
<li><b>A name that is yours by key, not by permission.</b> Held on a public
ledger; no registrar stands between you and it, and none of them learns your
name to give you one.</li>
<li><b>Pages nobody can pull.</b> On your own server, spread across strangers
who are paid to keep it, or inside a transaction the whole network stores.</li>
<li><b>Nobody to petition, because nobody is in charge.</b> That cuts both ways,
and it is the honest trade.</li>
</ul>
<div class="spacer"></div>
<span class="go">Show me →</span>
</a>
</div>
</section>
<!-- ════ ACT II — the web you build on ═════════════════════════════ -->
<section class="act" aria-labelledby="act2">
<div class="act-head">
<span class="act-num">Second choice</span>
<h2 id="act2">The web you build on</h2>
<p>If you ship things, the question repeats one layer down — and this time the
gatekeepers have invoices, and a record of who paid them.</p>
</div>
<div class="capsules">
<a class="capsule-card blue" href="/choose/registrars/">
<div class="capsule blue" aria-hidden="true"></div>
<p class="tag">The blue one</p>
<h3>Rent it, like everyone.</h3>
<ul class="points">
<li><b>Anonymous only by exception.</b> The default path binds the name to your
legal identity — WHOIS/RDAP holds the registrant data, ICANN requires it be
accurate, and the card ties it all together. Privacy providers like Njalla take
Monero and behave well — pair them with Tor or a VPN and the real-world privacy
is genuinely good. Pay with a bank card, and none of it applies. Either way, the
provider still <em>holds</em> what they were told and can be compelled to produce
it.</li>
<li><b>Renewal is the model, and it is a reasonable one.</b> A yearly fee keeps
the namespace alive — unused names return to the pool instead of being hoarded
forever, and the registrar has a business that survives. That part is fine.
Sirius works the same way for the same reason. What differs is who holds the
record and can be leaned on to change it.</li>
<li><b>Suspension is a supported feature.</b> Registrars act on court orders, UDRP
rulings and their own policy — by design, not by failure.</li>
<li><b>Every layer keeps a veto, and a bank sits under all of them.</b> Host,
CDN, certificate authority, payment processor. Any one can decline.</li>
<li><b>It is genuinely good infrastructure.</b> Fast, cheap, supported, and
someone answers the phone. That is the deal you are making.</li>
</ul>
<div class="spacer"></div>
<span class="go">The conventional stack →</span>
</a>
<a class="capsule-card red" href="/sirius/register.html">
<div class="capsule red" aria-hidden="true"></div>
<p class="tag">The red one</p>
<h3>Own the name outright.</h3>
<p class="brand">Sirius<span>.x</span> — names and hosting, paid in crypto</p>
<ul class="points">
<li><b>Anonymous by default, not by exception.</b> No account, no email, no card,
no bank — because the stack does not support them. Nothing to compel out of a
provider that never held it.</li>
<li><b>Payment is peer to peer.</b> You pay in crypto, direct to the seller, with
no processor deciding whether you may and no bank keeping a record of the
purchase. Add Tor or a VPN to cover the network layer, which nothing else can
do for you — no stack removes your IP.</li>
<li><b>The name is a certificate you hold.</b> A CashToken on Bitcoin Cash — your
key controls it, and there is no company in the middle to ask.</li>
<li><b>Host it however you like.</b> Your own server, the Sia storage network, or
on-chain for something small. Repoint it whenever, for free.</li>
<li><b>The whole stack is yours to run.</b> Browser, resolver, indexer, registry —
a node plus a small BNS-only indexer fits a one-core VPS. Any TLD works; the
protocol has no allowlist.</li>
</ul>
<div class="spacer"></div>
<span class="go">Find a name on Sirius →</span>
</a>
</div>
</section>
<p class="foot">
Running on Bitcoin Cash <b>chipnet</b> — an alpha on a test network, free to try, and
honest about being early.<br>
<span class="alt">You are reading this on <a href="/">silentmode.st</a>, the
ordinary-web face of the project. The same pages served the other way live at
<a href="https://navigate.st/bns/silentmode.bch">silentmode.bch</a>.</span>
</p>
</main>
</body>
</html>

157
choose/registrars/index.html Normal file
View file

@ -0,0 +1,157 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>The conventional stack — Silent Mode</title>
<meta name="description" content="Registrars, hosts, CDNs and certificate authorities. What each layer costs, what it does well, and where each one keeps a veto.">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Silent Mode">
<meta property="og:title" content="The conventional stack — Silent Mode">
<meta property="og:description" content="Registrars, hosts, CDNs and certificate authorities. What each layer costs, what it does well, and where each one keeps a veto.">
<meta property="og:url" content="https://silentmode.st/choose/registrars/">
<meta property="og:image" content="https://silentmode.st/brand/og.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta name="twitter:card" content="summary_large_image">
<link rel="stylesheet" href="/shared.css">
<style>
body{background:#070a11}
body::before{
content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
background:radial-gradient(720px 460px at 50% -6%, rgba(75,123,236,.12), transparent 62%);
}
main{position:relative;z-index:1;max-width:880px;margin:0 auto;padding:5rem 1.4rem 3rem}
.capsule{width:84px;height:38px;border-radius:999px;margin:0 auto 26px;position:relative;
background:linear-gradient(180deg,#4b7bec,#1e3a8a);
box-shadow:inset 0 -3px 6px rgba(0,0,0,.35), 0 8px 26px rgba(75,123,236,.24)}
.capsule::before{content:"";position:absolute;top:5px;left:12px;right:12px;height:9px;border-radius:999px;
background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0));filter:blur(1px)}
main h1{font-size:clamp(1.9rem,4.4vw,2.6rem);font-weight:600;text-align:center;
margin:0 0 1rem;line-height:1.22;letter-spacing:.2px}
.lede{color:var(--mut);font-size:1.03rem;text-align:center;max-width:660px;margin:0 auto 2.8rem}
h2{font-size:1.1rem;font-weight:600;margin:0 0 1rem;letter-spacing:.2px}
.layers{display:grid;gap:11px;margin-bottom:2.4rem}
.layer{background:rgba(255,255,255,.026);border:1px solid rgba(255,255,255,.07);
border-radius:12px;padding:15px 18px;display:grid;grid-template-columns:130px 1fr;gap:14px}
@media (max-width:620px){.layer{grid-template-columns:1fr;gap:6px}}
.layer .who{color:var(--ink);font-size:14px;font-weight:600}
.layer .who small{display:block;color:var(--dim);font-weight:400;font-size:12px;margin-top:2px}
.layer .what{color:var(--mut);font-size:14px;line-height:1.65}
.layer .what em{color:#7fa3f2;font-style:normal}
.fair{background:var(--panel);border:1px solid var(--line);border-left:3px solid #7fa3f2;
border-radius:11px;padding:17px 20px;color:var(--mut);font-size:14px;line-height:1.72;margin-bottom:2.4rem}
.fair b{color:var(--ink)}
table{margin-bottom:2.4rem}
td b{color:var(--ink)}
.door{text-align:center;background:rgba(255,77,94,.05);border:1px solid rgba(255,77,94,.22);
border-radius:14px;padding:22px 20px}
.door p{color:var(--mut);font-size:14px;margin:0 0 1rem;line-height:1.7;max-width:560px;margin-left:auto;margin-right:auto}
.door a.btn{background:#ff4d5e;color:#0d0509;border:none}
.foot{color:var(--mut);font-size:12.5px;text-align:center;margin-top:3rem;line-height:1.8}
.foot a{color:var(--mut);text-decoration:underline;text-underline-offset:2px}
.foot a:hover{color:var(--ink)}
</style>
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
</head>
<body>
<main>
<div class="capsule" aria-hidden="true"></div>
<h1>Rent it, like everyone.</h1>
<p class="lede">This is the stack almost every site on the internet is built on. It is
mature, it is inexpensive, and it is very good at its job. It is also five separate
companies, each of whom can independently decide your project is over — and every one
of them keeps a record that reaches back to you.</p>
<div class="fair" style="border-left-color:#7fa3f2;margin-top:0;margin-bottom:2.4rem">
<b>The identity bind, and its limits.</b> The default path binds a domain to a verified
legal identity: ICANN's registrar accreditation agreement obliges registrars to hold
accurate registrant data, WHOIS/RDAP publishes some of it, and the card or bank transfer
ties the record together. Privacy-forward registrars like Njalla or MyNymBox exist —
they take Monero, do not require a legal name, and behave well. If you also connect over
Tor or a paid VPN and do not volunteer personal details, the real-world privacy you get
from them is genuinely good.<br><br>
But <b>the mechanism is different</b>. Those providers hold an identity, or a payment,
or a network address <em>on your behalf</em>, and can be compelled to produce what they
have. Anyone who paid with a bank card, or opened an account with an email that reaches
back to them, has not really used the privacy path at all — they have used a privacy
<em>brand</em> attached to the ordinary rails. The conventional stack is
<b>anonymous only by exception</b>, and the exception is compellable. Sirius is
anonymous <b>by default</b> — the identity, the payment record, and the account were
never collected, because the stack cannot collect them.
</div>
<h2>Who holds what</h2>
<div class="layers">
<div class="layer">
<div class="who">Registrar <small>GoDaddy, Namecheap, Cloudflare</small></div>
<div class="what">Leases you the name, yearly. <em>Can suspend or transfer it</em> on a
court order, a UDRP ruling, or its own policy — and must, by contract with the
registry.</div>
</div>
<div class="layer">
<div class="who">Host <small>AWS, Hetzner, DigitalOcean</small></div>
<div class="what">Runs the machine. <em>Can terminate under acceptable-use terms</em>,
usually with notice, sometimes without.</div>
</div>
<div class="layer">
<div class="who">CDN / proxy <small>Cloudflare, Fastly</small></div>
<div class="what">Sits in front of your traffic. <em>Can stop carrying it</em> — and has,
publicly, for customers who broke no law.</div>
</div>
<div class="layer">
<div class="who">Certificate authority <small>Let's Encrypt, DigiCert</small></div>
<div class="what">Vouches that you are you. <em>Can revoke</em>, at which point browsers
refuse the connection regardless of who is right.</div>
</div>
<div class="layer">
<div class="who">App store / payments <small>Apple, Google, Stripe</small></div>
<div class="what">If money or an app is involved, two more parties with terms and a
<em>right to decline</em>.</div>
</div>
</div>
<h2>What it costs</h2>
<table>
<tr><th>Item</th><th>Typical</th><th>Note</th></tr>
<tr><td><b>.com</b>, first year</td><td>$1–12</td><td>usually a promotional rate</td></tr>
<tr><td><b>.com</b>, renewal</td><td>$12–20/yr</td><td>the real price; wholesale is ~$9.59</td></tr>
<tr><td>Small VPS</td><td>$4–8/mo</td><td>plus your time</td></tr>
<tr><td>TLS certificate</td><td>$0</td><td>Let's Encrypt, genuinely free</td></tr>
<tr><td>Renewal</td><td>every year</td><td>keeps the namespace alive; abandon a name and it returns to the pool. Fair enough.</td></tr>
</table>
<div class="fair">
<b>To be fair to it.</b> This stack is fast, well documented, supported at 3am, and
integrates with everything. The vetoes above also remove phishing sites, malware hosts
and worse — they exist for reasons, and most of the time they are used reasonably. If
you are shipping a normal business, this is the sensible default and it is not close.
The alternative gives up the support desk along with the gatekeeper.
</div>
<div class="door">
<p><b>Sirius</b> removes two of these surfaces — the one that decides whether the name
is still yours, and the one that could ever be asked what you paid or who you are.
Not held on your behalf; not held at all. The rest of your choices stay open. Same
day, few cents, no account, no card.</p>
<a class="btn" href="/sirius/register.html">See what a name costs there →</a>
</div>
<p class="foot">
<a href="/choose/">← Back to the choice</a> · <a href="/">silentmode.st</a><br>
Company names are examples of each layer, not endorsements or accusations.
</p>
</main>
</body>
</html>

132
choose/stay/index.html Normal file
View file

@ -0,0 +1,132 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>You took the blue one — Silent Mode</title>
<meta name="description" content="The conventional web, stated plainly. It works, it is fast, and it is free at the point of use. Here is what you trade for that.">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Silent Mode">
<meta property="og:title" content="You took the blue one — Silent Mode">
<meta property="og:description" content="The conventional web, stated plainly. It works, it is fast, and it is free at the point of use. Here is what you trade for that.">
<meta property="og:url" content="https://silentmode.st/choose/stay/">
<meta property="og:image" content="https://silentmode.st/brand/og.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta name="twitter:card" content="summary_large_image">
<link rel="stylesheet" href="/shared.css">
<style>
body{background:#070a11}
body::before{
content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
background:radial-gradient(720px 460px at 50% -6%, rgba(75,123,236,.12), transparent 62%);
}
main{position:relative;z-index:1;max-width:820px;margin:0 auto;padding:5rem 1.4rem 3rem}
.capsule{width:84px;height:38px;border-radius:999px;margin:0 auto 26px;position:relative;
background:linear-gradient(180deg,#4b7bec,#1e3a8a);
box-shadow:inset 0 -3px 6px rgba(0,0,0,.35), 0 8px 26px rgba(75,123,236,.24)}
.capsule::before{content:"";position:absolute;top:5px;left:12px;right:12px;height:9px;border-radius:999px;
background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0));filter:blur(1px)}
main h1{font-size:clamp(1.9rem,4.4vw,2.6rem);font-weight:600;text-align:center;
margin:0 0 1rem;line-height:1.22;letter-spacing:.2px}
.lede{color:var(--mut);font-size:1.03rem;text-align:center;max-width:640px;margin:0 auto 2.8rem}
h2{font-size:1.1rem;font-weight:600;margin:0 0 1rem;letter-spacing:.2px}
.bargain{display:grid;gap:11px;margin-bottom:2.4rem}
.item{background:rgba(255,255,255,.026);border:1px solid rgba(255,255,255,.07);
border-radius:12px;padding:15px 18px}
.item b{color:var(--ink);font-size:14.5px;display:block;margin-bottom:.28rem}
.item span{color:var(--mut);font-size:14px;line-height:1.66}
.fair{background:var(--panel);border:1px solid var(--line);border-left:3px solid #7fa3f2;
border-radius:11px;padding:17px 20px;color:var(--mut);font-size:14px;line-height:1.72;margin-bottom:2.6rem}
.fair b{color:var(--ink)}
.carry{text-align:center;margin-bottom:2.4rem}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-top:1.1rem}
.tile{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:11px;
padding:14px 10px;text-align:center;text-decoration:none;color:var(--mut);font-size:13.5px;
transition:border-color .2s ease,color .2s ease}
.tile:hover{border-color:rgba(75,123,236,.45);color:var(--ink)}
.tile:focus-visible{outline:2px solid var(--acid);outline-offset:3px}
.door{text-align:center;background:rgba(255,77,94,.05);border:1px solid rgba(255,77,94,.22);
border-radius:14px;padding:22px 20px}
.door p{color:var(--mut);font-size:14px;margin:0 0 1rem;line-height:1.7}
.door a.btn{background:#ff4d5e;color:#0d0509;border:none}
.foot{color:var(--mut);font-size:12.5px;text-align:center;margin-top:3rem;line-height:1.8}
.foot a{color:var(--mut);text-decoration:underline;text-underline-offset:2px}
.foot a:hover{color:var(--ink)}
</style>
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
</head>
<body>
<main>
<div class="capsule" aria-hidden="true"></div>
<h1>Nothing changes. That is the point.</h1>
<p class="lede">The conventional web is fast, free at the point of use, and mostly
excellent. Billions of people use it every day and are perfectly well served. We are
not going to pretend it is a dystopia — but it is worth being clear about what the
arrangement actually is, because it is easy to forget you made one.</p>
<h2>The bargain, stated plainly</h2>
<div class="bargain">
<div class="item"><b>Your account is a permission, not a possession.</b>
<span>It exists because a company allows it to, under terms they can change. That is
not a conspiracy; it is what a terms-of-service relationship is.</span></div>
<div class="item"><b>Your domain is on the registrar's record.</b>
<span>Registration is yearly — that part is fine, and the same shape as any name
service that needs to recycle unused names. What matters is what a court order or
UDRP ruling can do to it while the registrar holds that record.</span></div>
<div class="item"><b>Attention is the business model.</b>
<span>Services that cost nothing are paid for by measuring what you do and selling
access to your attention. Being observed is not a flaw in that design — it is the
design working.</span></div>
<div class="item"><b>Reach is not portable.</b>
<span>The audience you build lives inside the platform. Leaving does not take it with
you, which is what makes leaving expensive.</span></div>
<div class="item"><b>Every layer keeps a veto.</b>
<span>Registrar, host, CDN, certificate authority, app store, payment processor. Any
one of them can decline, and each of them sometimes does.</span></div>
</div>
<div class="fair">
<b>To be fair to it.</b> Those vetoes also stop fraud, take down malware and remove
genuinely vile material, and the people operating them are mostly trying to get it
right. The support desk is real, the uptime is excellent, and someone answers when it
breaks. A system with nobody in charge gives all of that up too. Anyone selling you the
alternative without mentioning that is selling you something.
</div>
<div class="carry">
<h2>Carry on, then</h2>
<p style="color:var(--mut);font-size:14px;margin:0 auto;max-width:520px">
No hard feelings. The ordinary web is right through here.</p>
<div class="tiles">
<a class="tile" href="https://www.google.com" rel="noopener">Search</a>
<a class="tile" href="https://www.wikipedia.org" rel="noopener">Wikipedia</a>
<a class="tile" href="https://www.youtube.com" rel="noopener">Video</a>
<a class="tile" href="https://www.reddit.com" rel="noopener">Forums</a>
<a class="tile" href="https://news.ycombinator.com" rel="noopener">News</a>
</div>
</div>
<div class="door" style="margin-top:2.4rem">
<p>Still curious what the other one actually does? It costs nothing to look, and
nothing on this machine changes until you install something.</p>
<a class="btn" href="/choose/free/">Show me the other one →</a>
</div>
<p class="foot">
<a href="/choose/">← Back to the choice</a> · <a href="/">silentmode.st</a>
</p>
</main>
</body>
</html>

252
deviant/anthemus/index.html Normal file
View file

@ -0,0 +1,252 @@
<!doctype html>
<html lang="en" data-theme="signal">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Anthemus — Native Bitcoin Cash DEX</title>
<meta name="description" content="Anthemus — the native Bitcoin Cash DEX. Under Agora, alongside Potidaea's counterparty-free ASM.">
<base href="./">
<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&family=DM+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
<style>
:root {
--sky-deep: #050810;
--sky-mid: #0a0f1c;
--sky-rim: #131a2a;
--ink-soft: #b8c2d4;
--ink: #d6dde9;
--ink-bright: #f1f4fa;
--muted: #6a7488;
--acid: #d6ff3d;
--acid-glow: rgba(214,255,61,0.55);
--acid-halo: rgba(214,255,61,0.22);
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
background:
radial-gradient(ellipse at 30% 20%, var(--sky-mid), var(--sky-deep) 60%, #02040a),
var(--sky-deep);
color: var(--ink);
font-family: 'DM Sans', -apple-system, 'Segoe UI', Roboto, sans-serif;
min-height: 100vh;
line-height: 1.55;
}
header {
max-width: 1200px;
margin: 0 auto;
padding: 32px 32px 0;
display: flex;
align-items: center;
justify-content: space-between;
}
.wordmark {
font-family: 'Fraunces', Georgia, serif;
font-weight: 500;
font-size: 24px;
color: var(--ink-bright);
text-decoration: none;
letter-spacing: -0.02em;
}
.wordmark::after {
content: '.';
color: var(--acid);
}
nav a {
color: var(--ink-soft);
text-decoration: none;
margin-left: 24px;
font-size: 14px;
letter-spacing: 0.5px;
}
nav a:hover { color: var(--acid); }
main {
max-width: 1000px;
margin: 0 auto;
padding: 88px 32px 64px;
}
.breadcrumb {
font-family: 'JetBrains Mono', monospace;
font-size: 12px;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--muted);
margin: 0 0 20px;
}
.breadcrumb a { color: var(--muted); text-decoration: none; border-bottom: 1px dotted var(--sky-rim); }
.breadcrumb a:hover { color: var(--acid); border-bottom-color: var(--acid); }
h1 {
font-family: 'Fraunces', Georgia, serif;
font-weight: 500;
font-size: clamp(56px, 9vw, 120px);
line-height: 1;
letter-spacing: -0.03em;
margin: 0 0 24px;
color: var(--ink-bright);
}
.tagline {
font-family: 'DM Sans', sans-serif;
font-weight: 600;
font-size: 20px;
color: var(--acid);
letter-spacing: 3px;
text-transform: uppercase;
margin: 0 0 40px;
}
.lede {
font-family: 'Fraunces', serif;
font-weight: 400;
font-style: italic;
font-size: clamp(22px, 3vw, 30px);
color: var(--ink-soft);
line-height: 1.45;
margin: 0 0 32px;
max-width: 780px;
}
.prose p {
color: var(--ink);
font-size: 18px;
max-width: 720px;
margin: 0 0 20px;
}
.prose p strong { color: var(--ink-bright); }
.prose p em { color: var(--acid); font-style: italic; }
.surfaces {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 16px;
margin: 56px 0;
}
.surface {
background: rgba(19,26,42,0.5);
border: 1px solid var(--sky-rim);
border-radius: 14px;
padding: 22px 22px 24px;
}
.surface-name {
font-family: 'Fraunces', serif;
font-weight: 500;
font-size: 22px;
color: var(--ink-bright);
margin: 0 0 10px;
}
.surface-desc {
color: var(--ink-soft);
font-size: 14.5px;
line-height: 1.55;
}
.cta {
display: flex;
gap: 14px;
flex-wrap: wrap;
margin-top: 40px;
}
.btn {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 14px 24px;
border-radius: 10px;
font-weight: 600;
font-size: 15px;
text-decoration: none;
letter-spacing: 0.3px;
transition: transform 120ms ease, border-color 120ms ease;
}
.btn:hover { transform: translateY(-1px); }
.btn-primary {
background: var(--acid);
color: #0a0f1c;
}
.btn-ghost {
color: var(--ink);
background: transparent;
border: 1px solid rgba(184,194,212,0.24);
}
.btn-ghost:hover { border-color: var(--acid); color: var(--acid); }
.kicker {
font-family: 'JetBrains Mono', monospace;
font-size: 12px;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--acid);
margin: 0 0 12px;
}
footer {
max-width: 1200px;
margin: 80px auto 0;
padding: 32px;
border-top: 1px solid var(--sky-rim);
color: var(--muted);
font-size: 13px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 12px;
}
footer a { color: var(--ink-soft); text-decoration: none; }
footer a:hover { color: var(--acid); }
@media (max-width: 640px) {
header { flex-direction: column; gap: 12px; align-items: flex-start; }
nav a { margin: 0 16px 0 0; }
main { padding: 40px 20px 32px; }
}
</style>
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
</head>
<body>
<header>
<a href="../" class="wordmark">Deviant</a>
<nav>
<a href="../">Home</a>
<a href="../#agora">Agora</a>
<a href="../potidaea/">Potidaea</a>
<a href="https://deviant.navigate.st/" target="_blank" rel="noopener noreferrer">Wallet</a>
</nav>
</header>
<main>
<p class="breadcrumb"><a href="../">Deviant</a> · <a href="../#agora">Agora</a> · Anthemus</p>
<h1>Anthemus</h1>
<p class="tagline">Decentralized exchange</p>
<p class="lede">One of the two markets under Agora — the trading floor for what the mechanism can't price alone.</p>
<div class="prose">
<p><strong>Potidaea</strong> handles counterparty-free swaps for backed assets — the price is the mechanism, no other participant needed. <strong>Anthemus</strong> handles everything else: <em>Token-class assets, wrapped foreign coins, cross-chain price discovery</em> — the parts of the ecosystem where a market has to <em>emerge</em> rather than be enforced.</p>
<p>Order book plus AMM over one engine. Swap is the exchange with order-making automated; the AMM is a maker on the same book. A single Deposit rail brings assets in from every supported chain — asset × chain → unified USD on Bitcoin Cash — without a per-stablecoin pair matrix.</p>
<p>Native to Bitcoin Cash. No bridges to trust, no custody to grant. The BCH base layer is the settlement layer.</p>
</div>
<p class="kicker">— The Anthemus interface</p>
<div class="surfaces">
<div class="surface">
<div class="surface-name">Swap</div>
<div class="surface-desc">One-click trade against the order book. Order-making automated; you pick the pair and the amount.</div>
</div>
<div class="surface">
<div class="surface-name">Exchange</div>
<div class="surface-desc">Pro grid — chart, book, order form. Full-depth market data, limit orders, historical fills.</div>
</div>
<div class="surface">
<div class="surface-name">Deposit</div>
<div class="surface-desc">Bring assets in from EVM, Tron, Solana, Bitcoin. Ends as unified USD on BCH — one balance, one currency.</div>
</div>
</div>
<div class="cta">
<a class="btn btn-primary" href="https://navigate.st/bns/anthemus.bch/" target="_blank" rel="noopener noreferrer">Open Anthemus <span aria-hidden="true">→</span></a>
<a class="btn btn-ghost" href="../#agora">About Agora <span aria-hidden="true">→</span></a>
</div>
</main>
<footer>
<div>Anthemus is a market layer under <a href="../">Deviant</a> · Agora.</div>
<div>anthemus.dex · anthemus.bch · deviant.x/anthemus</div>
</footer>
</body>
</html>

15
deviant/brand-redirect.html Normal file
View file

@ -0,0 +1,15 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Deviant — Brand assets</title>
<meta http-equiv="refresh" content="0; url=./brand/">
<link rel="canonical" href="./brand/">
<style>body{background:#050810;color:#d6dde9;font-family:system-ui,sans-serif;padding:40px}a{color:#d6ff3d}</style>
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
</head>
<body>
<p>Redirecting to the <a href="./brand/">Deviant brand gallery</a>…</p>
<script>location.replace('./brand/');</script>
</body>
</html>

106
deviant/brand/README.md Normal file
View file

@ -0,0 +1,106 @@
# Deviant — Brand assets
Canonical brand assets for the Deviant project. Source of truth for logos, icons,
and social-media cards. All primary assets are **SVG** (resolution-independent,
editable in code); PNG exports live under `source/exports/` when tooling
generates them.
## Contents
| Path | Purpose |
|---|---|
| [`palette.md`](palette.md) | Color tokens + typography, extracted from the landing page CSS |
| [`logo/`](logo/) | Wordmarks and combination marks |
| [`icon/`](icon/) | App icons, favicons, the D-mark alone |
| [`social/`](social/) | Open Graph, Twitter card, avatar |
| [`source/`](source/) | Editable working files, exports, raw art |
## Voice — one paragraph
> Deviant exists to enable resistance — by giving users on-chain experience that
> intermediation cannot mediate.
Tagline (short): **Power Your Ideas.**
Tagline (subline): *A response to a default trajectory.*
## The mark
The Deviant mark is a **stylized "D" as an orbital crescent** on a starfield,
with a single acid-yellow dot orbiting the outer ring. It reads two ways:
- Letterform: `D` for Deviant.
- Astronomical: a partial planetary disc with a satellite — the "deviation from
the default trajectory" imagery encoded in the logo itself.
Never redraw the orbital dot inside the ring, never tint it any other color —
the acid yellow (`--acid`) is the load-bearing accent across the whole system.
## Themes
Both themes ship — the landing page respects `data-theme="editorial"` in
`localStorage`; assets should exist for both:
- **signal** (default): starfield ink on cool deep-space blue. Acid `#d6ff3d`.
- **editorial**: near-monochrome charcoal, more graphic. Acid `#c6ff00`.
See [`palette.md`](palette.md) for exact values.
## What to use where
| Surface | Asset | Size |
|---|---|---|
| Browser tab / OS icon | `icon/favicon.svg`, `icon/icon-512.svg` | 64 / 512 |
| App shell splash | `icon/icon-512.svg` | 512 (matches `shells/app/public/icon.svg`) |
| Website header, README | `logo/deviant-wordmark.svg` | 720×180 |
| Print / dark surfaces | `logo/deviant-mark.svg` | 256×256, no background |
| Print / light surfaces | `logo/deviant-mark-onlight.svg` | 256×256, inverted |
| **Open Graph** (Facebook, LinkedIn, Slack unfurls) | `social/og-1200x630.svg` | 1200×630 |
| **Twitter/X post card** (summary_large_image) | `social/twitter-card-1200x675.svg` | 1200×675 (16:9, current spec) |
| **Twitter/X header** (profile banner) | `social/twitter-header-1500x500.svg` | 1500×500 (3:1, with profile-photo safe zone) |
| **Facebook page cover** | `social/facebook-cover-820x312.svg` | 820×312 desktop / 640×360 mobile-safe |
| **LinkedIn company banner** | `social/linkedin-banner-1584x396.svg` | 1584×396 (with profile-photo safe zone) |
| **Instagram feed post** | `social/instagram-square-1080x1080.svg` | 1080×1080 (also works for Discord/Threads) |
| **Social avatar** (X, GitHub, Discord, LinkedIn) | `social/avatar-400x400.svg` | 400×400, round-crop-safe |
## Fonts
Every SVG with text loads the website's own faces (Fraunces + DM Sans +
JetBrains Mono) via a `<style>@import url(fonts.googleapis.com/...)</style>`
block inside the SVG. That means:
- **In a browser** (opening the SVG directly, or embedding via `<img>`) the
Google fonts fetch and render — same as the website.
- **In `rsvg-convert` / most SVG-to-PNG renderers** the `@import` is IGNORED
(they don't fetch remote CSS) and the fallback stack applies: Georgia for
display, system sans for body. If pixel-perfect PNG exports matter, either
install Fraunces + DM Sans locally on the export machine, or export from a
browser screenshot instead (see `source/README.md`).
The `<style>` block never breaks anything — it degrades to the fallback stack.
## PNG exports
SVGs are the source. When a platform demands PNG:
```bash
# One-off — needs rsvg-convert (fonts fall back) or a headless browser (fonts real)
rsvg-convert -w 1200 -h 630 brand/social/og-1200x630.svg -o brand/source/exports/og-1200x630.png
```
Do not check in PNGs unless a specific delivery pipeline requires them —
`source/exports/` is `.gitignore`-friendly for that reason.
## Do
- Keep the acid dot **outside** the ring (upper-right, ~2 o'clock).
- Use **Fraunces** for display type, **DM Sans** for body, **JetBrains Mono**
or **DM Mono** for code / addresses / hashes.
- Preserve the black-with-starfield background on dark surfaces; the mark is
designed for it.
## Don't
- Don't recolor the acid dot — that yellow-green is the brand.
- Don't add glow to the wordmark; the glow lives only on the orbital dot.
- Don't tighten the letterspacing of "Deviant" below −0.02em; the wordmark
breathes.
- Don't put the wordmark on the acid color as a background.

5
deviant/brand/icon/favicon.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64" role="img" aria-label="Deviant">
<rect width="64" height="64" rx="14" fill="#070d1a"/>
<path d="M20 16 h8 a16 16 0 0 1 0 32 h-8 z M28 22 v20 a10 10 0 0 0 0 -20 z" fill="#d6dde9"/>
<circle cx="47" cy="20" r="4.5" fill="#d6ff3d"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 325 B

25
deviant/brand/icon/icon-512.svg Normal file
View file

@ -0,0 +1,25 @@
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512" role="img" aria-label="Deviant">
<defs>
<radialGradient id="sky" cx="32%" cy="28%" r="90%">
<stop offset="0%" stop-color="#0c1220"/>
<stop offset="55%" stop-color="#070d1a"/>
<stop offset="100%" stop-color="#02040a"/>
</radialGradient>
<filter id="glow" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur stdDeviation="10" result="b"/>
<feMerge><feMergeNode in="b"/><feMergeNode in="SourceGraphic"/></feMerge>
</filter>
</defs>
<rect width="512" height="512" rx="114" fill="url(#sky)"/>
<g fill="#b8c2d4" opacity="0.5">
<circle cx="96" cy="120" r="2"/>
<circle cx="150" cy="86" r="1.5"/>
<circle cx="412" cy="150" r="2"/>
<circle cx="380" cy="96" r="1.5"/>
<circle cx="430" cy="392" r="1.8"/>
<circle cx="120" cy="408" r="1.6"/>
</g>
<ellipse cx="256" cy="256" rx="150" ry="92" fill="none" stroke="#2a3650" stroke-width="8" transform="rotate(-22 256 256)"/>
<path d="M196 156 h44 a100 100 0 0 1 0 200 h-44 z M236 196 v120 a60 60 0 0 0 0 -120 z" fill="#d6dde9"/>
<circle cx="372" cy="190" r="22" fill="#d6ff3d" filter="url(#glow)"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.2 KiB

370
deviant/brand/index.html Normal file
View file

@ -0,0 +1,370 @@
<!doctype html>
<html lang="en" data-theme="signal">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- BNS gateways (navigate.st/bns/) don't inject <base>, so document.baseURI omits
the deepest URL segment and relative img/hrefs land in the wrong directory.
Explicit <base href="./"> forces resolution against the actual current URL. -->
<base href="./">
<title>Deviant — Brand assets</title>
<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&family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
<style>
:root {
--sky-deep: #050810;
--sky-mid: #0a0f1c;
--sky-rim: #131a2a;
--ink-soft: #b8c2d4;
--ink: #d6dde9;
--ink-bright: #f1f4fa;
--muted: #6a7488;
--acid: #d6ff3d;
--acid-glow: rgba(214, 255, 61, 0.55);
--acid-halo: rgba(214, 255, 61, 0.22);
}
* { box-sizing: border-box; }
body {
margin: 0;
background: radial-gradient(ellipse at 30% 20%, var(--sky-mid), var(--sky-deep) 70%, #02040a);
color: var(--ink);
font-family: 'DM Sans', -apple-system, 'Segoe UI', Roboto, sans-serif;
min-height: 100vh;
padding: 48px 32px 96px;
}
header {
max-width: 1400px;
margin: 0 auto 56px;
}
.wordmark {
font-family: 'Fraunces', Georgia, serif;
font-weight: 500;
font-size: 56px;
letter-spacing: -1.5px;
color: var(--ink-bright);
margin: 0 0 6px;
line-height: 1;
}
.wordmark::after {
content: '.';
color: var(--acid);
}
.lede {
color: var(--ink-soft);
font-size: 17px;
margin: 0 0 4px;
max-width: 640px;
}
.lede small {
color: var(--muted);
display: block;
margin-top: 8px;
font-size: 13px;
font-family: 'JetBrains Mono', 'DM Mono', monospace;
}
main {
max-width: 1400px;
margin: 0 auto;
}
section {
margin: 0 0 56px;
}
.section-head {
display: flex;
align-items: baseline;
gap: 16px;
margin: 0 0 24px;
padding-bottom: 12px;
border-bottom: 1px solid var(--sky-rim);
}
.section-head h2 {
font-family: 'Fraunces', Georgia, serif;
font-weight: 400;
font-size: 28px;
color: var(--ink-bright);
margin: 0;
}
.section-head .count {
color: var(--muted);
font-family: 'JetBrains Mono', monospace;
font-size: 13px;
}
.grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
gap: 20px;
}
.grid.wide {
grid-template-columns: repeat(auto-fill, minmax(520px, 1fr));
}
.card {
background: var(--sky-mid);
border: 1px solid var(--sky-rim);
border-radius: 14px;
overflow: hidden;
display: flex;
flex-direction: column;
transition: border-color 120ms ease, transform 120ms ease;
}
.card:hover {
border-color: rgba(214, 255, 61, 0.35);
transform: translateY(-1px);
}
.preview {
display: flex;
align-items: center;
justify-content: center;
background:
linear-gradient(45deg, rgba(255,255,255,0.02) 25%, transparent 25%, transparent 75%, rgba(255,255,255,0.02) 75%),
linear-gradient(45deg, rgba(255,255,255,0.02) 25%, transparent 25%, transparent 75%, rgba(255,255,255,0.02) 75%);
background-size: 20px 20px;
background-position: 0 0, 10px 10px;
background-color: #060912;
padding: 24px;
min-height: 180px;
}
.preview.tight { padding: 12px; }
.preview.onlight { background: #f6f7fa; background-size: 0; }
.preview img {
max-width: 100%;
height: auto;
display: block;
}
.preview .frame-avatar img {
border-radius: 50%;
overflow: hidden;
}
.meta {
padding: 16px 18px 18px;
display: flex;
flex-direction: column;
gap: 6px;
}
.meta .name {
color: var(--ink-bright);
font-weight: 600;
font-size: 15px;
}
.meta .desc {
color: var(--muted);
font-size: 13px;
line-height: 1.45;
}
.meta .file {
font-family: 'JetBrains Mono', monospace;
font-size: 12px;
color: var(--ink-soft);
display: flex;
justify-content: space-between;
align-items: center;
gap: 8px;
margin-top: 8px;
padding-top: 8px;
border-top: 1px solid var(--sky-rim);
}
.meta .file a {
color: var(--acid);
text-decoration: none;
opacity: 0.9;
}
.meta .file a:hover { opacity: 1; text-decoration: underline; }
.meta .file .size {
color: var(--muted);
font-size: 11px;
}
.meta .file .png {
color: var(--ink-soft);
font-size: 11px;
border-left: 1px solid var(--sky-rim);
padding-left: 8px;
margin-left: 4px;
}
.meta .file .png a { color: var(--ink-soft); opacity: 1; }
.meta .file .png a:hover { color: var(--acid); }
.banner {
background: rgba(214, 255, 61, 0.08);
border: 1px solid rgba(214, 255, 61, 0.3);
border-radius: 10px;
padding: 14px 18px;
margin: 0 0 32px;
color: var(--ink);
font-size: 14px;
line-height: 1.5;
}
.banner strong { color: var(--acid); }
footer {
max-width: 1400px;
margin: 64px auto 0;
padding-top: 24px;
border-top: 1px solid var(--sky-rim);
color: var(--muted);
font-size: 13px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 12px;
}
footer a { color: var(--ink-soft); text-decoration: none; border-bottom: 1px dotted var(--sky-rim); }
footer a:hover { color: var(--acid); border-bottom-color: var(--acid); }
@media (max-width: 600px) {
body { padding: 32px 16px 64px; }
.wordmark { font-size: 40px; }
.grid, .grid.wide { grid-template-columns: 1fr; }
}
</style>
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
</head>
<body>
<header>
<h1 class="wordmark">Deviant brand</h1>
<p class="lede">Logos, icons and social-media assets. All primary files are SVG — scale-independent, editable in code, and (where text appears) load the site's own fonts via <code>@import</code>. Click any file name to open the raw SVG.
<small>Source: <a href="README.md" style="color: var(--ink-soft);">brand/README.md</a> · <a href="palette.md" style="color: var(--ink-soft);">brand/palette.md</a></small></p>
</header>
<main>
<p class="banner"><strong>Uploading to social media?</strong> SVG isn't accepted for profile avatars, headers, or post images by Twitter/X, GitHub, Discord, LinkedIn, Instagram, Facebook, or Slack. Every card below has a <code>PNG</code> link next to the SVG path — use those. Full PNG set at <a href="source/exports/" style="color: var(--ink-bright);">source/exports/</a>.</p>
<section>
<div class="section-head"><h2>Icons</h2><span class="count">2 files</span></div>
<div class="grid">
<article class="card">
<div class="preview tight"><img src="icon/icon-512.svg" alt="512×512 app icon" width="220" height="220"></div>
<div class="meta">
<div class="name">App icon (512)</div>
<div class="desc">OS launcher, PWA install, app-shell splash. Byte-identical to shells/app/public/icon.svg.</div>
<div class="file"><a href="icon/icon-512.svg">icon/icon-512.svg</a><span class="png"><a download href="source/exports/icon-512.png">PNG</a></span><span class="size">512 × 512</span></div>
</div>
</article>
<article class="card">
<div class="preview tight"><img src="icon/favicon.svg" alt="64×64 favicon" width="96" height="96"></div>
<div class="meta">
<div class="name">Favicon</div>
<div class="desc">Browser tab / tiny sizes. Simplified — no starfield, no glow.</div>
<div class="file"><a href="icon/favicon.svg">icon/favicon.svg</a><span class="png"><a download href="source/exports/favicon-64.png">64</a> · <a href="source/exports/favicon-32.png" download>32</a></span><span class="size">64 × 64</span></div>
</div>
</article>
</div>
</section>
<section>
<div class="section-head"><h2>Logos</h2><span class="count">3 files</span></div>
<div class="grid">
<article class="card">
<div class="preview tight"><img src="logo/deviant-mark.svg" alt="D-mark on dark" width="220" height="220"></div>
<div class="meta">
<div class="name">Mark — on dark</div>
<div class="desc">Orbital-crescent D + acid dot. For dark surfaces.</div>
<div class="file"><a href="logo/deviant-mark.svg">logo/deviant-mark.svg</a><span class="png"><a download href="source/exports/mark-512.png">PNG 512</a></span><span class="size">256 × 256</span></div>
</div>
</article>
<article class="card">
<div class="preview tight onlight"><img src="logo/deviant-mark-onlight.svg" alt="D-mark on light" width="220" height="220"></div>
<div class="meta">
<div class="name">Mark — on light</div>
<div class="desc">Inverted for print / light backgrounds. Ring softens, acid dot deepens to olive.</div>
<div class="file"><a href="logo/deviant-mark-onlight.svg">logo/deviant-mark-onlight.svg</a><span class="png"><a download href="source/exports/mark-onlight-512.png">PNG 512</a></span><span class="size">256 × 256</span></div>
</div>
</article>
<article class="card">
<div class="preview"><img src="logo/deviant-wordmark.svg" alt="Wordmark" width="360"></div>
<div class="meta">
<div class="name">Wordmark</div>
<div class="desc">Mark + &ldquo;Deviant&rdquo; in Fraunces + &ldquo;POWER YOUR IDEAS.&rdquo; tagline. Header lockup.</div>
<div class="file"><a href="logo/deviant-wordmark.svg">logo/deviant-wordmark.svg</a><span class="png"><a download href="source/exports/wordmark-1440.png">PNG 1440</a></span><span class="size">720 × 180</span></div>
</div>
</article>
</div>
</section>
<section>
<div class="section-head"><h2>Social — cards &amp; banners</h2><span class="count">7 files</span></div>
<div class="grid wide">
<article class="card">
<div class="preview"><img src="social/og-1200x630.svg" alt="Open Graph card" width="560"></div>
<div class="meta">
<div class="name">Open Graph</div>
<div class="desc">Facebook / LinkedIn / Slack link unfurls. The default meta og:image aspect.</div>
<div class="file"><a href="social/og-1200x630.svg">social/og-1200x630.svg</a><span class="png"><a download href="source/exports/og-1200x630.png">PNG</a></span><span class="size">1200 × 630</span></div>
</div>
</article>
<article class="card">
<div class="preview"><img src="social/twitter-card-1200x675.svg" alt="Twitter card" width="560"></div>
<div class="meta">
<div class="name">Twitter/X post card</div>
<div class="desc">summary_large_image spec — 16:9. Use in twitter:image meta tag.</div>
<div class="file"><a href="social/twitter-card-1200x675.svg">social/twitter-card-1200x675.svg</a><span class="png"><a download href="source/exports/twitter-card-1200x675.png">PNG</a></span><span class="size">1200 × 675</span></div>
</div>
</article>
<article class="card">
<div class="preview"><img src="social/twitter-header-1500x500.svg" alt="Twitter header" width="560"></div>
<div class="meta">
<div class="name">Twitter/X profile header</div>
<div class="desc">Profile banner — orbital ring on the right, wordmark shifted past the ~200px avatar overlap in the lower-left.</div>
<div class="file"><a href="social/twitter-header-1500x500.svg">social/twitter-header-1500x500.svg</a><span class="png"><a download href="source/exports/twitter-header-1500x500.png">PNG</a></span><span class="size">1500 × 500</span></div>
</div>
</article>
<article class="card">
<div class="preview"><img src="social/twitter-header-deviation-1500x500.svg" alt="Twitter header — deviation chart" width="560"></div>
<div class="meta">
<div class="name">Twitter/X header — deviation variant</div>
<div class="desc">Uses the site's hero deviation chart (same paths from deviant_website.html) on the right. Same avatar-safe copy zone as the primary header.</div>
<div class="file"><a href="social/twitter-header-deviation-1500x500.svg">social/twitter-header-deviation-1500x500.svg</a><span class="png"><a download href="source/exports/twitter-header-deviation-1500x500.png">PNG</a></span><span class="size">1500 × 500</span></div>
</div>
</article>
<article class="card">
<div class="preview"><img src="social/facebook-cover-820x312.svg" alt="Facebook cover" width="560"></div>
<div class="meta">
<div class="name">Facebook page cover</div>
<div class="desc">Desktop-sized. Mobile-safe zone is ~640×360 centered.</div>
<div class="file"><a href="social/facebook-cover-820x312.svg">social/facebook-cover-820x312.svg</a><span class="png"><a download href="source/exports/facebook-cover-820x312.png">PNG</a></span><span class="size">820 × 312</span></div>
</div>
</article>
<article class="card">
<div class="preview"><img src="social/linkedin-banner-1584x396.svg" alt="LinkedIn banner" width="560"></div>
<div class="meta">
<div class="name">LinkedIn company banner</div>
<div class="desc">Copy sits right of center to clear the lower-left profile-photo overlap.</div>
<div class="file"><a href="social/linkedin-banner-1584x396.svg">social/linkedin-banner-1584x396.svg</a><span class="png"><a download href="source/exports/linkedin-banner-1584x396.png">PNG</a></span><span class="size">1584 × 396</span></div>
</div>
</article>
<article class="card">
<div class="preview"><img src="social/instagram-square-1080x1080.svg" alt="Instagram square" width="360"></div>
<div class="meta">
<div class="name">Instagram / Threads / Discord</div>
<div class="desc">Square 1:1 feed post. Also usable as a large Discord embed.</div>
<div class="file"><a href="social/instagram-square-1080x1080.svg">social/instagram-square-1080x1080.svg</a><span class="png"><a download href="source/exports/instagram-1080.png">PNG</a></span><span class="size">1080 × 1080</span></div>
</div>
</article>
</div>
</section>
<section>
<div class="section-head"><h2>Avatar</h2><span class="count">1 file · rendered square + round</span></div>
<div class="grid">
<article class="card">
<div class="preview tight"><img src="social/avatar-400x400.svg" alt="Square avatar" width="240" height="240"></div>
<div class="meta">
<div class="name">Square (as SVG ships)</div>
<div class="desc">Direct render of the file — the mark on the starfield square.</div>
<div class="file"><a href="social/avatar-400x400.svg">social/avatar-400x400.svg</a><span class="png"><a download href="source/exports/avatar-400.png">400</a> · <a href="source/exports/avatar-1024.png" download>1024</a></span><span class="size">400 × 400</span></div>
</div>
</article>
<article class="card">
<div class="preview tight"><div class="frame-avatar" style="border-radius:50%; overflow:hidden; width:240px; height:240px;"><img src="social/avatar-400x400.svg" alt="Circular avatar preview" width="240" height="240"></div></div>
<div class="meta">
<div class="name">Circular crop preview</div>
<div class="desc">How Twitter / X / GitHub / Discord actually display it. The mark is centered with margin so a circle keeps it whole.</div>
<div class="file"><a href="social/avatar-400x400.svg">social/avatar-400x400.svg</a><span class="png"><a download href="source/exports/avatar-400.png">400</a> · <a href="source/exports/avatar-1024.png" download>1024</a></span><span class="size">400 × 400</span></div>
</div>
</article>
</div>
</section>
</main>
<footer>
<div>Deviant · <span style="color: var(--muted);">brand gallery · rendered from <code>brand/</code></span></div>
<div><a href="../">← the landing page</a> · <a href="README.md">README</a> · <a href="palette.md">palette</a></div>
</footer>
</body>
</html>

5
deviant/brand/logo/deviant-mark-onlight.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256" role="img" aria-label="Deviant mark">
<ellipse cx="128" cy="128" rx="75" ry="46" fill="none" stroke="#c8ceda" stroke-width="4" transform="rotate(-22 128 128)"/>
<path d="M98 78 h22 a50 50 0 0 1 0 100 h-22 z M118 98 v60 a30 30 0 0 0 0 -60 z" fill="#0a0f1c"/>
<circle cx="186" cy="95" r="11" fill="#6b8a00"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 407 B

11
deviant/brand/logo/deviant-mark.svg Normal file
View file

@ -0,0 +1,11 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256" role="img" aria-label="Deviant mark">
<defs>
<filter id="glow" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur stdDeviation="5" result="b"/>
<feMerge><feMergeNode in="b"/><feMergeNode in="SourceGraphic"/></feMerge>
</filter>
</defs>
<ellipse cx="128" cy="128" rx="75" ry="46" fill="none" stroke="#2a3650" stroke-width="4" transform="rotate(-22 128 128)"/>
<path d="M98 78 h22 a50 50 0 0 1 0 100 h-22 z M118 98 v60 a30 30 0 0 0 0 -60 z" fill="#d6dde9"/>
<circle cx="186" cy="95" r="11" fill="#d6ff3d" filter="url(#glow)"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 660 B

21
deviant/brand/logo/deviant-wordmark.svg Normal file
View file

@ -0,0 +1,21 @@
<svg xmlns="http://www.w3.org/2000/svg" width="720" height="180" viewBox="0 0 720 180" role="img" aria-label="Deviant — Power Your Ideas">
<defs>
<style type="text/css">
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500&amp;family=DM+Sans:wght@500&amp;display=swap');
.display { font-family: 'Fraunces', Georgia, 'Times New Roman', serif; }
.body { font-family: 'DM Sans', -apple-system, 'Segoe UI', Roboto, sans-serif; }
</style>
<filter id="glow" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur stdDeviation="4" result="b"/>
<feMerge><feMergeNode in="b"/><feMergeNode in="SourceGraphic"/></feMerge>
</filter>
</defs>
<rect width="720" height="180" fill="#050810"/>
<g transform="translate(20 22)">
<ellipse cx="70" cy="70" rx="55" ry="34" fill="none" stroke="#2a3650" stroke-width="3" transform="rotate(-22 70 70)"/>
<path d="M48 33 h18 a37 37 0 0 1 0 74 h-18 z M66 48 v44 a22 22 0 0 0 0 -44 z" fill="#d6dde9"/>
<circle cx="112" cy="47" r="8" fill="#d6ff3d" filter="url(#glow)"/>
</g>
<text class="display" x="180" y="106" font-weight="500" font-size="80" fill="#f1f4fa" letter-spacing="-1">Deviant</text>
<text class="body" x="182" y="140" font-weight="500" font-size="18" fill="#b8c2d4" letter-spacing="1">POWER YOUR IDEAS.</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.3 KiB

70
deviant/brand/palette.md Normal file
View file

@ -0,0 +1,70 @@
# Deviant — Palette & Typography
Extracted from `Parameters/webfiles/deviant_website.html` (`:root` CSS variables).
The landing page is the source of truth; if these values ever drift, the
website wins.
## Themes
Two live themes swap via `data-theme` on `<html>`:
- `data-theme="signal"` — default. Deep-space blue, cool.
- `data-theme="editorial"` — near-monochrome. High-contrast, more graphic.
## `signal` (default)
| Token | Hex / value | Role |
|---|---|---|
| `--sky-deep` | `#050810` | Page ground — the deepest black |
| `--sky-mid` | `#0a0f1c` | Elevated surfaces (cards, hero) |
| `--sky-rim` | `#131a2a` | Borders, dividers |
| `--ink-soft` | `#b8c2d4` | Secondary text |
| `--ink` | `#d6dde9` | Primary text |
| `--ink-bright` | `#f1f4fa` | Headings, emphasis |
| `--muted` | `#6a7488` | Captions, timestamps |
| `--acid` | `#d6ff3d` | Load-bearing accent — CTAs, orbital dot, focus rings |
| `--acid-glow` | `rgba(214,255,61,0.55)` | Halo behind the acid dot |
| `--acid-halo` | `rgba(214,255,61,0.22)` | Softer diffusion |
| `--acid-dim` | `rgba(214,255,61,0.08)` | Idle-state tint |
| `--rust-deep` | `#6b2a1c` | Rare warning / archival accent |
| `--star-faint` | `rgba(255,255,255,0.22)` | Starfield — background layer |
| `--star-mid` | `rgba(255,255,255,0.38)` | Starfield — mid layer |
| `--star-bright` | `rgba(255,255,255,0.58)` | Starfield — near-foreground |
## `editorial`
| Token | Hex / value | Role |
|---|---|---|
| `--sky-deep` | `#050505` | Page ground |
| `--sky-mid` | `#0a0a0a` | Elevated surfaces |
| `--sky-rim` | `#161616` | Borders |
| `--ink` | `#f2f2f2` | Primary text |
| `--ink-bright` | `#ffffff` | Headings |
| `--ink-soft` | `#d2d2d2` | Secondary text |
| `--muted` | `#9a9a9a` | Captions |
| `--acid` | `#c6ff00` | Accent — slightly cooler than signal's |
| `--acid-glow` | `rgba(198,255,0,0.60)` | |
| `--acid-halo` | `rgba(198,255,0,0.34)` | |
| `--acid-dim` | `rgba(198,255,0,0.16)` | |
## Typography
| Face | Where | Weights loaded |
|---|---|---|
| **Fraunces** | Display headlines, hero, wordmark | 300, 400, 500, 600 (opsz 9..144) |
| **DM Sans** | Body, UI, buttons, nav | 400, 500, 600, 700, 800 |
| **JetBrains Mono** | Code, hashes, addresses (technical surface) | 400, 500 |
| **DM Mono** | Numeric readouts, receipts, tote-style data | 400, 500 |
Load line (Google Fonts):
```html
<link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,300;9..144,400;9..144,500;9..144,600&family=JetBrains+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700;800&family=DM+Mono:wght@400;500&display=swap" rel="stylesheet">
```
## Print / static asset defaults
For assets shipped as SVG (icons, social cards, logos) that must render without
CSS-var lookups: **hard-code the `signal` values above.** The `data-theme`
mechanism is HTML/CSS-only; a raw SVG loaded into Slack or a Twitter feed does
not carry the palette with it.

24
deviant/brand/social/avatar-400x400.svg Normal file
View file

@ -0,0 +1,24 @@
<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400" viewBox="0 0 400 400" role="img" aria-label="Deviant">
<defs>
<radialGradient id="sky" cx="30%" cy="28%" r="95%">
<stop offset="0%" stop-color="#0c1220"/>
<stop offset="55%" stop-color="#070d1a"/>
<stop offset="100%" stop-color="#02040a"/>
</radialGradient>
<filter id="glow" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur stdDeviation="9" result="b"/>
<feMerge><feMergeNode in="b"/><feMergeNode in="SourceGraphic"/></feMerge>
</filter>
</defs>
<!-- Round-crop safe: platforms may circle-crop; keep the mark in the inner 340px -->
<rect width="400" height="400" fill="url(#sky)"/>
<g fill="#ffffff" opacity="0.55">
<circle cx="80" cy="100" r="1.6"/>
<circle cx="340" cy="90" r="1.4"/>
<circle cx="70" cy="330" r="1.5"/>
<circle cx="330" cy="320" r="1.3"/>
</g>
<ellipse cx="200" cy="200" rx="118" ry="72" fill="none" stroke="#2a3650" stroke-width="6" transform="rotate(-22 200 200)"/>
<path d="M154 118 h34 a80 80 0 0 1 0 160 h-34 z M188 152 v92 a46 46 0 0 0 0 -92 z" fill="#d6dde9"/>
<circle cx="292" cy="148" r="17" fill="#d6ff3d" filter="url(#glow)"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.2 KiB

36
deviant/brand/social/facebook-cover-820x312.svg Normal file
View file

@ -0,0 +1,36 @@
<svg xmlns="http://www.w3.org/2000/svg" width="820" height="312" viewBox="0 0 820 312" role="img" aria-label="Deviant — Power Your Ideas">
<defs>
<style type="text/css">
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500&amp;family=DM+Sans:wght@600&amp;display=swap');
.display { font-family: 'Fraunces', Georgia, serif; }
.body { font-family: 'DM Sans', -apple-system, 'Segoe UI', Roboto, sans-serif; }
</style>
<radialGradient id="sky" cx="30%" cy="30%" r="95%">
<stop offset="0%" stop-color="#0c1220"/>
<stop offset="55%" stop-color="#070d1a"/>
<stop offset="100%" stop-color="#02040a"/>
</radialGradient>
<filter id="glow" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur stdDeviation="10" result="b"/>
<feMerge><feMergeNode in="b"/><feMergeNode in="SourceGraphic"/></feMerge>
</filter>
</defs>
<rect width="820" height="312" fill="url(#sky)"/>
<g fill="#ffffff">
<circle cx="120" cy="60" r="1.5" opacity="0.5"/>
<circle cx="280" cy="100" r="1.2" opacity="0.4"/>
<circle cx="480" cy="60" r="1.6" opacity="0.5"/>
<circle cx="700" cy="80" r="1.4" opacity="0.45"/>
<circle cx="150" cy="260" r="1.3" opacity="0.4"/>
<circle cx="380" cy="270" r="1.5" opacity="0.45"/>
<circle cx="620" cy="250" r="1.2" opacity="0.35"/>
</g>
<g transform="translate(60 76)">
<ellipse cx="80" cy="80" rx="62" ry="38" fill="none" stroke="#2a3650" stroke-width="4" transform="rotate(-22 80 80)"/>
<path d="M55 37 h20 a42 42 0 0 1 0 84 h-20 z M75 55 v50 a25 25 0 0 0 0 -50 z" fill="#d6dde9"/>
<circle cx="128" cy="53" r="10" fill="#d6ff3d" filter="url(#glow)"/>
</g>
<text class="display" x="240" y="150" font-weight="500" font-size="76" fill="#f1f4fa" letter-spacing="-1.5">Deviant</text>
<text class="body" x="242" y="188" font-weight="600" font-size="16" fill="#d6ff3d" letter-spacing="3.5">POWER YOUR IDEAS.</text>
<text class="display" x="240" y="240" font-style="italic" font-weight="400" font-size="20" fill="#b8c2d4">A response to a default trajectory.</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2.1 KiB

44
deviant/brand/social/instagram-square-1080x1080.svg Normal file
View file

@ -0,0 +1,44 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1080" height="1080" viewBox="0 0 1080 1080" role="img" aria-label="Deviant — Power Your Ideas">
<defs>
<style type="text/css">
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500&amp;family=DM+Sans:wght@500;600&amp;family=JetBrains+Mono:wght@500&amp;display=swap');
.display { font-family: 'Fraunces', Georgia, serif; }
.body { font-family: 'DM Sans', -apple-system, 'Segoe UI', Roboto, sans-serif; }
.mono { font-family: 'JetBrains Mono', 'DM Mono', ui-monospace, monospace; }
</style>
<radialGradient id="sky" cx="30%" cy="28%" r="95%">
<stop offset="0%" stop-color="#0c1220"/>
<stop offset="55%" stop-color="#070d1a"/>
<stop offset="100%" stop-color="#02040a"/>
</radialGradient>
<filter id="glow" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur stdDeviation="18" result="b"/>
<feMerge><feMergeNode in="b"/><feMergeNode in="SourceGraphic"/></feMerge>
</filter>
</defs>
<rect width="1080" height="1080" fill="url(#sky)"/>
<g fill="#ffffff">
<circle cx="140" cy="120" r="1.8" opacity="0.55"/>
<circle cx="300" cy="80" r="1.4" opacity="0.4"/>
<circle cx="480" cy="140" r="1.2" opacity="0.35"/>
<circle cx="680" cy="100" r="1.6" opacity="0.45"/>
<circle cx="860" cy="140" r="1.3" opacity="0.4"/>
<circle cx="1000" cy="80" r="1.7" opacity="0.5"/>
<circle cx="120" cy="980" r="1.4" opacity="0.4"/>
<circle cx="360" cy="1020" r="1.7" opacity="0.5"/>
<circle cx="600" cy="980" r="1.2" opacity="0.35"/>
<circle cx="840" cy="1020" r="1.5" opacity="0.4"/>
<circle cx="1000" cy="960" r="1.6" opacity="0.45"/>
</g>
<!-- Centered mark -->
<g transform="translate(340 200)">
<ellipse cx="200" cy="200" rx="160" ry="98" fill="none" stroke="#2a3650" stroke-width="8" transform="rotate(-22 200 200)"/>
<path d="M140 96 h46 a107 107 0 0 1 0 214 h-46 z M186 142 v122 a61 61 0 0 0 0 -122 z" fill="#d6dde9"/>
<circle cx="322" cy="132" r="24" fill="#d6ff3d" filter="url(#glow)"/>
</g>
<!-- Copy stack, centered -->
<text class="display" x="540" y="750" text-anchor="middle" font-weight="500" font-size="150" fill="#f1f4fa" letter-spacing="-3">Deviant</text>
<text class="body" x="540" y="810" text-anchor="middle" font-weight="600" font-size="30" fill="#d6ff3d" letter-spacing="5">POWER YOUR IDEAS.</text>
<text class="display" x="540" y="905" text-anchor="middle" font-style="italic" font-weight="400" font-size="34" fill="#b8c2d4">A response to a default trajectory.</text>
<text class="mono" x="540" y="985" text-anchor="middle" font-weight="500" font-size="30" fill="#d6dde9">deviant.x</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2.7 KiB

42
deviant/brand/social/linkedin-banner-1584x396.svg Normal file
View file

@ -0,0 +1,42 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1584" height="396" viewBox="0 0 1584 396" role="img" aria-label="Deviant — Power Your Ideas">
<defs>
<style type="text/css">
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500&amp;family=DM+Sans:wght@600&amp;display=swap');
.display { font-family: 'Fraunces', Georgia, serif; }
.body { font-family: 'DM Sans', -apple-system, 'Segoe UI', Roboto, sans-serif; }
</style>
<radialGradient id="sky" cx="28%" cy="35%" r="90%">
<stop offset="0%" stop-color="#0c1220"/>
<stop offset="55%" stop-color="#070d1a"/>
<stop offset="100%" stop-color="#02040a"/>
</radialGradient>
<filter id="glow" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur stdDeviation="16" result="b"/>
<feMerge><feMergeNode in="b"/><feMergeNode in="SourceGraphic"/></feMerge>
</filter>
</defs>
<!-- LinkedIn banner: profile photo overlaps LOWER-LEFT (circular, ~150px from left,
centred vertically ~30% from bottom on desktop). Keep critical copy right of x=380
and clear of bottom-left 260×160 area. -->
<rect width="1584" height="396" fill="url(#sky)"/>
<g fill="#ffffff">
<circle cx="200" cy="60" r="1.6" opacity="0.5"/>
<circle cx="440" cy="90" r="1.3" opacity="0.4"/>
<circle cx="680" cy="60" r="1.5" opacity="0.45"/>
<circle cx="920" cy="80" r="1.2" opacity="0.35"/>
<circle cx="1160" cy="60" r="1.7" opacity="0.5"/>
<circle cx="1400" cy="90" r="1.4" opacity="0.4"/>
<circle cx="300" cy="340" r="1.3" opacity="0.4"/>
<circle cx="540" cy="360" r="1.5" opacity="0.45"/>
<circle cx="820" cy="340" r="1.2" opacity="0.35"/>
<circle cx="1080" cy="360" r="1.6" opacity="0.45"/>
<circle cx="1340" cy="340" r="1.3" opacity="0.4"/>
</g>
<!-- Right-of-center orbital ring -->
<ellipse cx="1160" cy="200" rx="240" ry="145" fill="none" stroke="#2a3650" stroke-width="6" transform="rotate(-22 1160 200)"/>
<circle cx="1330" cy="90" r="22" fill="#d6ff3d" filter="url(#glow)"/>
<text class="display" x="420" y="200" font-weight="500" font-size="100" fill="#f1f4fa" letter-spacing="-1.5">Deviant</text>
<text class="body" x="422" y="245" font-weight="600" font-size="22" fill="#d6ff3d" letter-spacing="4">POWER YOUR IDEAS.</text>
<text class="display" x="420" y="308" font-style="italic" font-weight="400" font-size="24" fill="#b8c2d4">On-chain experience that intermediation cannot mediate.</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2.5 KiB

47
deviant/brand/social/og-1200x630.svg Normal file
View file

@ -0,0 +1,47 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="630" viewBox="0 0 1200 630" role="img" aria-label="Deviant — Power Your Ideas">
<defs>
<style type="text/css">
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&amp;family=DM+Sans:wght@400;500;600;700&amp;family=JetBrains+Mono:wght@500&amp;display=swap');
.display { font-family: 'Fraunces', Georgia, 'Times New Roman', serif; }
.body { font-family: 'DM Sans', -apple-system, 'Segoe UI', Roboto, sans-serif; }
.mono { font-family: 'JetBrains Mono', 'DM Mono', ui-monospace, monospace; }
</style>
<radialGradient id="sky" cx="30%" cy="30%" r="90%">
<stop offset="0%" stop-color="#0c1220"/>
<stop offset="55%" stop-color="#070d1a"/>
<stop offset="100%" stop-color="#02040a"/>
</radialGradient>
<filter id="glow" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur stdDeviation="14" result="b"/>
<feMerge><feMergeNode in="b"/><feMergeNode in="SourceGraphic"/></feMerge>
</filter>
</defs>
<rect width="1200" height="630" fill="url(#sky)"/>
<g fill="#ffffff">
<circle cx="120" cy="80" r="1.8" opacity="0.55"/>
<circle cx="220" cy="150" r="1.2" opacity="0.35"/>
<circle cx="340" cy="70" r="1.6" opacity="0.45"/>
<circle cx="480" cy="120" r="1.1" opacity="0.3"/>
<circle cx="640" cy="90" r="1.9" opacity="0.55"/>
<circle cx="820" cy="140" r="1.3" opacity="0.4"/>
<circle cx="960" cy="70" r="1.6" opacity="0.45"/>
<circle cx="1080" cy="130" r="1.2" opacity="0.35"/>
<circle cx="100" cy="520" r="1.4" opacity="0.4"/>
<circle cx="260" cy="580" r="1.7" opacity="0.5"/>
<circle cx="440" cy="540" r="1.1" opacity="0.3"/>
<circle cx="620" cy="570" r="1.5" opacity="0.4"/>
<circle cx="820" cy="530" r="1.2" opacity="0.35"/>
<circle cx="1020" cy="560" r="1.6" opacity="0.45"/>
</g>
<g transform="translate(90 165)">
<ellipse cx="150" cy="150" rx="115" ry="70" fill="none" stroke="#2a3650" stroke-width="6" transform="rotate(-22 150 150)"/>
<path d="M105 71 h34 a79 79 0 0 1 0 158 h-34 z M139 105 v90 a45 45 0 0 0 0 -90 z" fill="#d6dde9"/>
<circle cx="240" cy="99" r="17" fill="#d6ff3d" filter="url(#glow)"/>
</g>
<text class="display" x="480" y="245" font-weight="500" font-size="130" fill="#f1f4fa" letter-spacing="-2">Deviant</text>
<text class="body" x="482" y="310" font-weight="600" font-size="30" fill="#d6ff3d" letter-spacing="4">POWER YOUR IDEAS.</text>
<text class="display" x="482" y="410" font-style="italic" font-weight="400" font-size="30" fill="#b8c2d4">A response to a default trajectory.</text>
<text class="body" x="482" y="460" font-weight="400" font-size="22" fill="#8892a5">On-chain experience that intermediation cannot mediate.</text>
<text class="mono" x="482" y="560" font-weight="500" font-size="24" fill="#d6dde9">deviant.x</text>
<text class="body" x="614" y="560" font-weight="400" font-size="20" fill="#6a7488">/ navigate.st/bns/deviant.x</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 3 KiB

43
deviant/brand/social/twitter-card-1200x675.svg Normal file
View file

@ -0,0 +1,43 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="675" viewBox="0 0 1200 675" role="img" aria-label="Deviant — Power Your Ideas">
<defs>
<style type="text/css">
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&amp;family=DM+Sans:wght@400;500;600;700&amp;family=JetBrains+Mono:wght@500&amp;display=swap');
.display { font-family: 'Fraunces', Georgia, 'Times New Roman', serif; }
.body { font-family: 'DM Sans', -apple-system, 'Segoe UI', Roboto, sans-serif; }
.mono { font-family: 'JetBrains Mono', 'DM Mono', ui-monospace, monospace; }
</style>
<radialGradient id="sky" cx="32%" cy="30%" r="92%">
<stop offset="0%" stop-color="#0c1220"/>
<stop offset="55%" stop-color="#070d1a"/>
<stop offset="100%" stop-color="#02040a"/>
</radialGradient>
<filter id="glow" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur stdDeviation="14" result="b"/>
<feMerge><feMergeNode in="b"/><feMergeNode in="SourceGraphic"/></feMerge>
</filter>
</defs>
<rect width="1200" height="675" fill="url(#sky)"/>
<g fill="#ffffff">
<circle cx="140" cy="90" r="1.8" opacity="0.55"/>
<circle cx="300" cy="70" r="1.4" opacity="0.4"/>
<circle cx="480" cy="130" r="1.2" opacity="0.35"/>
<circle cx="680" cy="85" r="1.9" opacity="0.55"/>
<circle cx="860" cy="130" r="1.3" opacity="0.4"/>
<circle cx="1040" cy="80" r="1.6" opacity="0.45"/>
<circle cx="100" cy="580" r="1.5" opacity="0.4"/>
<circle cx="320" cy="610" r="1.7" opacity="0.5"/>
<circle cx="540" cy="590" r="1.1" opacity="0.3"/>
<circle cx="760" cy="610" r="1.5" opacity="0.4"/>
<circle cx="980" cy="580" r="1.2" opacity="0.35"/>
</g>
<g transform="translate(100 185)">
<ellipse cx="150" cy="150" rx="115" ry="70" fill="none" stroke="#2a3650" stroke-width="6" transform="rotate(-22 150 150)"/>
<path d="M105 71 h34 a79 79 0 0 1 0 158 h-34 z M139 105 v90 a45 45 0 0 0 0 -90 z" fill="#d6dde9"/>
<circle cx="240" cy="99" r="17" fill="#d6ff3d" filter="url(#glow)"/>
</g>
<text class="display" x="490" y="265" font-weight="500" font-size="130" fill="#f1f4fa" letter-spacing="-2">Deviant</text>
<text class="body" x="492" y="330" font-weight="600" font-size="30" fill="#d6ff3d" letter-spacing="4">POWER YOUR IDEAS.</text>
<text class="display" x="492" y="440" font-style="italic" font-weight="400" font-size="30" fill="#b8c2d4">A response to a default trajectory.</text>
<text class="body" x="492" y="485" font-weight="400" font-size="22" fill="#8892a5">On-chain. Backed. Yours.</text>
<text class="mono" x="492" y="605" font-weight="500" font-size="26" fill="#d6dde9">deviant.x</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2.7 KiB

52
deviant/brand/social/twitter-header-1500x500.svg Normal file
View file

@ -0,0 +1,52 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1500" height="500" viewBox="0 0 1500 500" role="img" aria-label="Deviant — Power Your Ideas">
<defs>
<style type="text/css">
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&amp;family=DM+Sans:wght@400;500;600;700&amp;display=swap');
.display { font-family: 'Fraunces', Georgia, serif; }
.body { font-family: 'DM Sans', -apple-system, 'Segoe UI', Roboto, sans-serif; }
</style>
<radialGradient id="sky" cx="30%" cy="35%" r="88%">
<stop offset="0%" stop-color="#0c1220"/>
<stop offset="55%" stop-color="#070d1a"/>
<stop offset="100%" stop-color="#02040a"/>
</radialGradient>
<filter id="glow" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur stdDeviation="18" result="b"/>
<feMerge><feMergeNode in="b"/><feMergeNode in="SourceGraphic"/></feMerge>
</filter>
</defs>
<!-- X/Twitter desktop overlays a ~200px circular avatar in the lower-left of the
banner (its centre sits roughly at (150, 425) for a 1500×500 image). Keep
critical copy right of x≈340 to clear it. Top/bottom ~60px can be cropped
on mobile. -->
<rect width="1500" height="500" fill="url(#sky)"/>
<g fill="#ffffff">
<circle cx="200" cy="60" r="1.6" opacity="0.5"/>
<circle cx="380" cy="110" r="1.3" opacity="0.4"/>
<circle cx="540" cy="60" r="1.2" opacity="0.35"/>
<circle cx="720" cy="100" r="1.6" opacity="0.45"/>
<circle cx="900" cy="60" r="1.3" opacity="0.4"/>
<circle cx="1080" cy="110" r="1.7" opacity="0.5"/>
<circle cx="1260" cy="70" r="1.5" opacity="0.4"/>
<circle cx="1400" cy="130" r="1.6" opacity="0.45"/>
<circle cx="440" cy="440" r="1.3" opacity="0.35"/>
<circle cx="620" cy="420" r="1.6" opacity="0.45"/>
<circle cx="820" cy="450" r="1.4" opacity="0.4"/>
<circle cx="1020" cy="420" r="1.7" opacity="0.5"/>
<circle cx="1220" cy="450" r="1.2" opacity="0.35"/>
<circle cx="1400" cy="440" r="1.5" opacity="0.4"/>
</g>
<!-- Big orbital ring, right-of-center -->
<ellipse cx="1080" cy="260" rx="280" ry="170" fill="none" stroke="#2a3650" stroke-width="8" transform="rotate(-22 1080 260)"/>
<circle cx="1270" cy="130" r="26" fill="#d6ff3d" filter="url(#glow)"/>
<!-- Copy stack — shifted right (x=360) so X/Twitter's desktop avatar
overlap (bottom-left ~200px circle centred near x=150,y=425) clears it. -->
<text class="display" x="360" y="220" font-weight="500" font-size="130" fill="#f1f4fa" letter-spacing="-2">Deviant</text>
<text class="body" x="362" y="272" font-weight="600" font-size="26" fill="#d6ff3d" letter-spacing="5">POWER YOUR IDEAS.</text>
<text class="display" x="360" y="340" font-style="italic" font-weight="400" font-size="28" fill="#b8c2d4">A response to a default trajectory.</text>
<text class="body" x="360" y="378" font-weight="400" font-size="20" fill="#8892a5">On-chain experience that intermediation cannot mediate.</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 3 KiB

85
deviant/brand/social/twitter-header-deviation-1500x500.svg Normal file
View file

@ -0,0 +1,85 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1500" height="500" viewBox="0 0 1500 500" role="img" aria-label="Deviant — A response to a default trajectory">
<defs>
<style type="text/css">
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&amp;family=DM+Sans:wght@400;500;600;700&amp;family=JetBrains+Mono:wght@500&amp;display=swap');
.display { font-family: 'Fraunces', Georgia, serif; }
.body { font-family: 'DM Sans', -apple-system, 'Segoe UI', Roboto, sans-serif; }
.mono { font-family: 'JetBrains Mono', ui-monospace, monospace; }
</style>
<radialGradient id="sky" cx="28%" cy="30%" r="92%">
<stop offset="0%" stop-color="#0c1220"/>
<stop offset="55%" stop-color="#070d1a"/>
<stop offset="100%" stop-color="#02040a"/>
</radialGradient>
<filter id="acid-glow" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur stdDeviation="4" result="b"/>
<feMerge><feMergeNode in="b"/><feMergeNode in="SourceGraphic"/></feMerge>
</filter>
<filter id="node-glow" x="-100%" y="-100%" width="300%" height="300%">
<feGaussianBlur stdDeviation="10" result="b"/>
<feMerge><feMergeNode in="b"/><feMergeNode in="SourceGraphic"/></feMerge>
</filter>
</defs>
<!-- Same avatar-safe policy: keep critical copy right of x≈340. -->
<rect width="1500" height="500" fill="url(#sky)"/>
<!-- Sparse starfield -->
<g fill="#ffffff">
<circle cx="220" cy="80" r="1.6" opacity="0.5"/>
<circle cx="380" cy="120" r="1.2" opacity="0.35"/>
<circle cx="560" cy="60" r="1.4" opacity="0.4"/>
<circle cx="740" cy="90" r="1.6" opacity="0.45"/>
<circle cx="920" cy="60" r="1.3" opacity="0.4"/>
<circle cx="1100" cy="90" r="1.5" opacity="0.45"/>
<circle cx="1280" cy="60" r="1.7" opacity="0.5"/>
<circle cx="1420" cy="110" r="1.4" opacity="0.4"/>
<circle cx="480" cy="440" r="1.3" opacity="0.35"/>
<circle cx="700" cy="460" r="1.5" opacity="0.4"/>
<circle cx="920" cy="440" r="1.6" opacity="0.45"/>
<circle cx="1140" cy="460" r="1.2" opacity="0.35"/>
<circle cx="1360" cy="440" r="1.5" opacity="0.4"/>
</g>
<!-- Copy: wordmark + tagline (left, past avatar overlap) -->
<text class="display" x="360" y="220" font-weight="500" font-size="120" fill="#f1f4fa" letter-spacing="-2">Deviant</text>
<text class="body" x="362" y="270" font-weight="600" font-size="24" fill="#d6ff3d" letter-spacing="5">POWER YOUR IDEAS.</text>
<text class="display" x="360" y="340" font-style="italic" font-weight="400" font-size="26" fill="#b8c2d4">A response to a default trajectory.</text>
<!-- Deviation chart: exact geometry from the site hero (viewBox 380×240),
transformed to sit on the right side of the banner. Scale 1.85x places it
from roughly x=730..1420, y=115..400. -->
<g transform="translate(708 34) scale(1.85)">
<defs>
<!-- Visible curves: exact hero geometry from deviant_website.html:679-681 -->
<path id="path-default" d="M 12 70 C 110 96, 150 120, 200 138 C 255 158, 305 176, 368 198"/>
<path id="path-deviation" d="M 200 138 C 250 120, 300 84, 368 44"/>
<!-- Text-baseline offsets: parallel copies shifted perpendicular to each
curve so labels sit BELOW the default (down-drift) and ABOVE the
deviation (up-lift). Same control-point shape, y shifted uniformly. -->
<path id="path-default-below" d="M 12 86 C 110 112, 150 136, 200 154 C 255 174, 305 192, 368 214"/>
<path id="path-deviation-above" d="M 200 122 C 250 104, 300 68, 368 28"/>
</defs>
<!-- Default trajectory: dashed, muted, curves down-right -->
<use href="#path-default" stroke="#6a7488" stroke-width="1.8" fill="none" opacity="0.75"
stroke-dasharray="4 8" stroke-linecap="round"/>
<!-- Branch dot at the divergence -->
<circle cx="200" cy="138" r="4" fill="#6a7488"/>
<!-- Deviation: solid, acid, curves up-right -->
<use href="#path-deviation" stroke="#d6ff3d" stroke-width="3" fill="none" stroke-linecap="round"
filter="url(#acid-glow)"/>
<!-- Terminal acid node -->
<circle cx="368" cy="44" r="6" fill="#d6ff3d" filter="url(#node-glow)"/>
<!-- Labels run parallel to their respective curves via textPath. Start offsets
chosen so labels sit near the mid/end of each curve. -->
<text class="mono" font-size="10" fill="#6a7488" letter-spacing="2.5">
<textPath href="#path-default-below" startOffset="4%">DEFAULT TRAJECTORY</textPath>
</text>
<text class="mono" font-size="10" fill="#d6ff3d" letter-spacing="2.5">
<textPath href="#path-deviation-above" startOffset="30%">DEVIATION</textPath>
</text>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 4.7 KiB

41
deviant/brand/source/README.md Normal file
View file

@ -0,0 +1,41 @@
# Working files & exports
Author SVGs edit-in-place under `brand/{logo,icon,social}/`. This directory is
for **derivative** files that shouldn't clutter the primary directories.
## Structure
- `exports/` — PNGs generated from the primary SVGs. Do not check in unless a
specific delivery pipeline requires them.
- `sketches/` — WIP art, alternates, rejected variants (kept for provenance).
## Exporting to PNG
Any of these work; pick what's installed.
```bash
# rsvg-convert (librsvg — smallest, fastest)
rsvg-convert -w 1200 -h 630 ../social/og-1200x630.svg -o exports/og-1200x630.png
# Inkscape CLI (higher-fidelity text rendering)
inkscape ../social/og-1200x630.svg --export-type=png --export-filename=exports/og-1200x630.png --export-width=1200
# ImageMagick (falls back if the above aren't installed)
magick -density 300 -background none ../social/og-1200x630.svg -resize 1200x630 exports/og-1200x630.png
```
**Font gotcha:** Fraunces and DM Sans are Google Fonts. If the renderer does
not have them installed locally, the PNG will show the fallback (Georgia /
system sans). For high-fidelity social exports, install both:
```bash
# Ubuntu / Debian
sudo apt-get install fonts-liberation
# Then drop Fraunces + DM Sans .ttf files into ~/.fonts/ and run fc-cache -fv
```
Or export from a browser (`file://` open + screenshot at the target size) —
Chrome/Firefox honour the Google Fonts `<link>` if the SVG references it,
though our brand SVGs use plain `<text>` with a system-safe stack, so the
Fraunces + DM Sans rendering happens only when those faces are locally
available.

BIN
deviant/brand/source/exports/avatar-1024.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 190 KiB

BIN
deviant/brand/source/exports/avatar-400.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 43 KiB

BIN
deviant/brand/source/exports/facebook-cover-820x312.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 70 KiB

BIN
deviant/brand/source/exports/favicon-32.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 678 B

BIN
deviant/brand/source/exports/favicon-64.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
deviant/brand/source/exports/icon-512.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 77 KiB

BIN
deviant/brand/source/exports/instagram-1080.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 230 KiB

BIN
deviant/brand/source/exports/linkedin-banner-1584x396.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 133 KiB

BIN
deviant/brand/source/exports/mark-512.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 22 KiB

BIN
deviant/brand/source/exports/mark-onlight-512.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
deviant/brand/source/exports/og-1200x630.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 184 KiB

BIN
deviant/brand/source/exports/twitter-card-1200x675.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 176 KiB

BIN
deviant/brand/source/exports/twitter-header-1500x500.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 168 KiB

BIN
deviant/brand/source/exports/twitter-header-deviation-1500x500.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 170 KiB

BIN
deviant/brand/source/exports/wordmark-1440.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 34 KiB

537
deviant/deviant_mindmap.html Normal file
View file

@ -0,0 +1,537 @@
<!DOCTYPE html>
<html lang="en" data-theme="signal">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Deviant — The Map</title>
<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&family=JetBrains+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700;800&family=DM+Mono:wght@400;500&display=swap" rel="stylesheet">
<script>
(function(){try{var t=localStorage.getItem('deviant-theme');if(t==='editorial'){document.documentElement.removeAttribute('data-theme');}else{document.documentElement.setAttribute('data-theme','signal');}}catch(e){document.documentElement.setAttribute('data-theme','signal');}})();
</script>
<style>
:root{
--header-h:58px;
--bg:#050810; --panel:#0a1120; --panel-2:#0d1626; --line:#1c2436;
--ink:#d6dde9; --ink-bright:#f1f4fa; --ink-soft:#b8c2d4; --muted:#6a7488;
--acid:#d6ff3d; --acid-soft:#c8ef2e;
--acid-halo:rgba(214,255,61,.34); --acid-dim:rgba(214,255,61,.14);
--glow:0 0 6px rgba(214,255,61,.5), 0 0 18px rgba(214,255,61,.3), 0 0 40px rgba(214,255,61,.15);
--glow-soft:0 0 4px rgba(214,255,61,.4), 0 0 12px rgba(214,255,61,.22);
--font:'Fraunces', Georgia, serif;
--font-mono:'JetBrains Mono', monospace;
}
[data-theme="signal"]{
--bg:#050505; --panel:#0d0d0d; --panel-2:#121212; --line:#262626;
--ink:#f2f2f2; --ink-bright:#ffffff; --ink-soft:#d7d7d7; --muted:#9a9a9a;
--acid:#c6ff00; --acid-soft:#b7eb1f;
--acid-halo:rgba(198,255,0,.34); --acid-dim:rgba(198,255,0,.16);
--glow:0 0 6px rgba(198,255,0,.55), 0 0 18px rgba(198,255,0,.35), 0 0 40px rgba(198,255,0,.18);
--glow-soft:0 0 4px rgba(198,255,0,.45), 0 0 12px rgba(198,255,0,.25);
--font:'DM Sans', system-ui, "Segoe UI", sans-serif;
--font-mono:'DM Mono', ui-monospace, monospace;
}
*{box-sizing:border-box;margin:0;padding:0;}
html,body{background:var(--bg);}
html{scroll-padding-top:calc(var(--header-h) + 14px);}
body{
font-family:var(--font);
color:var(--ink);
line-height:1.5;
-webkit-font-smoothing:antialiased;
background:var(--bg);
background-attachment:fixed;
padding:calc(var(--header-h) + 30px) 22px 90px;
}
[data-theme="signal"] body{
background:
radial-gradient(1200px 600px at 50% -10%, rgba(198,255,0,0.06), transparent 60%),
radial-gradient(900px 500px at 100% 120%, rgba(198,255,0,0.04), transparent 60%),
#050505;
background-attachment:fixed;
}
/* Starfield (from the Deviant website) */
.stars{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0;}
.starfield{position:absolute;top:50%;left:50%;width:150vmax;height:150vmax;margin:-75vmax 0 0 -75vmax;transform-origin:center center;will-change:transform;animation:skyspin 240s linear infinite;}
.star{position:absolute;background:rgba(255,255,255,.5);border-radius:50%;
animation:twinkle var(--twinkle-duration,12s) ease-in-out infinite;animation-delay:var(--twinkle-delay,0s);}
@keyframes twinkle{0%,100%{opacity:.3;}50%{opacity:.85;}}
@keyframes skyspin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
@media (prefers-reduced-motion: reduce){.star{animation:none;opacity:.4;}.starfield{animation:none;}}
/* Frozen site header — shared design system */
.site-header{position:fixed;top:0;left:0;right:0;width:100%;z-index:100;
background:rgba(5,8,16,0.80);
backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%);
border-bottom:1px solid rgba(255,255,255,0.06);}
[data-theme="signal"] .site-header{background:rgba(5,5,5,0.82);}
.topbar{max-width:1180px;margin:0 auto;padding:16px 32px;
display:flex;justify-content:space-between;align-items:center;}
.topbar-right{display:flex;align-items:center;gap:28px;}
.topbar .wordmark{font-family:var(--font);font-weight:500;font-size:22px;
letter-spacing:-.01em;color:var(--ink-bright);text-decoration:none;line-height:1;}
[data-theme="signal"] .topbar .wordmark{font-weight:800;}
.topbar .nav{display:flex;gap:36px;font-family:var(--font-mono);font-size:11px;
letter-spacing:.16em;text-transform:uppercase;color:var(--muted);}
.topbar .nav a{color:var(--muted);text-decoration:none;transition:color .2s ease;}
.topbar .nav a:hover{color:var(--ink-bright);}
.topbar .nav a.active{color:var(--acid);text-shadow:var(--glow-soft);}
.theme-toggle{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;
color:var(--acid);background:rgba(214,255,61,0.06);border:1px solid var(--acid-halo);
padding:8px 13px;border-radius:999px;cursor:pointer;white-space:nowrap;
transition:border-color .3s ease,color .3s ease,background .3s ease;}
.theme-toggle:hover{border-color:var(--acid);background:rgba(214,255,61,0.10);}
[data-theme="signal"] .theme-toggle{background:rgba(198,255,0,0.07);}
@media(max-width:760px){.topbar{padding:12px 18px;} .topbar .nav{display:none;}}
.wrap{max-width:1180px;margin:0 auto;position:relative;z-index:1;}
/* glow accent word */
.g{color:var(--acid);text-shadow:var(--glow);font-weight:800;letter-spacing:.2px;}
.gs{color:var(--acid-soft);text-shadow:var(--glow-soft);font-weight:700;}
/* ===== HEADER / HUB ===== */
header{text-align:center;margin-bottom:14px;}
.kicker{
font-size:12px;letter-spacing:5px;text-transform:uppercase;color:var(--muted);
font-weight:700;margin-bottom:22px;
}
.hub{
display:inline-block;position:relative;
padding:30px 46px;border-radius:16px;
background:linear-gradient(180deg,var(--panel),var(--panel-2));
border:1.5px solid var(--acid-halo);
box-shadow:var(--glow), inset 0 0 30px rgba(198,255,0,.05);
}
.hub h1{
font-size:clamp(40px,9vw,86px);font-weight:800;letter-spacing:-1px;line-height:.95;
color:var(--acid);text-shadow:var(--glow);text-transform:uppercase;
}
.hub .tag{
margin-top:10px;font-size:clamp(13px,2.4vw,16px);font-weight:700;color:var(--ink);
letter-spacing:.4px;
}
.hub .sub{margin-top:4px;font-size:13px;color:var(--muted);font-weight:400;}
.axiom{
max-width:640px;margin:26px auto 0;font-size:14px;color:var(--muted);
font-style:normal;border-top:1px solid var(--line);padding-top:18px;
}
.axiom b{color:var(--ink);font-weight:700;}
.legend{
text-align:center;margin:30px auto 36px;font-size:12px;color:var(--muted);
display:flex;gap:18px;justify-content:center;flex-wrap:wrap;align-items:center;
}
.legend span{display:inline-flex;align-items:center;gap:7px;}
.dot{width:9px;height:9px;border-radius:50%;background:var(--acid);box-shadow:var(--glow-soft);}
.legend .hint{color:var(--muted);}
/* ===== BRANCH GRID ===== */
.grid{
display:grid;grid-template-columns:repeat(2,1fr);gap:18px;
align-items:start;
}
@media(max-width:760px){.grid{grid-template-columns:1fr;}}
.branch{
align-self:start;
background:linear-gradient(180deg,var(--panel),var(--panel-2));
border:1px solid var(--line);border-radius:14px;overflow:hidden;
transition:border-color .25s ease, box-shadow .25s ease, transform .15s ease;
}
.branch:hover{border-color:var(--acid-halo);box-shadow:0 0 0 1px var(--acid-dim), 0 14px 40px rgba(0,0,0,.5);}
.branch.open{border-color:var(--acid);box-shadow:0 0 0 1px var(--acid-dim), var(--glow-soft);}
.bhead{
display:flex;align-items:center;gap:14px;cursor:pointer;
padding:20px 20px;user-select:none;
min-height:92px;
}
.bnum{
flex:0 0 auto;width:40px;height:40px;border-radius:10px;
display:grid;place-items:center;font-weight:800;font-size:16px;
color:var(--acid);background:var(--panel);border:1px solid var(--acid-halo);
text-shadow:var(--glow-soft);
}
.btitles{flex:1 1 auto;min-width:0;}
.btitle{font-size:17px;font-weight:800;letter-spacing:.2px;text-transform:uppercase;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.bsub{font-size:13px;color:var(--muted);font-weight:400;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.chev{flex:0 0 auto;color:var(--muted);font-size:18px;transition:transform .25s ease;font-weight:700;}
.branch.open .chev{transform:rotate(45deg);color:var(--acid);text-shadow:var(--glow-soft);}
.bbody{
max-height:0;overflow:hidden;
transition:max-height .4s ease;
border-top:1px solid transparent;
}
.branch.open .bbody{border-top-color:var(--line);}
.bbody-inner{padding:6px 20px 20px 20px;}
ul.points{list-style:none;}
ul.points li{
position:relative;padding:11px 0 11px 22px;font-size:14px;color:var(--ink-soft);
border-bottom:1px solid rgba(255,255,255,.04);
}
ul.points li:last-child{border-bottom:none;}
ul.points li::before{
content:"";position:absolute;left:2px;top:17px;width:7px;height:7px;border-radius:2px;
background:var(--acid);box-shadow:var(--glow-soft);
}
ul.points li b{color:var(--ink-bright);font-weight:700;}
.pill{
display:inline-block;font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;
color:var(--bg);background:var(--acid);padding:2px 8px;border-radius:5px;margin-left:6px;
box-shadow:var(--glow-soft);vertical-align:middle;
}
/* footer strip */
.epigram{
margin:46px auto 6px;max-width:760px;text-align:center;
font-size:clamp(18px,2.9vw,27px);font-weight:800;letter-spacing:.2px;line-height:1.25;
}
.strip{
margin-top:36px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;
}
@media(max-width:760px){.strip{grid-template-columns:repeat(2,1fr);}}
.stat{
background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px 14px;text-align:center;
}
.stat .n{font-size:clamp(22px,4vw,30px);font-weight:800;color:var(--acid);text-shadow:var(--glow-soft);line-height:1;}
.stat .l{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-top:8px;font-weight:700;}
.controls{text-align:center;margin:30px 0 4px;}
.controls button{
font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;
color:var(--acid);background:transparent;border:1px solid var(--acid-halo);
padding:10px 20px;border-radius:8px;cursor:pointer;transition:all .2s ease;text-shadow:var(--glow-soft);
}
.controls button:hover{background:var(--acid-dim);box-shadow:var(--glow-soft);}
.foot{
margin-top:40px;padding-top:22px;border-top:1px solid var(--line);
display:flex;justify-content:space-between;align-items:flex-end;gap:28px;
font-size:11px;color:#5f5f5f;letter-spacing:1px;
}
.foot-left{max-width:60%;text-align:left;line-height:1.5;}
.foot-right{text-align:right;flex:0 0 auto;}
.foot-brand{font-size:24px;font-weight:800;color:var(--acid);text-shadow:var(--glow);text-transform:uppercase;letter-spacing:0;line-height:1;}
.slogan{margin-top:7px;font-size:15px;font-weight:800;color:var(--ink);letter-spacing:.5px;}
@media(max-width:600px){
.foot{flex-direction:column;align-items:flex-start;gap:18px;}
.foot-left{max-width:100%;}
.foot-right{text-align:left;}
}
</style>
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
</head>
<body>
<div class="stars" id="stars" aria-hidden="true"></div>
<header class="site-header">
<div class="topbar">
<a href="./" class="wordmark">Deviant</a>
<div class="topbar-right">
<nav class="nav" aria-label="Primary">
<a href="./#what">What</a>
<a href="./#mechanism">Mechanism</a>
<a href="./#proof">Proof</a>
<a href="deviant_mindmap.html" class="active">Map</a>
<a href="deviant_athenae.html">Governance</a>
</nav>
<button class="theme-toggle" id="themeToggle" type="button" aria-label="Toggle visual style">Style &middot; <span id="themeName">CosmoGenesis</span></button>
</div>
</div>
</header>
<div class="wrap">
<header>
<div class="kicker">Marketing Mindmap · Bitcoin Cash · v2</div>
<div class="hub">
<h1>Deviant</h1>
<div class="tag">A <span class="g">tectonic shift</span> in finance.</div>
<div class="sub">A non-custodial Bitcoin Cash wallet on the MBA Standard</div>
</div>
<p class="axiom">
<b>The core distinction is what Deviant introduces:</b> <span class="gs">MBA</span> backing
(intrinsic, consensus-enforced, redeemable with no counterparty) and the
<span class="gs">counterparty-free ASM</span>. BCH's UTXO + PoW + CashScript design is the
<i>enabling substrate</i> — not the differentiator. And one reframing underneath it all:
Bitcoin Cash satoshis are a <span class="gs">unit of account, not a price</span>.
</p>
</header>
<div class="legend">
<span><i class="dot"></i> Marketing pillar</span>
<span class="hint">Tap any branch to expand · acid-green = the words that carry the pitch</span>
</div>
<div class="controls">
<button id="toggleAll">Expand all</button>
</div>
<br>
<div class="grid" id="grid">
<!-- 1 -->
<section class="branch open">
<div class="bhead"><div class="bnum">01</div>
<div class="btitles"><div class="btitle">The Paradigm</div>
<div class="bsub">What Deviant actually is</div></div>
<div class="chev">+</div></div>
<div class="bbody"><div class="bbody-inner"><ul class="points">
<li>Every existing asset — fiat, equity, real estate, crypto tokens — has a <b>single point of failure</b>: an issuer, custodian, or counterparty who can fail, freeze, or disappear.</li>
<li>Deviant removes it <span class="g">by construction</span> — not by regulation, not by trust. A <b>gold standard done by mathematics</b>.</li>
<li>The differentiator is <span class="g">MBA backing + counterparty-free ASM</span>. Consensus-enforced and economical at scale.</li>
</ul></div></div>
</section>
<!-- 2 -->
<section class="branch">
<div class="bhead"><div class="bnum">02</div>
<div class="btitles"><div class="btitle">The Mechanism · ASM</div>
<div class="bsub">How it works</div></div>
<div class="chev">+</div></div>
<div class="bbody"><div class="bbody-inner"><ul class="points">
<li><span class="g">ASM — Automated Swap Mechanism.</span> Swap any open-mint asset into any other with <b>no DEX, no AMM, no oracle, no operator</b>.</li>
<li>Every unit is <b>self-backed</b> — it carries its own BCH inside the UTXO at a fixed rate. Redemption is a plain spend; swaps are atomic single transactions enforced by consensus.</li>
<li><b>Universal Exchange Rate:</b> rate&#8202;A &divide; rate&#8202;B — deterministic, no market needed.</li>
</ul></div></div>
</section>
<!-- 3 -->
<section class="branch">
<div class="bhead"><div class="bnum">03</div>
<div class="btitles"><div class="btitle">The MBA</div>
<div class="bsub">Not a token. A new asset class.</div></div>
<div class="chev">+</div></div>
<div class="bbody"><div class="bbody-inner"><ul class="points">
<li>An <b>MBA</b> (Mathematically / Minted Backed Asset) carries <span class="g">intrinsic, consensus-enforced BCH backing</span> — unilaterally redeemable at a fixed rate, no custodian, no counterparty, purely by mathematics.</li>
<li><b>Properties:</b> a guaranteed on-chain <span class="gs">floor value</span>; the rate is <b>fixed and immutable at genesis</b>; redemption is available 24/7 with no off-switch and no permission.</li>
<li><b>How it differs:</b> a classical token has no locked peg and leans on intermediary trust and market sentiment. An MBA's value is <span class="g">enforced by the protocol with non-reversible rules</span>.</li>
</ul></div></div>
</section>
<!-- 4 -->
<section class="branch">
<div class="bhead"><div class="bnum">04</div>
<div class="btitles"><div class="btitle">The Zero Properties</div>
<div class="bsub">The pitch, in single words</div></div>
<div class="chev">+</div></div>
<div class="bbody"><div class="bbody-inner"><ul class="points">
<li><span class="g">Zero counterparty</span> · <span class="g">zero intermediary</span> · <span class="g">zero trust required</span>.</li>
<li><span class="g">Zero liquidity ceiling</span> — any user, any amount, any time; supply expands to meet demand.</li>
<li><span class="g">Zero fungibility barriers</span> — every open-mint MBA shares one measurement system, interchangeable at an exact rate.</li>
<li><b>Zero complexity</b> for founders · <b>zero maintenance</b> · <b>zero ongoing contribution</b> · <b>zero dependence</b> · <b>zero friction</b>. <span class="g">Don't trust, verify.</span></li>
</ul></div></div>
</section>
<!-- 5 -->
<section class="branch">
<div class="bhead"><div class="bnum">05</div>
<div class="btitles"><div class="btitle">Founders' Revenue</div>
<div class="bsub">Earn without selling the asset</div></div>
<div class="chev">+</div></div>
<div class="bbody"><div class="bbody-inner"><ul class="points">
<li><b>Founder fee</b> on mint only (immutable after genesis). Redemption is free. Set at <b>1% on both sides</b>, it creates a <span class="g">mathematically enforced ~2% round-trip spread</span>.</li>
<li><span class="g">Automated, perpetual revenue</span> — the founder earns from <i>activity</i>, not from selling or holding the asset. No treasury to dump, no insider allocation.</li>
<li>A <b>Revenue Acquisition Mechanism</b>, not a sale: users acquire from the algorithm; the founder only collects the fee.</li>
<li>The 5% cap is a <b>wallet/template guardrail</b>, not a protocol ceiling — the protocol imposes no fee limit.</li>
</ul></div></div>
</section>
<!-- 6 -->
<section class="branch">
<div class="bhead"><div class="bnum">06</div>
<div class="btitles"><div class="btitle">Agora</div>
<div class="bsub">A market with no analogue</div></div>
<div class="chev">+</div></div>
<div class="bbody"><div class="bbody-inner"><ul class="points">
<li><span class="g">Agora</span> is what emerges when <b>ASM</b> and <b>MBA launch</b> work in combination — an <span class="g">emergent market that has no analogue anywhere</span>.</li>
<li>Users <span class="g">swap directly at the protocol level — with no counterparty</span>: no order book, no market maker, no listing gate. The market exists the moment the asset does.</li>
<li>Founders <span class="g">create an asset and earn — without ever selling it</span>. Acquisition comes from the algorithm (ASM), not from a seller.</li>
<li>Liquidity is <span class="g">Poseidon</span> — deep as an ocean: the protocol is the immutable liquidity provider, native, instant, and unlimited. Zero bootstrap, zero ceiling.</li>
</ul></div></div>
</section>
<!-- 7 -->
<section class="branch">
<div class="bhead"><div class="bnum">07</div>
<div class="btitles"><div class="btitle">The Proof</div>
<div class="bsub">A working mechanism, not a claim</div></div>
<div class="chev">+</div></div>
<div class="bbody"><div class="bbody-inner"><ul class="points">
<li>Validated on Bitcoin Cash <b>chipnet</b> across 135 snapshots. <span class="pill">Live</span></li>
<li><span class="g">~445 tests</span> — the majority exercising MBAs across <b>use cases, configurations, and adversarial / vulnerability scenarios</b>: what MBAs can do, and whether they break. (The early <b>129 atomic swaps</b> were the first proof the mechanism works.)</li>
<li>Result across all of it: <span class="g">0 exploits · 100% peg integrity</span>. Wallet core feature-complete; <b>PWA beta live</b> (chipnet/testnet, mainnet structurally absent).</li>
<li>The CTA asks the reader to <b>verify a mathematical claim</b>, not to pledge: <i>Verify the contract · Read the spec · Audit the snapshots.</i></li>
</ul></div></div>
</section>
<!-- 8 -->
<section class="branch">
<div class="bhead"><div class="bnum">08</div>
<div class="btitles"><div class="btitle">Positioning</div>
<div class="bsub">Why Deviant wins its lane</div></div>
<div class="chev">+</div></div>
<div class="bbody"><div class="bbody-inner"><ul class="points">
<li><b>vs conventional tokens</b> (ERC-20, BEP-20, and the like): they're financially and structurally disconnected from their base layer. MBAs are tied to it — one asset's success <span class="gs">amplifies the whole ecosystem</span>.</li>
<li><b>vs stablecoins:</b> the <span class="g">bankruptcy-protection floor</span> — on-chain recoverable value if the issuer fails, where a conventional stablecoin recovers $0.</li>
<li><b>vs DEX/exchanges:</b> no order matching, no liquidity to bootstrap, no counterparty to wait for.</li>
<li>The <b>volatility paradox:</b> the asset marketed as "safe" fails its advertised property under stress; an MBA promises nothing it cannot keep.</li>
</ul></div></div>
</section>
<!-- 9 -->
<section class="branch">
<div class="bhead"><div class="bnum">09</div>
<div class="btitles"><div class="btitle">Platform Revenue</div>
<div class="bsub">How Deviant earns — no fundraise</div></div>
<div class="chev">+</div></div>
<div class="bbody"><div class="bbody-inner"><ul class="points">
<li><b>Revenue streams:</b> ~<b>0.5% fee on asset mint</b>, voluntary <span class="gs">marketing revenue-share</span> · premium features for sophisticated users.</li>
<li><b>Olympic tier ladder</b> — founders opt into promotion via Agora: Free → Bronze → Silver → Gold → <span class="g">Laurel</span>.</li>
<li><i>(Possible)</i> additional revenue from <b>dApps</b>, integrations and partnerships.</li>
<li>Deviant lets users generate revenue — as <b>Bitcoin</b> lets miners — but with less complexity. The platform's revenue is earned (only) from <span class="g">real economic activity</span>.</li>
</ul></div></div>
</section>
<!-- 10 -->
<section class="branch">
<div class="bhead"><div class="bnum">10</div>
<div class="btitles"><div class="btitle">Platform Alignment</div>
<div class="bsub">Inverting the extraction model</div></div>
<div class="chev">+</div></div>
<div class="bbody"><div class="bbody-inner"><ul class="points">
<li>Public commitment: <span class="g">25–50% of platform revenue</span> to Bitcoin Cash infrastructure, scaling toward the higher figure.</li>
<li><b>Structural recognition of dependency, not philanthropy</b> — "most projects extract from their chain; Deviant inverts that."</li>
<li>Direct, 24/7 transparent. Two tracks: protocol-level (nodes, CashScript) now; application-level later.</li>
<li>The base layer is the <span class="gs">environment</span> — predetermined, permanent, unaffected by what evolves within it.</li>
</ul></div></div>
</section>
<!-- 11 -->
<section class="branch">
<div class="bhead"><div class="bnum">11</div>
<div class="btitles"><div class="btitle">The Origin</div>
<div class="bsub">Discovered, not created</div></div>
<div class="chev">+</div></div>
<div class="bbody"><div class="bbody-inner"><ul class="points">
<li><b>The question that produced everything:</b> <span class="g">"Is it possible to back assets without a counterparty?"</span> — the same constraint Satoshi applied, followed honestly, without compromise, to its singular conclusion. No intermediaries, no counterparties, no trust assumptions.</li>
<li><b>The concept preceded the technology.</b> Nothing accidental, nothing coincidence — the domain was <span class="gs">discovered, not created</span>.</li>
<li><b>The most important distinction:</b> Deviant did not create these mathematical relationships — it <span class="g">discovered</span> them. They existed before; the question navigated to them; the technology made them accessible — the <b>CashScript</b> upgrade on Bitcoin Cash.</li>
</ul></div></div>
</section>
<!-- 12 -->
<section class="branch">
<div class="bhead"><div class="bnum">12</div>
<div class="btitles"><div class="btitle">The Story</div>
<div class="bsub">Go-to-market &amp; narrative</div></div>
<div class="chev">+</div></div>
<div class="bbody"><div class="bbody-inner"><ul class="points">
<li>The hero declares the negative first: <span class="g">"This is not a fundraise."</span> It's a demonstration of a new paradigm.</li>
<li><b>Community first:</b> reach the Bitcoin Cash community, then a wider audience with a product they've never experienced.</li>
<li>Founders must <b>deliver first</b> — usefulness generates revenue. The opposite of the 2017 ICO model that sold promises and delivered garbage.</li>
<li>Agora, the MBA and the ASM combination is a <span class="g">tectonic shift</span> relative to the conventional financial system — consequences are unpredictable, and you are welcome to <span class="g">experience the new trajectory</span>.</li>
</ul></div></div>
</section>
</div>
<div class="epigram"><span class="gs">Discovered truths are permanent.</span></div>
<!-- proof strip -->
<div class="strip">
<div class="stat"><div class="n">8</div><div class="l">Asset classes</div></div>
<div class="stat"><div class="n">~445</div><div class="l">Tests passing</div></div>
<div class="stat"><div class="n">0</div><div class="l">Exploits</div></div>
<div class="stat"><div class="n">100%</div><div class="l">Peg integrity</div></div>
</div>
<div class="foot">
<div class="foot-left">The protocol rate is the gravitational center. Market prices orbit around it.</div>
<div class="foot-right">
<div class="foot-brand">Deviant</div>
<div class="slogan"><span class="g">Power Your Ideas.</span></div>
</div>
</div>
</div>
<script>
document.querySelectorAll('.bhead').forEach(function(h){
h.addEventListener('click', function(){
var b = h.parentElement;
var open = b.classList.toggle('open');
var body = b.querySelector('.bbody');
body.style.maxHeight = open ? body.scrollHeight + 'px' : '0px';
syncToggleLabel();
});
});
// initialise the pre-opened branch height
document.querySelectorAll('.branch.open .bbody').forEach(function(body){
body.style.maxHeight = body.scrollHeight + 'px';
});
var btn = document.getElementById('toggleAll');
function syncToggleLabel(){
var total = document.querySelectorAll('.branch').length;
var open = document.querySelectorAll('.branch.open').length;
btn.textContent = (open === total) ? 'Collapse all' : 'Expand all';
}
btn.addEventListener('click', function(){
var total = document.querySelectorAll('.branch').length;
var open = document.querySelectorAll('.branch.open').length;
var expand = open < total;
document.querySelectorAll('.branch').forEach(function(b){
var body = b.querySelector('.bbody');
if(expand){ b.classList.add('open'); body.style.maxHeight = body.scrollHeight + 'px'; }
else { b.classList.remove('open'); body.style.maxHeight = '0px'; }
});
syncToggleLabel();
});
syncToggleLabel();
window.addEventListener('resize', function(){
document.querySelectorAll('.branch.open .bbody').forEach(function(body){
body.style.maxHeight = body.scrollHeight + 'px';
});
});
// Starfield (matches the Deviant website)
(function generateStars(){
var c=document.getElementById('stars'); if(!c) return;
var field=document.createElement('div'); field.className='starfield';
var count = window.innerWidth < 700 ? 230 : 460;
var frag=document.createDocumentFragment();
for(var i=0;i<count;i++){
var s=document.createElement('div'); s.className='star';
var roll=Math.random(), size, op, dur;
if(roll<0.78){size=1+Math.random()*0.4;op=0.18+Math.random()*0.22;dur=14+Math.random()*8;}
else if(roll<0.95){size=1.4+Math.random()*0.6;op=0.32+Math.random()*0.22;dur=10+Math.random()*6;}
else {size=1.8+Math.random()*0.8;op=0.45+Math.random()*0.25;dur=8+Math.random()*5;}
s.style.width=size+'px'; s.style.height=size+'px';
s.style.left=Math.random()*100+'%'; s.style.top=Math.random()*100+'%';
s.style.opacity=op; s.style.setProperty('--twinkle-duration',dur+'s');
s.style.setProperty('--twinkle-delay',(Math.random()*dur)+'s');
frag.appendChild(s);
}
field.appendChild(frag); c.appendChild(field);
})();
</script>
<script>
(function themeSwitch(){
var btn=document.getElementById('themeToggle');
var name=document.getElementById('themeName');
if(!btn||!name) return;
function sync(){ name.textContent = document.documentElement.getAttribute('data-theme')==='signal' ? 'CosmoGenesis' : 'Editorial'; }
sync();
btn.addEventListener('click',function(){
var isSignal=document.documentElement.getAttribute('data-theme')==='signal';
if(isSignal){document.documentElement.removeAttribute('data-theme');try{localStorage.setItem('deviant-theme','editorial');}catch(e){}}
else{document.documentElement.setAttribute('data-theme','signal');try{localStorage.setItem('deviant-theme','signal');}catch(e){}}
sync();
});
})();
</script>
</body>
</html>

15
deviant/deviant_website.html Normal file
View file

@ -0,0 +1,15 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Deviant — Power Your Ideas</title>
<meta http-equiv="refresh" content="0; url=./">
<link rel="canonical" href="./">
<style>body{background:#050810;color:#d6dde9;font-family:system-ui,sans-serif;padding:40px}a{color:#d6ff3d}</style>
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
</head>
<body>
<p>Redirecting to <a href="./">deviant.x</a>…</p>
<script>location.replace('./');</script>
</body>
</html>

939
deviant/index.html Normal file
View file

@ -0,0 +1,939 @@
<!DOCTYPE html>
<html lang="en" data-theme="signal">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Deviant — Power Your Ideas</title>
<meta name="description" content="Deviant exists to enable resistance — by giving users on-chain experience that intermediation cannot mediate.">
<script>
(function(){try{var t=localStorage.getItem('deviant-theme');if(t==='editorial'){document.documentElement.removeAttribute('data-theme');}else{document.documentElement.setAttribute('data-theme','signal');}}catch(e){document.documentElement.setAttribute('data-theme','signal');}})();
</script>
<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&family=JetBrains+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700;800&family=DM+Mono:wght@400;500&display=swap" rel="stylesheet">
<style>
:root {
--header-h: 58px;
--sky-deep: #050810;
--sky-mid: #0a0f1c;
--sky-rim: #131a2a;
--star-faint: rgba(255, 255, 255, 0.22);
--star-mid: rgba(255, 255, 255, 0.38);
--star-bright: rgba(255, 255, 255, 0.58);
--ink-soft: #b8c2d4;
--ink: #d6dde9;
--ink-bright: #f1f4fa;
--muted: #6a7488;
--acid: #d6ff3d;
--acid-glow: rgba(214, 255, 61, 0.55);
--acid-halo: rgba(214, 255, 61, 0.22);
--acid-dim: rgba(214, 255, 61, 0.08);
--rust-deep: #6b2a1c;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
html, body {
background: var(--sky-deep);
color: var(--ink);
font-family: 'Fraunces', Georgia, serif;
font-weight: 400;
font-feature-settings: "ss01", "ss02";
font-synthesis: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
overflow-x: hidden;
min-height: 100vh;
}
body { padding-top: var(--header-h); }
html { scroll-padding-top: calc(var(--header-h) + 14px); }
body {
background:
radial-gradient(ellipse at top, var(--sky-rim) 0%, transparent 60%),
radial-gradient(ellipse at bottom right, var(--sky-mid) 0%, transparent 50%),
radial-gradient(ellipse at bottom left, #0c1424 0%, transparent 55%),
var(--sky-deep);
background-attachment: fixed;
position: relative;
}
/* Starfield */
.stars {
position: fixed;
inset: 0;
overflow: hidden;
pointer-events: none;
z-index: 0;
}
.starfield {
position: absolute;
top: 50%; left: 50%;
width: 150vmax; height: 150vmax;
margin: -75vmax 0 0 -75vmax;
transform-origin: center center;
will-change: transform;
animation: skyspin 240s linear infinite;
}
.star {
position: absolute;
background: var(--star-faint);
border-radius: 50%;
animation: twinkle var(--twinkle-duration, 12s) ease-in-out infinite;
animation-delay: var(--twinkle-delay, 0s);
}
@keyframes twinkle {
0%, 100% { opacity: 0.35; }
50% { opacity: 0.85; }
}
@keyframes skyspin {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) {
.star { animation: none; opacity: 0.4; }
.starfield { animation: none; }
}
/* Layout */
.container {
position: relative;
z-index: 1;
max-width: 1180px;
margin: 0 auto;
padding: 0 32px;
}
/* Top bar */
.site-header {
position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 100;
background: rgba(5,8,16,0.80);
backdrop-filter: blur(10px) saturate(120%);
-webkit-backdrop-filter: blur(10px) saturate(120%);
border-bottom: 1px solid rgba(255,255,255,0.06);
}
.topbar {
max-width: 1180px; margin: 0 auto;
padding: 16px 32px;
display: flex;
justify-content: space-between;
align-items: center;
}
.topbar-right { display: flex; align-items: center; gap: 28px; }
.wordmark {
font-family: 'Fraunces', serif;
font-weight: 500;
font-size: 22px;
letter-spacing: -0.01em;
color: var(--ink-bright);
text-decoration: none;
line-height: 1;
}
.wordmark::after {
content: "";
display: inline-block;
width: 5px;
height: 5px;
background: var(--acid);
border-radius: 50%;
margin-left: 7px;
vertical-align: middle;
transform: translateY(-2px);
box-shadow:
0 0 6px var(--acid-glow),
0 0 14px var(--acid-halo);
}
.nav {
display: flex;
gap: 36px;
font-family: 'JetBrains Mono', monospace;
font-size: 11px;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--muted);
}
.nav a {
color: var(--muted);
text-decoration: none;
transition: color 0.4s ease;
}
.nav a:hover { color: var(--ink-bright); }
/* Hero */
.hero {
min-height: calc(100vh - var(--header-h) - 24px);
display: flex;
flex-direction: column;
justify-content: center;
padding: 64px 0 96px;
position: relative;
}
/* Hero two-column layout */
.hero-grid{
display:grid;
grid-template-columns:minmax(0,1.18fr) minmax(0,0.82fr);
gap:clamp(36px,5vw,72px);
align-items:center;
width:100%;
}
.hero-left .opening{max-width:none;}
.hero-left .opening p{font-size:clamp(17px,2.295vw,26.35px);margin-bottom:0;}
.hero-left .response{margin-top:32px;}
.hero-right{display:flex;flex-direction:column;gap:30px;}
.traj{width:100%;height:auto;display:block;overflow:visible;}
.traj .traj-default{stroke:var(--muted);stroke-width:1.4;fill:none;opacity:.6;stroke-dasharray:3 6;stroke-linecap:round;}
.traj .traj-dev{stroke:var(--acid);stroke-width:2.4;fill:none;stroke-linecap:round;filter:drop-shadow(0 0 5px var(--acid-halo));}
.traj .traj-node{fill:var(--acid);filter:drop-shadow(0 0 7px var(--acid-glow));}
.traj .traj-branch{fill:var(--muted);}
.traj text{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.16em;text-transform:uppercase;}
.traj .traj-lbl-muted{fill:var(--muted);}
.traj .traj-lbl-acid{fill:var(--acid);}
.hero-cta{display:flex;flex-direction:column;gap:12px;}
.btn{
font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;
text-decoration:none;padding:15px 18px;border-radius:11px;
display:flex;align-items:center;justify-content:space-between;gap:12px;
transition:border-color .25s ease,color .25s ease,box-shadow .25s ease,background .25s ease;
}
.btn-primary{color:var(--sky-deep);background:var(--acid);font-weight:600;box-shadow:0 0 16px var(--acid-dim);}
.btn-primary:hover{box-shadow:0 0 28px var(--acid-halo);}
.btn-ghost{color:var(--ink);background:transparent;border:1px solid rgba(184,194,212,0.22);}
.btn-ghost:hover{border-color:var(--acid);color:var(--ink-bright);}
@media (max-width:880px){
.hero-grid{grid-template-columns:1fr;gap:40px;}
.hero-right{order:2;max-width:440px;}
}
.label {
font-family: 'JetBrains Mono', monospace;
font-size: 10px;
letter-spacing: 0.28em;
text-transform: uppercase;
color: var(--muted);
margin-bottom: 48px;
display: flex;
align-items: center;
gap: 12px;
}
.label::before {
content: "";
width: 22px;
height: 1px;
background: var(--muted);
}
.opening {
max-width: 920px;
}
.opening p {
font-family: 'Fraunces', serif;
font-weight: 300;
font-size: clamp(22px, 3.2vw, 36px);
line-height: 1.42;
letter-spacing: -0.012em;
color: var(--ink);
margin-bottom: 28px;
font-variation-settings: "opsz" 96;
}
.opening p:last-child {
margin-bottom: 0;
}
.opening .o2 {
color: var(--ink);
}
.opening .o3 {
color: var(--ink-bright);
}
/* The rotating word */
.rot-wrap {
display: inline-block;
position: relative;
vertical-align: baseline;
text-align: left;
}
.rot-word {
display: inline-block;
position: relative;
color: var(--ink-bright);
font-style: italic;
font-weight: 400;
}
.rot-word::after {
content: '';
position: absolute;
left: calc(100% + 3px);
top: 0.14em;
width: 2px; height: 0.84em;
background: var(--acid);
box-shadow: 0 0 6px var(--acid-halo);
animation: caretBlink 1s step-end infinite;
}
@keyframes caretBlink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) {
.rot-word::after { animation: none; opacity: 0; }
}
/* Deviation glow — acid green luminescence */
.deviation {
color: var(--acid);
font-style: italic;
font-weight: 500;
text-shadow:
0 0 4px var(--acid-glow),
0 0 14px var(--acid-halo),
0 0 32px var(--acid-dim);
}
/* Response line — slim mark, no box */
.response {
margin-top: 56px;
max-width: 760px;
position: relative;
padding-left: 24px;
}
.response::before {
content: "";
position: absolute;
left: 0;
top: 6px;
bottom: 6px;
width: 2px;
background: var(--acid);
box-shadow:
0 0 6px var(--acid-glow),
0 0 14px var(--acid-halo);
}
.response p {
font-family: 'Fraunces', serif;
font-weight: 400;
font-size: clamp(18px, 1.9vw, 22px);
line-height: 1.55;
letter-spacing: -0.005em;
color: var(--ink);
}
.response strong {
color: var(--ink-bright);
font-weight: 500;
}
/* Pathways */
.pathways {
padding: 112px 0 96px;
border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.pathways-label {
font-family: 'JetBrains Mono', monospace;
font-size: 10px;
letter-spacing: 0.28em;
text-transform: uppercase;
color: var(--muted);
margin-bottom: 56px;
}
.path-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 48px;
}
.path {
text-decoration: none;
color: inherit;
display: block;
transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.path:hover {
transform: translateY(-4px);
}
.path-num {
font-family: 'JetBrains Mono', monospace;
font-size: 11px;
letter-spacing: 0.22em;
color: var(--muted);
margin-bottom: 18px;
}
.path-title {
font-family: 'Fraunces', serif;
font-weight: 400;
font-size: 26px;
line-height: 1.25;
letter-spacing: -0.012em;
color: var(--ink-bright);
margin-bottom: 14px;
font-variation-settings: "opsz" 72;
}
.path-desc {
font-family: 'Fraunces', serif;
font-weight: 300;
font-size: 15px;
line-height: 1.6;
color: var(--ink-soft);
font-variation-settings: "opsz" 14;
}
.path-arrow {
display: inline-block;
margin-top: 18px;
font-family: 'JetBrains Mono', monospace;
font-size: 11px;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--muted);
transition: color 0.4s ease, gap 0.4s ease;
}
.path:hover .path-arrow { color: var(--acid); }
.path-arrow::after {
content: " →";
display: inline-block;
transition: transform 0.4s ease;
}
.path:hover .path-arrow::after { transform: translateX(4px); }
/* Footer */
footer {
padding: 56px 0 48px;
border-top: 1px solid rgba(255, 255, 255, 0.06);
display: flex;
justify-content: space-between;
align-items: flex-end;
gap: 32px;
flex-wrap: wrap;
}
.footer-mark {
font-family: 'Fraunces', serif;
font-weight: 400;
font-size: 15px;
color: var(--muted);
max-width: 480px;
line-height: 1.55;
}
.footer-mark strong {
color: var(--ink);
font-weight: 500;
}
.footer-meta {
font-family: 'JetBrains Mono', monospace;
font-size: 10px;
letter-spacing: 0.22em;
text-transform: uppercase;
color: var(--muted);
text-align: right;
}
.footer-meta div { margin-bottom: 6px; }
.footer-meta div:last-child { margin-bottom: 0; }
/* Positioning — what Deviant is */
.positioning {
padding: 112px 0 96px;
border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.pos-statement { max-width: 980px; margin-top: 8px; }
.surfaces {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 44px 48px;
margin-top: 80px;
}
.surface-name {
font-family: 'Fraunces', serif; font-weight: 400; font-size: 22px;
color: var(--ink-bright); margin-bottom: 8px; letter-spacing: -0.012em;
font-variation-settings: "opsz" 72;
}
.surface-desc {
font-family: 'Fraunces', serif; font-weight: 300; font-size: 15px;
line-height: 1.6; color: var(--ink-soft); font-variation-settings: "opsz" 14;
}
.clean-note { margin-top: 80px; }
.clean-tags { display: flex; flex-wrap: wrap; gap: 12px 28px; }
.clean-tags span {
font-family: 'JetBrains Mono', monospace; font-size: 11px;
letter-spacing: 0.18em; text-transform: uppercase; color: var(--acid);
}
.clean-note p {
margin-top: 24px; max-width: 720px;
font-family: 'Fraunces', serif; font-weight: 300; font-size: 16px;
line-height: 1.62; color: var(--ink-soft);
}
.slogan-closing { text-align: center; margin: 120px 0 8px; }
.slogan-line {
margin-top: 88px;
font-family: 'Fraunces', serif; font-style: italic; font-weight: 500;
font-size: clamp(26px, 4vw, 44px); letter-spacing: -0.01em;
color: var(--acid);
text-shadow: 0 0 6px var(--acid-glow), 0 0 18px var(--acid-halo), 0 0 40px var(--acid-dim);
}
/* Mobile */
@media (max-width: 880px) {
.container { padding: 0 22px; }
.topbar { padding: 12px 20px; }
.nav { display: none; }
.opening p { font-size: clamp(20px, 5.4vw, 28px); }
.hero { min-height: calc(100vh - var(--header-h)); padding: 40px 0 72px; }
.response { margin-top: 56px; padding-left: 22px; }
.response p { font-size: 17px; }
.pathways { padding: 88px 0 72px; }
.path-grid { grid-template-columns: 1fr; gap: 56px; }
.pathways-label { margin-bottom: 40px; }
footer { flex-direction: column; align-items: flex-start; }
.footer-meta { text-align: left; }
.positioning { padding: 88px 0 72px; }
.surfaces { grid-template-columns: 1fr; gap: 44px; margin-top: 56px; }
.clean-note { margin-top: 56px; }
.slogan-line { margin-top: 64px; }
}
@media (max-width: 480px) {
.container { padding: 0 18px; }
.label { font-size: 9px; margin-bottom: 32px; }
.label::before { width: 14px; }
.opening p { font-size: 19px; line-height: 1.45; }
.response p { font-size: 16px; }
.path-title { font-size: 22px; }
}
/* Skip-link for accessibility */
.skip { position: absolute; left: -9999px; }
.skip:focus {
left: 12px; top: 12px; z-index: 100;
padding: 8px 14px; background: var(--ink-bright); color: var(--sky-deep);
font-family: 'JetBrains Mono', monospace; font-size: 11px;
letter-spacing: 0.18em; text-transform: uppercase; text-decoration: none;
}
/* Proof metrics */
.metrics {
display: grid; grid-template-columns: repeat(4, 1fr);
gap: 28px; margin-top: 64px;
border-top: 1px solid rgba(255,255,255,0.06);
border-bottom: 1px solid rgba(255,255,255,0.06);
padding: 36px 0;
}
.metric-n {
font-family: 'Fraunces', serif; font-weight: 400;
font-size: clamp(30px, 4vw, 46px); line-height: 1;
color: var(--acid);
text-shadow: 0 0 6px var(--acid-glow), 0 0 18px var(--acid-halo);
font-variation-settings: "opsz" 96;
}
.metric-l {
margin-top: 12px;
font-family: 'JetBrains Mono', monospace; font-size: 10px;
letter-spacing: 0.18em; text-transform: uppercase; color: var(--muted);
}
/* Contrast grid (positioning) */
.vs-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 44px 48px; margin-top: 72px; }
.vs-col .vs-head {
font-family: 'JetBrains Mono', monospace; font-size: 10px;
letter-spacing: 0.2em; text-transform: uppercase;
color: var(--muted); margin-bottom: 14px;
}
.vs-col.is-mba .vs-head { color: var(--acid); }
.vs-col .vs-body {
font-family: 'Fraunces', serif; font-weight: 300; font-size: 16px;
line-height: 1.62; color: var(--ink-soft);
}
.vs-col .vs-body strong { color: var(--ink-bright); font-weight: 500; }
@media (max-width: 880px) {
.metrics { grid-template-columns: repeat(2, 1fr); gap: 28px 20px; }
.vs-grid { grid-template-columns: 1fr; gap: 36px; }
.surfaces { grid-template-columns: 1fr !important; }
}
/* ===== Style switch: Signal theme (sans / glow, mindmap aesthetic) ===== */
[data-theme="signal"] {
--sky-deep:#050505; --sky-mid:#0a0a0a; --sky-rim:#161616;
--ink:#f2f2f2; --ink-bright:#ffffff; --ink-soft:#d2d2d2; --muted:#9a9a9a;
--acid:#c6ff00;
--acid-glow:rgba(198,255,0,0.60); --acid-halo:rgba(198,255,0,0.34); --acid-dim:rgba(198,255,0,0.16);
}
[data-theme="signal"] * { font-family:'DM Sans', system-ui, "Segoe UI", sans-serif !important; font-style: normal !important; }
[data-theme="signal"] body { line-height:1.62; -webkit-font-smoothing:antialiased; }
/* uppercase labels in mono — the v6 treatment */
[data-theme="signal"] .label,
[data-theme="signal"] .pathways-label,
[data-theme="signal"] .nav,
[data-theme="signal"] .nav a,
[data-theme="signal"] .vs-head,
[data-theme="signal"] .metric-l,
[data-theme="signal"] .clean-tags span,
[data-theme="signal"] .kicker,
[data-theme="signal"] .footer-meta,
[data-theme="signal"] .theme-toggle { font-family:'DM Mono', ui-monospace, monospace !important; letter-spacing:0.12em; }
[data-theme="signal"] .btn { font-family:'DM Mono', ui-monospace, monospace !important; }
[data-theme="signal"] body {
background:
radial-gradient(1200px 600px at 50% -10%, rgba(198,255,0,0.06), transparent 60%),
radial-gradient(900px 500px at 100% 120%, rgba(198,255,0,0.04), transparent 60%),
#050505;
}
[data-theme="signal"] .label,
[data-theme="signal"] .pathways-label,
[data-theme="signal"] .nav,
[data-theme="signal"] .vs-head,
[data-theme="signal"] .metric-l,
[data-theme="signal"] .clean-tags span,
[data-theme="signal"] .opening p { font-weight: 700 !important; }
[data-theme="signal"] .wordmark,
[data-theme="signal"] .path-title,
[data-theme="signal"] .surface-name,
[data-theme="signal"] .slogan-line,
[data-theme="signal"] .metric-n,
[data-theme="signal"] .footer-mark strong { font-weight: 800 !important; }
[data-theme="signal"] .deviation,
[data-theme="signal"] .slogan-line,
[data-theme="signal"] .metric-n {
text-shadow: 0 0 6px rgba(198,255,0,0.55), 0 0 18px rgba(198,255,0,0.35), 0 0 40px rgba(198,255,0,0.18) !important;
}
/* Style-switch button */
.theme-toggle {
font-family: 'JetBrains Mono', monospace; font-size: 10px;
letter-spacing: 0.16em; text-transform: uppercase;
color: var(--acid); background: rgba(214,255,61,0.06);
border: 1px solid var(--acid-halo); padding: 8px 13px; border-radius: 999px;
cursor: pointer; white-space: nowrap;
transition: border-color 0.3s ease, color 0.3s ease, background 0.3s ease;
}
.theme-toggle:hover { border-color: var(--acid); background: rgba(214,255,61,0.10); }
[data-theme="signal"] .site-header { background: rgba(5,5,5,0.82); }
[data-theme="signal"] .theme-toggle { background: rgba(198,255,0,0.07); }
</style>
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
</head>
<body>
<a href="#main" class="skip">Skip to content</a>
<div class="stars" aria-hidden="true" id="stars"></div>
<header class="site-header">
<div class="topbar">
<a href="./" class="wordmark">Deviant</a>
<div class="topbar-right">
<nav class="nav" aria-label="Primary">
<a href="#what">What</a>
<a href="#mechanism">Mechanism</a>
<a href="#proof">Proof</a>
<a href="https://deviant.navigate.st/" target="_blank" rel="noopener noreferrer">Wallet</a>
<a href="./potidaea/">Potidaea</a>
<a href="./anthemus/">Anthemus</a>
</nav>
</div>
</div>
</header>
<div class="container">
<main id="main" class="hero">
<div class="hero-grid">
<div class="hero-left">
<div class="label">A response to a default trajectory</div>
<div class="opening">
<p class="o-lead">When the institutional, technical, economic, and rhetorical forces all point in the same direction, the outcome they point toward becomes the default trajectory. <span class="deviation">Deviation</span> from the trajectory requires active resistance. In a <span class="rot-wrap"><span class="rot-word" id="rot">captured</span></span> information environment with limited resistance capacity, the default trajectory is what occurs.</p>
</div>
<div class="response">
<p><strong>Deviant</strong> exists to enable that resistance — by giving users on-chain experience that <em>intermediation cannot mediate</em>.</p>
</div>
</div>
<aside class="hero-right" aria-label="Trajectory and entry points">
<svg class="traj" viewBox="0 0 380 240" role="img" aria-label="A default trajectory drifting down, and a deviation breaking upward">
<path class="traj-default" d="M 12 70 C 110 96, 150 120, 200 138 C 255 158, 305 176, 368 198"/>
<circle class="traj-branch" cx="200" cy="138" r="3.4"/>
<path class="traj-dev" d="M 200 138 C 250 120, 300 84, 368 44"/>
<circle class="traj-node" cx="368" cy="44" r="5"/>
<text class="traj-lbl-muted" x="12" y="216">Default trajectory</text>
<text class="traj-lbl-acid" x="368" y="30" text-anchor="end">Deviation</text>
</svg>
<div class="hero-cta">
<a class="btn btn-primary" href="https://deviant.navigate.st/" target="_blank" rel="noopener noreferrer">Open Deviant Wallet <span aria-hidden="true">&rarr;</span></a>
<a class="btn btn-ghost" href="https://deviant.navigate.st/" target="_blank" rel="noopener noreferrer">Create Your Own Asset <span aria-hidden="true">&rarr;</span></a>
<a class="btn btn-ghost" href="#agora">Agora &mdash; Potidaea ASM &amp; Anthemus DEX <span aria-hidden="true">&rarr;</span></a>
</div>
</aside>
</div>
</main>
<section class="positioning" id="what" aria-label="What Deviant is">
<div class="pathways-label">What this is</div>
<div class="opening pos-statement">
<p>Deviant is the first wallet for an asset class that exists <span class="deviation">nowhere else</span> — a Bitcoin&#8209;Cash&#8209;backed asset you can redeem at a fixed rate, at any time, with no issuer, no custodian, and no counterparty. Enforced by mathematics, not trust.</p>
</div>
<div class="response">
<p>Permissionless mint, fixed rate, unlimited reservoir — the contract replaces the market maker, the liquidity provider, and the counterparty at once. Mint from a permissionless covenant; exit by burning your output back to its Bitcoin&#8209;Cash floor; swap to any other permissionless&#8209;mint asset in a single atomic transaction. <strong>No pool. No oracle. No one to ask.</strong></p>
</div>
<div class="surfaces">
<div class="surface"><div class="surface-name">Artemision</div><div class="surface-desc">Create. Genesis in one transaction — core parameters sealed, irreversible.</div></div>
<div class="surface"><div class="surface-name">Katalogos</div><div class="surface-desc">The asset list. Every class, filterable across the backed ↔ non-backed spectrum and by use-case.</div></div>
<div class="surface"><div class="surface-name">Agora</div><div class="surface-desc">The market hub. Home to Potidaea — a counterparty-free automated swap mechanism — and Anthemus, a decentralized exchange.</div></div>
</div>
<div class="clean-note">
<div class="clean-tags"><span>No issuer</span><span>No custodian</span><span>No counterparty</span><span>No token sale</span></div>
<p>Not a fundraise, not a pre&#8209;mine. The contract is small enough to read end to end in an evening — read it, replay the chain, break it or trust it. The wallet reports facts the chain has already settled; it never asks you to trust it.</p>
</div>
</section>
<section class="positioning" id="mechanism" aria-label="The mechanism">
<div class="pathways-label">The mechanism · ASM</div>
<div class="opening pos-statement">
<p>Every unit is <span class="deviation">self&#8209;backed</span> — it carries its own Bitcoin Cash inside the UTXO at a fixed rate. Redemption is a plain spend; a swap is a single atomic transaction, settled by consensus.</p>
</div>
<div class="response">
<p>The <strong>Automated Swap Mechanism</strong> prices every exchange by the Universal Exchange Rate — rate&#8202;A ÷ rate&#8202;B — derived from genesis constants alone. No DEX, no AMM, no oracle, no operator. There is no <em>approximately</em>: the floor is an equality the contract enforces at consensus level. <strong>Deterministic, not probabilistic.</strong></p>
</div>
<div class="clean-note">
<div class="clean-tags"><span>No counterparty</span><span>No oracle</span><span>No pool</span><span>No operator</span></div>
</div>
</section>
<section class="positioning" id="agora" aria-label="Agora">
<div class="pathways-label">Agora — the market hub</div>
<div class="opening pos-statement">
<p>Two markets under one roof. <strong>Potidaea</strong> is the native-BCH ASM — counterparty-free swaps priced by the Universal Exchange Rate, backing enforced at consensus level. <strong>Anthemus</strong> is the DEX — order-book and AMM for token-class assets and cross-chain price discovery. Together they cover every asset the wallet can hold.</p>
</div>
<div class="response">
<p>Potidaea's market exists the moment an MBA does — no order book, no listing gate; a founder can <strong>create an asset and earn without ever selling it</strong>. Anthemus adds the trading floor for everything the mechanism can't price alone — Token-class assets, wrapped foreign coins, cross-chain settlement.</p>
</div>
</section>
<section class="positioning" id="proof" aria-label="The proof">
<div class="pathways-label">The proof</div>
<div class="opening pos-statement">
<p>Not a hypothesis — a working mechanism, validated on the Bitcoin Cash <span class="deviation">chipnet</span> across 287 snapshots.</p>
</div>
<div class="metrics">
<div><div class="metric-n">564</div><div class="metric-l">Tests passing</div></div>
<div><div class="metric-n">52,998</div><div class="metric-l">Chipnet swaps</div></div>
<div><div class="metric-n">0</div><div class="metric-l">Exploits</div></div>
<div><div class="metric-n">100%</div><div class="metric-l">Peg integrity</div></div>
</div>
<div class="response" style="margin-top:56px;">
<p>The early atomic swaps proved the mechanism works; the bulk of the suite then exercised MBAs across <strong>use cases, configurations, and adversarial scenarios</strong> — what the assets can do, and whether they break. The wallet core is feature&#8209;complete and a <strong>PWA beta is live</strong> on chipnet. The contract is small enough to read in an evening: verify it, replay the chain, break it or trust it.</p>
</div>
</section>
<section class="positioning" id="positioning" aria-label="Why it is different">
<div class="pathways-label">Why it is different</div>
<div class="opening pos-statement">
<p>A conventional token is <span class="deviation">disconnected</span> from its base layer; an MBA is tied to it — so one asset's success amplifies the whole ecosystem.</p>
</div>
<div class="vs-grid">
<div class="vs-col"><div class="vs-head">Conventional tokens · ERC-20, BEP-20, …</div><div class="vs-body">No locked peg. Value rests on issuer reputation, demand, and traded liquidity — disconnected from any base&#8209;layer floor.</div></div>
<div class="vs-col is-mba"><div class="vs-head">The MBA</div><div class="vs-body">Value <strong>enforced by the protocol, not promised by an issuer</strong>. Price cannot fall below the mathematical floor.</div></div>
<div class="vs-col"><div class="vs-head">Stablecoins</div><div class="vs-body">When the issuer fails, a conventional stablecoin recovers $0. An MBA carries an on&#8209;chain <strong>bankruptcy&#8209;protection floor</strong>.</div></div>
<div class="vs-col is-mba"><div class="vs-head">DEX / exchanges</div><div class="vs-body">No order matching, no liquidity to bootstrap, no counterparty to wait for — the protocol is the exchange.</div></div>
</div>
<div class="clean-note">
<p>The <strong>volatility paradox</strong>: the asset marketed as "safe" fails its advertised property under stress. An MBA promises nothing it cannot keep — and because supply expands only against locked Bitcoin Cash, every asset launched <em>amplifies</em> the scarcity of the base layer rather than diluting it.</p>
</div>
</section>
<section class="positioning" id="economics" aria-label="The economics">
<div class="pathways-label">The economics — no fundraise</div>
<div class="opening pos-statement">
<p>Revenue is <span class="deviation">earned from real activity</span>, never raised. Like Bitcoin's own launch: no pre&#8209;mine, no token sale.</p>
</div>
<div class="surfaces">
<div class="surface"><div class="surface-name">Founder revenue</div><div class="surface-desc">A mint&#8209;only fee, immutable after genesis. Set at 1% on both sides, it creates a mathematically enforced ~2% round&#8209;trip spread — automated revenue from activity, not from selling the asset.</div></div>
<div class="surface"><div class="surface-name">Platform revenue</div><div class="surface-desc">Three streams: a voluntary marketing revenue&#8209;share on the Olympic tier ladder (Free → Bronze → Silver → Gold → Laurel), a ~0.5% wallet swap fee, and premium features.</div></div>
</div>
</section>
<section class="positioning" id="alignment" aria-label="Bitcoin Cash alignment">
<div class="pathways-label">Bitcoin Cash alignment</div>
<div class="opening pos-statement">
<p>Most projects extract from their chain. Deviant <span class="deviation">inverts</span> that — a public commitment of 25–50% of platform revenue to Bitcoin Cash infrastructure, scaling toward the higher figure.</p>
</div>
<div class="response">
<p>Structural recognition of dependency, not philanthropy. The base layer is the <strong>environment</strong> — predetermined, permanent, unaffected by what evolves within it. Stars hang without visible support; planets wander yet hold their courses, bound by an unseen force. So here: <em>mathematics, not authority, holds the system together.</em></p>
</div>
</section>
<section class="pathways" id="pathways" aria-label="Project pathways">
<div class="pathways-label">Where to begin</div>
<div class="path-grid">
<a href="https://deviant.navigate.st/" target="_blank" rel="noopener noreferrer" class="path">
<div class="path-num">— 01</div>
<div class="path-title">The Wallet</div>
<div class="path-desc">On-chain experience without intermediation. Send, receive, and mint value-bearing assets the captured layer cannot mediate. Chipnet beta today — real testnet, no real funds.</div>
<div class="path-arrow">Open the wallet</div>
</a>
<a href="./potidaea/" class="path">
<div class="path-num">— 02</div>
<div class="path-title">Potidaea · Automated Swap Mechanism</div>
<div class="path-desc">Counterparty-free by design. Swaps between BCH and backing-anchored assets are priced by the covenant — the mechanism that makes an MBA economy possible without pooled liquidity.</div>
<div class="path-arrow">Enter Potidaea</div>
</a>
<a href="./anthemus/" class="path">
<div class="path-num">— 03</div>
<div class="path-title">Anthemus · Decentralized Exchange</div>
<div class="path-desc">Order-book plus AMM for token-class assets and cross-chain price discovery. Participants price the market; the interchain settlement hub's public trading floor.</div>
<div class="path-arrow">Enter Anthemus</div>
</a>
</div>
</section>
<div class="slogan-line slogan-closing">Power Your Ideas.</div>
<footer>
<div class="footer-mark">
<strong>Deviant</strong> is built on Bitcoin Cash because, measured against the whitepaper, BCH retains the structural properties the original specification depends on. The base layer matters.
</div>
<div class="footer-meta">
<div>Version 0.1 · Deviant</div>
<div>Last updated · August 2026</div>
</div>
</footer>
</div>
<script>
// Generate starfield
(function generateStars() {
const container = document.getElementById('stars');
if (!container) return;
const field = document.createElement('div'); field.className = 'starfield';
const count = window.innerWidth < 700 ? 260 : 520;
const frag = document.createDocumentFragment();
for (let i = 0; i < count; i++) {
const s = document.createElement('div');
s.className = 'star';
// Most stars are tiny and faint
const roll = Math.random();
let size, opacity, twinkleDur;
if (roll < 0.78) {
size = 1 + Math.random() * 0.4; // mostly tiny
opacity = 0.18 + Math.random() * 0.22;
twinkleDur = 14 + Math.random() * 8;
} else if (roll < 0.95) {
size = 1.4 + Math.random() * 0.6;
opacity = 0.32 + Math.random() * 0.22;
twinkleDur = 10 + Math.random() * 6;
} else {
size = 1.8 + Math.random() * 0.8;
opacity = 0.45 + Math.random() * 0.25;
twinkleDur = 8 + Math.random() * 5;
}
s.style.width = size + 'px';
s.style.height = size + 'px';
s.style.left = Math.random() * 100 + '%';
s.style.top = Math.random() * 100 + '%';
s.style.opacity = opacity;
s.style.setProperty('--twinkle-duration', twinkleDur + 's');
s.style.setProperty('--twinkle-delay', (Math.random() * twinkleDur) + 's');
frag.appendChild(s);
}
field.appendChild(frag);
container.appendChild(field);
})();
// Rotating word — typewriter: type -> hold 5s -> delete -> next
(function typeWord() {
const el = document.getElementById('rot');
if (!el) return;
const words = ['captured', 'compromised', 'constrained'];
const wrap = el.parentElement;
// Reserve a fixed slot = widest word so the text after it never reflows.
function reserve() {
if (!wrap) return;
const prev = el.textContent;
let max = 0;
words.forEach(function (w) { el.textContent = w; if (el.offsetWidth > max) max = el.offsetWidth; });
el.textContent = prev;
wrap.style.minWidth = (max + 8) + 'px';
}
reserve();
if (document.fonts && document.fonts.ready) document.fonts.ready.then(reserve);
if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
el.textContent = words[0];
return;
}
let wi = 0, ci = 0, deleting = false;
const typeMs = 95, delMs = 45, holdMs = 5000, gapMs = 500;
el.textContent = '';
function tick() {
const w = words[wi];
if (!deleting) {
ci++; el.textContent = w.slice(0, ci);
if (ci === w.length) { deleting = true; setTimeout(tick, holdMs); return; }
setTimeout(tick, typeMs);
} else {
ci--; el.textContent = w.slice(0, ci);
if (ci === 0) { deleting = false; wi = (wi + 1) % words.length; setTimeout(tick, gapMs); return; }
setTimeout(tick, delMs);
}
}
setTimeout(tick, 700);
})();
// Style switch: Signal (default) <-> Editorial, persisted across pages
(function themeSwitch(){
var btn = document.getElementById('themeToggle');
var name = document.getElementById('themeName');
if (!btn || !name) return;
function sync(){ name.textContent = document.documentElement.getAttribute('data-theme') === 'signal' ? 'CosmoGenesis' : 'Editorial'; }
sync();
btn.addEventListener('click', function(){
var isSignal = document.documentElement.getAttribute('data-theme') === 'signal';
if (isSignal) { document.documentElement.removeAttribute('data-theme'); try{localStorage.setItem('deviant-theme','editorial');}catch(e){} }
else { document.documentElement.setAttribute('data-theme','signal'); try{localStorage.setItem('deviant-theme','signal');}catch(e){} }
sync();
});
})();
</script>
</body>
</html>

283
deviant/potidaea/index.html Normal file
View file

@ -0,0 +1,283 @@
<!doctype html>
<html lang="en" data-theme="signal">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Potidaea — Native-BCH Automated Swap Mechanism</title>
<meta name="description" content="Potidaea — the native-BCH ASM. Counterparty-free swaps, priced by the Universal Exchange Rate, backing enforced at consensus level.">
<base href="./">
<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&family=DM+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
<style>
:root {
--sky-deep: #050810;
--sky-mid: #0a0f1c;
--sky-rim: #131a2a;
--ink-soft: #b8c2d4;
--ink: #d6dde9;
--ink-bright: #f1f4fa;
--muted: #6a7488;
--acid: #d6ff3d;
--acid-glow: rgba(214,255,61,0.55);
--acid-halo: rgba(214,255,61,0.22);
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
background:
radial-gradient(ellipse at 30% 20%, var(--sky-mid), var(--sky-deep) 60%, #02040a),
var(--sky-deep);
color: var(--ink);
font-family: 'DM Sans', -apple-system, 'Segoe UI', Roboto, sans-serif;
min-height: 100vh;
line-height: 1.55;
}
header {
max-width: 1200px;
margin: 0 auto;
padding: 32px 32px 0;
display: flex;
align-items: center;
justify-content: space-between;
}
.wordmark {
font-family: 'Fraunces', Georgia, serif;
font-weight: 500;
font-size: 24px;
color: var(--ink-bright);
text-decoration: none;
letter-spacing: -0.02em;
}
.wordmark::after {
content: '.';
color: var(--acid);
}
nav a {
color: var(--ink-soft);
text-decoration: none;
margin-left: 24px;
font-size: 14px;
letter-spacing: 0.5px;
}
nav a:hover { color: var(--acid); }
main {
max-width: 1000px;
margin: 0 auto;
padding: 88px 32px 64px;
}
.breadcrumb {
font-family: 'JetBrains Mono', monospace;
font-size: 12px;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--muted);
margin: 0 0 20px;
}
.breadcrumb a { color: var(--muted); text-decoration: none; border-bottom: 1px dotted var(--sky-rim); }
.breadcrumb a:hover { color: var(--acid); border-bottom-color: var(--acid); }
h1 {
font-family: 'Fraunces', Georgia, serif;
font-weight: 500;
font-size: clamp(56px, 9vw, 120px);
line-height: 1;
letter-spacing: -0.03em;
margin: 0 0 24px;
color: var(--ink-bright);
}
.tagline {
font-family: 'DM Sans', sans-serif;
font-weight: 600;
font-size: 20px;
color: var(--acid);
letter-spacing: 3px;
text-transform: uppercase;
margin: 0 0 40px;
}
.lede {
font-family: 'Fraunces', serif;
font-weight: 400;
font-style: italic;
font-size: clamp(22px, 3vw, 30px);
color: var(--ink-soft);
line-height: 1.45;
margin: 0 0 32px;
max-width: 780px;
}
.prose p {
color: var(--ink);
font-size: 18px;
max-width: 720px;
margin: 0 0 20px;
}
.prose p strong { color: var(--ink-bright); }
.prose p em { color: var(--acid); font-style: italic; }
.surfaces {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 16px;
margin: 56px 0;
}
.surface {
background: rgba(19,26,42,0.5);
border: 1px solid var(--sky-rim);
border-radius: 14px;
padding: 22px 22px 24px;
}
.surface-name {
font-family: 'Fraunces', serif;
font-weight: 500;
font-size: 22px;
color: var(--ink-bright);
margin: 0 0 10px;
}
.surface-desc {
color: var(--ink-soft);
font-size: 14.5px;
line-height: 1.55;
}
.cta {
display: flex;
gap: 14px;
flex-wrap: wrap;
margin-top: 40px;
}
.btn {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 14px 24px;
border-radius: 10px;
font-weight: 600;
font-size: 15px;
text-decoration: none;
letter-spacing: 0.3px;
transition: transform 120ms ease, border-color 120ms ease;
}
.btn:hover { transform: translateY(-1px); }
.btn-primary {
background: var(--acid);
color: #0a0f1c;
}
.btn-ghost {
color: var(--ink);
background: transparent;
border: 1px solid rgba(184,194,212,0.24);
}
.btn-ghost:hover { border-color: var(--acid); color: var(--acid); }
.kicker {
font-family: 'JetBrains Mono', monospace;
font-size: 12px;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--acid);
margin: 0 0 12px;
}
.stats {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
gap: 16px;
margin: 40px 0 8px;
padding: 24px 0;
border-top: 1px solid var(--sky-rim);
border-bottom: 1px solid var(--sky-rim);
}
.stat-n {
font-family: 'JetBrains Mono', monospace;
font-weight: 500;
font-size: clamp(28px, 4vw, 40px);
color: var(--ink-bright);
letter-spacing: -1px;
}
.stat-l {
font-family: 'DM Sans', sans-serif;
font-size: 12px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--muted);
margin-top: 4px;
}
footer {
max-width: 1200px;
margin: 80px auto 0;
padding: 32px;
border-top: 1px solid var(--sky-rim);
color: var(--muted);
font-size: 13px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 12px;
}
footer a { color: var(--ink-soft); text-decoration: none; }
footer a:hover { color: var(--acid); }
@media (max-width: 640px) {
header { flex-direction: column; gap: 12px; align-items: flex-start; }
nav a { margin: 0 16px 0 0; }
main { padding: 40px 20px 32px; }
}
</style>
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
</head>
<body>
<header>
<a href="../" class="wordmark">Deviant</a>
<nav>
<a href="../">Home</a>
<a href="../#agora">Agora</a>
<a href="../anthemus/">Anthemus</a>
<a href="https://deviant.navigate.st/" target="_blank" rel="noopener noreferrer">Wallet</a>
</nav>
</header>
<main>
<p class="breadcrumb"><a href="../">Deviant</a> · <a href="../#agora">Agora</a> · Potidaea</p>
<h1>Potidaea</h1>
<p class="tagline">Counterparty-free automated swap mechanism</p>
<p class="lede">One of the two markets under Agora — the one where the price is the mechanism.</p>
<div class="prose">
<p><strong>Potidaea</strong> handles counterparty-free swaps for backed assets. Every exchange is priced by the <em>Universal Exchange Rate</em> — rate&#8202;A ÷ rate&#8202;B, derived from genesis constants alone — and settled by consensus. <strong>No pool. No oracle. No one to ask.</strong></p>
<p>The contract is the market maker, the liquidity provider, and the counterparty at once. Mint from a permissionless covenant; exit by burning your output back to its Bitcoin Cash floor; swap to any other permissionless-mint asset in a single atomic transaction.</p>
<p>Named after Ποτίδαια — the city of Poseidon — because the liquidity behaves like ocean: MBA↔MBA depth is infinite from moment zero. Backing <em>is</em> liquidity, elastic-mint. There is no bootstrap, no seeding, no thin-pairs, no slippage in the usual sense.</p>
</div>
<p class="kicker">— The Potidaea flow</p>
<div class="surfaces">
<div class="surface">
<div class="surface-name">Genesis</div>
<div class="surface-desc">One transaction seals the core parameters — backing rate, category, mint policy. Immutable after mint; no upgrade key, no admin.</div>
</div>
<div class="surface">
<div class="surface-name">Swap</div>
<div class="surface-desc">Any address can claim against the reservoir. Sequencer + sharded reservoir + auto-assign — measured at 196 swaps/sec on a local BCHN node.</div>
</div>
<div class="surface">
<div class="surface-name">Redeem</div>
<div class="surface-desc">Burn the output back to its BCH floor at any time. The floor is an equality the contract enforces at consensus level — not an approximation.</div>
</div>
</div>
<div class="stats">
<div><div class="stat-n">52,998</div><div class="stat-l">Chipnet swaps</div></div>
<div><div class="stat-n">0</div><div class="stat-l">Exploits</div></div>
<div><div class="stat-n">100%</div><div class="stat-l">Peg integrity</div></div>
<div><div class="stat-n">~52k</div><div class="stat-l">Per 32 MB block</div></div>
</div>
<div class="cta">
<a class="btn btn-primary" href="https://navigate.st/bns/potidaea.asm/" target="_blank" rel="noopener noreferrer">Enter Potidaea <span aria-hidden="true">→</span></a>
<a class="btn btn-ghost" href="../#agora">About Agora <span aria-hidden="true">→</span></a>
</div>
</main>
<footer>
<div>Potidaea is a market layer under <a href="../">Deviant</a> · Agora.</div>
<div>potidaea.asm · deviant.x/potidaea</div>
</footer>
</body>
</html>

9
favicon.svg Normal file
View file

@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
<!-- Silent Mode — two interlocking chain links. Left link muted so the right
(acid) reads as the accent; overlap is honest, not faked with clipping. -->
<title>Silent Mode</title>
<rect x="3.5" y="10" width="15" height="12" rx="6" ry="6"
fill="none" stroke="#8b98a9" stroke-width="2.5"/>
<rect x="13.5" y="10" width="15" height="12" rx="6" ry="6"
fill="none" stroke="#d6ff3d" stroke-width="2.5"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 499 B

128
helios/index.html Normal file
View file

@ -0,0 +1,128 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Helios — searching the decentralized web — Silent Mode</title>
<meta name="description" content="Helios is the search engine Silent Mode is designing for the decentralized web — no central crawler to trust, no authority to rank, no advertiser to serve. Reads what BCH says exists.">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Silent Mode">
<meta property="og:title" content="Helios — searching the decentralized web — Silent Mode">
<meta property="og:description" content="Helios is the search engine Silent Mode is designing for the decentralized web — no central crawler to trust, no authority to rank, no advertiser to serve. Reads what BCH says exists.">
<meta property="og:url" content="https://silentmode.st/helios/">
<meta property="og:image" content="https://silentmode.st/brand/og.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta name="twitter:card" content="summary_large_image">
<link rel="stylesheet" href="../shared.css">
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
</head>
<body>
<nav class="topnav">
<a class="brand" href="../"><svg class="logo" viewBox="0 0 32 20" aria-hidden="true"><rect class="l1" x="1.5" y="3.5" width="17" height="13" rx="6.5" ry="6.5" fill="none" stroke-width="2.6"/><rect class="l2" x="13.5" y="3.5" width="17" height="13" rx="6.5" ry="6.5" fill="none" stroke-width="2.6"/></svg>Silent <span class="g">Mode</span></a>
<a href="../tools/">Theseus</a>
<a href="../prometheus/">Prometheus</a>
<a href="../sirius/">Sirius</a>
<a href="../hephaestus/">Hephaestus</a>
<a href="./" class="here">Helios</a>
<a href="../hermes/">Hermes</a>
</nav>
<header class="hero">
<div class="mark" style="font-size:52px">☀️</div>
<h1>Helios
<span class="pill p-designed" style="vertical-align:middle;font-size:12px;margin-left:.6rem">designed · not yet built</span>
</h1>
<p class="tag">A search engine for the decentralized web — <b>no central crawler to
trust, no authority to rank, no advertiser to serve</b>. Named for the sun, which
sees everything and takes no side. Reads what the chain says exists and lets you
find it by name, by tag, by content, by who you trust.</p>
</header>
<div class="wrap narrow">
<section class="plain">
<h2>The problem</h2>
<p class="lede">Every search engine that matters today is one company deciding what the
web looks like. It crawls what it wants, indexes what it chooses, ranks by what pays
it, and drops what its lawyers dislike. On the ordinary web that is livable — most
sites are on cooperating hosts and there is a shared understanding of what "the
open web" means. On a network where nobody hosts anything centrally and nobody
approves what gets published, a company-run search would recreate exactly the
gatekeeper the network was built to escape.</p>
<p class="lede">A search engine for the decentralized web has to be built with the
same rules as the network it searches: <b>no crawler that any single party runs, no
ranking any single party decides, and no listing any single party can remove</b>.
That is Helios.</p>
</section>
<section>
<h2>How Helios will work</h2>
<ol class="steps">
<li><b>The chain is the truth about what exists.</b>
<span>Every BNS name registered on Bitcoin Cash is a piece of a public index —
no crawler needed to find them. Helios reads the same records every resolver
reads, plus the on-chain <code class="inline">APS1</code> app listings from
<a href="../prometheus/">Prometheus</a>, plus any signed metadata records
(title, description, tags) that publishers attach to their names.</span></li>
<li><b>Content indexing is opt-in.</b>
<span>For the bytes behind a name (an HTML page, a document), Helios only
indexes what the publisher marks as indexable — a signed
<code class="inline">idx</code> record with a category and tag list. Nobody
crawls anyone. If a site does not want to be searchable, it isn't.</span></li>
<li><b>Ranking is by signed endorsement, not by an algorithm nobody understands.</b>
<span>Names on your trust list carry weight for you. Names on nobody's trust
list appear at the bottom. Nothing paid ever floats. Change trust lists, change
results — the ranking is transparent because it is <i>yours</i>.</span></li>
<li><b>The frontend can run anywhere.</b>
<span>Helios's index is data on chain plus data on Sia — a spec, not a service.
The reference frontend runs at <code class="inline">helios.silentmode.bch</code>,
but any client can build its own index and its own UI from the same public
substrate. If Silent Mode's Helios goes down, another Helios exists tomorrow.</span></li>
</ol>
</section>
<section>
<h2>What it will NOT do</h2>
<div class="grid">
<div class="card">
<h3>Track you</h3>
<p>No accounts, no cookies, no per-user history. Every search is the same request
shape; the server has nothing to profile.</p>
</div>
<div class="card">
<h3>Rank by payment</h3>
<p>There is no sponsored-result slot, no bidding, no advertising surface at all.
Storage costs money; searches don't.</p>
</div>
<div class="card">
<h3>Moderate content</h3>
<p>Helios shows you what your trust list vouches for. Filtering out categories or
publishers is your subscription choice, not the engine's policy.</p>
</div>
<div class="card">
<h3>Depend on one operator</h3>
<p>The index is public. If Silent Mode stops hosting Helios tomorrow, the data
and the spec are still there — anyone can run their own.</p>
</div>
</div>
</section>
<div class="note warn"><b>Status: designed, not built.</b> This page is a placeholder for
the intent. The record types (<code class="inline">idx</code>, <code class="inline">tag</code>)
need to be specified in the BNS protocol addendum, the reference frontend needs to be
built, and a trust-list subscription format needs to be settled with
<a href="../hermes/">Hermes</a> so both use the same shape. Watch this page.</div>
</div>
<footer>
<div>Silent Mode — a Deviant project.</div>
<div class="fine">Named for Helios, who saw everything from the sun's chariot and took
no side. Distinct from any Helios monitoring, security, or blockchain project — the
name is a common one from the same source.</div>
</footer>
</body>
</html>

142
hephaestus.x/forge/index.html Normal file
View file

@ -0,0 +1,142 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Hephaestus — the forge</title>
<meta name="description" content="Public code on Hephaestus. Sign in with a Bitcoin Cash wallet to push your own or open private orgs.">
<style>
:root{
--bg:#0b0e14; --panel:#141a24; --panel2:#18202c; --line:rgba(255,255,255,.09);
--ink:#e7eaf1; --mut:#8b98a9; --dim:#5e6678; --acid:#d6ff3d;
}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(1100px 560px at 50% -12%,#16202e,var(--bg));
color:var(--ink);font:16px/1.65 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;min-height:100vh;
display:flex;flex-direction:column}
a{color:var(--acid);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:820px;margin:0 auto;padding:0 1.2rem;width:100%;flex:1}
header.hero{text-align:center;padding:5rem 1.2rem 1rem}
.mark{font-size:56px;line-height:1}
h1{font-size:clamp(2rem,5.5vw,2.9rem);margin:.4rem 0 .3rem;letter-spacing:-0.01em}
h1 .g{color:var(--acid)}
.tag{color:var(--mut);font-size:1.05rem;max-width:600px;margin:0 auto}
.cta{margin-top:1.8rem;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.btn{display:inline-block;padding:11px 22px;border-radius:10px;font-size:14.5px;font-weight:500;
border:1px solid var(--line);color:var(--ink);background:transparent;transition:filter .1s,background .1s;text-decoration:none}
.btn.acid{background:var(--acid);color:#0b0e14;font-weight:600;border-color:var(--acid)}
.btn:hover{filter:brightness(1.12);background:var(--panel);text-decoration:none}
.btn.acid:hover{background:var(--acid)}
section.list{padding:3rem 0 1rem}
h2{font-size:1.15rem;margin:0 0 .8rem;color:var(--ink);font-weight:500}
.lede{color:var(--mut);margin:0 0 1.4rem;font-size:14px}
.repo{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:baseline;
background:var(--panel);border:1px solid var(--line);border-radius:12px;
padding:16px 20px;margin-bottom:10px;transition:border-color .1s,background .1s}
.repo:hover{border-color:var(--acid);background:var(--panel2)}
.repo .name{font-family:ui-monospace,monospace;font-size:14.5px;color:var(--ink)}
.repo .name a{color:var(--ink)}
.repo .name .owner{color:var(--dim)}
.repo .name .sep{color:var(--dim);margin:0 2px}
.repo .name .repo-label{color:var(--acid)}
.repo .desc{color:var(--mut);font-size:13.5px;line-height:1.5;margin:.3rem 0 0;grid-column:1/-1}
.repo .meta{color:var(--dim);font-size:12px;font-family:ui-monospace,monospace;text-align:right;white-space:nowrap}
.empty{color:var(--dim);font-size:14px;text-align:center;padding:2rem 1rem;
background:var(--panel);border:1px dashed var(--line);border-radius:12px}
.empty a{color:var(--acid)}
footer{border-top:1px solid var(--line);padding:2.4rem 1.2rem 3.4rem;color:var(--dim);font-size:13px;text-align:center;margin-top:3rem}
footer a{color:var(--mut)}
footer a:hover{color:var(--ink)}
code{background:#0e131b;border:1px solid var(--line);border-radius:5px;padding:1px 6px;font-family:ui-monospace,monospace;font-size:12.5px}
</style>
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
</head>
<body>
<div class="wrap">
<header class="hero">
<div class="mark">⚒️</div>
<h1><span class="g">the forge</span></h1>
<p class="tag">Public code on Hephaestus. Click through to read, or sign in with your wallet to push your own.</p>
<div class="cta">
<a class="btn acid" href="https://code.silentmode.st/user/oauth2/hephaestus-wallet">Sign in with wallet</a>
<a class="btn" href="https://code.silentmode.st/explore/repos">Explore all →</a>
<a class="btn" href="../">About Hephaestus</a>
</div>
</header>
<section class="list">
<h2>Public repositories</h2>
<p class="lede">Fetched live from Hephaestus. Sign in to see private orgs you belong to.</p>
<div id="repos">
<div class="empty" id="loading">Loading from <code>code.silentmode.st</code>…</div>
</div>
<p class="lede" style="margin-top:1.2rem">
Clone URL patterns:
<code>git clone https://code.silentmode.st/&lt;owner&gt;/&lt;repo&gt;.git</code> (HTTPS with a personal token)
&nbsp;·&nbsp;
<code>git clone ssh://git@code.silentmode.st:2222/&lt;owner&gt;/&lt;repo&gt;.git</code> (SSH with your registered key)
</p>
</section>
</div>
<footer>
A tool from <a href="https://silentmode.st/">Silent Mode</a> · alpha on chipnet · <a href="../">hephaestus.x</a>
</footer>
<script type="module">
const API = "https://code.silentmode.st/api/v1/repos/search?limit=50&private=false&sort=updated&order=desc";
const container = document.getElementById("repos");
function escapeHtml(s) {
return String(s ?? "").replace(/[&<>"']/g, c =>
({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"}[c]));
}
function fmtDate(iso) {
if (!iso) return "";
const d = new Date(iso);
return isNaN(d) ? "" : d.toISOString().slice(0, 10);
}
function renderRepo(r) {
const owner = escapeHtml(r.owner?.login || "?");
const name = escapeHtml(r.name);
const desc = escapeHtml(r.description || "");
const updated = fmtDate(r.updated_at);
const stars = r.stars_count ?? 0;
return `
<a class="repo" href="https://code.silentmode.st/${owner}/${name}">
<div class="name">
<span class="owner">${owner}</span><span class="sep">/</span><span class="repo-label">${name}</span>
${desc ? `<div class="desc">${desc}</div>` : ""}
</div>
<div class="meta">
${updated ? `updated ${updated}` : ""}${stars ? ` · ★ ${stars}` : ""}
</div>
</a>`;
}
try {
const res = await fetch(API);
if (!res.ok) throw new Error(`HTTP ${res.status}`);
const body = await res.json();
const list = body.data || [];
if (!list.length) {
container.innerHTML = `<div class="empty">
No public repos yet. <a href="https://code.silentmode.st/user/oauth2/hephaestus-wallet">Sign in</a> to push the first one.
</div>`;
} else {
container.innerHTML = list.map(renderRepo).join("");
}
} catch (e) {
container.innerHTML = `<div class="empty">
Couldn't reach the forge API right now (${escapeHtml(e.message)}).<br>
Try <a href="https://code.silentmode.st/explore/repos">browsing directly at code.silentmode.st</a>.
</div>`;
}
</script>
</body>
</html>

142
hephaestus.x/forgejo/index.html Normal file
View file

@ -0,0 +1,142 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Hephaestus — the forge</title>
<meta name="description" content="Public code on Hephaestus. Sign in with a Bitcoin Cash wallet to push your own or open private orgs.">
<style>
:root{
--bg:#0b0e14; --panel:#141a24; --panel2:#18202c; --line:rgba(255,255,255,.09);
--ink:#e7eaf1; --mut:#8b98a9; --dim:#5e6678; --acid:#d6ff3d;
}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(1100px 560px at 50% -12%,#16202e,var(--bg));
color:var(--ink);font:16px/1.65 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;min-height:100vh;
display:flex;flex-direction:column}
a{color:var(--acid);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:820px;margin:0 auto;padding:0 1.2rem;width:100%;flex:1}
header.hero{text-align:center;padding:5rem 1.2rem 1rem}
.mark{font-size:56px;line-height:1}
h1{font-size:clamp(2rem,5.5vw,2.9rem);margin:.4rem 0 .3rem;letter-spacing:-0.01em}
h1 .g{color:var(--acid)}
.tag{color:var(--mut);font-size:1.05rem;max-width:600px;margin:0 auto}
.cta{margin-top:1.8rem;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.btn{display:inline-block;padding:11px 22px;border-radius:10px;font-size:14.5px;font-weight:500;
border:1px solid var(--line);color:var(--ink);background:transparent;transition:filter .1s,background .1s;text-decoration:none}
.btn.acid{background:var(--acid);color:#0b0e14;font-weight:600;border-color:var(--acid)}
.btn:hover{filter:brightness(1.12);background:var(--panel);text-decoration:none}
.btn.acid:hover{background:var(--acid)}
section.list{padding:3rem 0 1rem}
h2{font-size:1.15rem;margin:0 0 .8rem;color:var(--ink);font-weight:500}
.lede{color:var(--mut);margin:0 0 1.4rem;font-size:14px}
.repo{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:baseline;
background:var(--panel);border:1px solid var(--line);border-radius:12px;
padding:16px 20px;margin-bottom:10px;transition:border-color .1s,background .1s}
.repo:hover{border-color:var(--acid);background:var(--panel2)}
.repo .name{font-family:ui-monospace,monospace;font-size:14.5px;color:var(--ink)}
.repo .name a{color:var(--ink)}
.repo .name .owner{color:var(--dim)}
.repo .name .sep{color:var(--dim);margin:0 2px}
.repo .name .repo-label{color:var(--acid)}
.repo .desc{color:var(--mut);font-size:13.5px;line-height:1.5;margin:.3rem 0 0;grid-column:1/-1}
.repo .meta{color:var(--dim);font-size:12px;font-family:ui-monospace,monospace;text-align:right;white-space:nowrap}
.empty{color:var(--dim);font-size:14px;text-align:center;padding:2rem 1rem;
background:var(--panel);border:1px dashed var(--line);border-radius:12px}
.empty a{color:var(--acid)}
footer{border-top:1px solid var(--line);padding:2.4rem 1.2rem 3.4rem;color:var(--dim);font-size:13px;text-align:center;margin-top:3rem}
footer a{color:var(--mut)}
footer a:hover{color:var(--ink)}
code{background:#0e131b;border:1px solid var(--line);border-radius:5px;padding:1px 6px;font-family:ui-monospace,monospace;font-size:12.5px}
</style>
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
</head>
<body>
<div class="wrap">
<header class="hero">
<div class="mark">⚒️</div>
<h1><span class="g">the forge</span></h1>
<p class="tag">Public code on Hephaestus. Click through to read, or sign in with your wallet to push your own.</p>
<div class="cta">
<a class="btn acid" href="https://code.silentmode.st/user/oauth2/hephaestus-wallet">Sign in with wallet</a>
<a class="btn" href="https://code.silentmode.st/explore/repos">Explore all →</a>
<a class="btn" href="../">About Hephaestus</a>
</div>
</header>
<section class="list">
<h2>Public repositories</h2>
<p class="lede">Fetched live from Hephaestus. Sign in to see private orgs you belong to.</p>
<div id="repos">
<div class="empty" id="loading">Loading from <code>code.silentmode.st</code>…</div>
</div>
<p class="lede" style="margin-top:1.2rem">
Clone URL patterns:
<code>git clone https://code.silentmode.st/&lt;owner&gt;/&lt;repo&gt;.git</code> (HTTPS with a personal token)
&nbsp;·&nbsp;
<code>git clone ssh://git@code.silentmode.st:2222/&lt;owner&gt;/&lt;repo&gt;.git</code> (SSH with your registered key)
</p>
</section>
</div>
<footer>
A tool from <a href="https://silentmode.st/">Silent Mode</a> · alpha on chipnet · <a href="../">hephaestus.x</a>
</footer>
<script type="module">
const API = "https://code.silentmode.st/api/v1/repos/search?limit=50&private=false&sort=updated&order=desc";
const container = document.getElementById("repos");
function escapeHtml(s) {
return String(s ?? "").replace(/[&<>"']/g, c =>
({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"}[c]));
}
function fmtDate(iso) {
if (!iso) return "";
const d = new Date(iso);
return isNaN(d) ? "" : d.toISOString().slice(0, 10);
}
function renderRepo(r) {
const owner = escapeHtml(r.owner?.login || "?");
const name = escapeHtml(r.name);
const desc = escapeHtml(r.description || "");
const updated = fmtDate(r.updated_at);
const stars = r.stars_count ?? 0;
return `
<a class="repo" href="https://code.silentmode.st/${owner}/${name}">
<div class="name">
<span class="owner">${owner}</span><span class="sep">/</span><span class="repo-label">${name}</span>
${desc ? `<div class="desc">${desc}</div>` : ""}
</div>
<div class="meta">
${updated ? `updated ${updated}` : ""}${stars ? ` · ★ ${stars}` : ""}
</div>
</a>`;
}
try {
const res = await fetch(API);
if (!res.ok) throw new Error(`HTTP ${res.status}`);
const body = await res.json();
const list = body.data || [];
if (!list.length) {
container.innerHTML = `<div class="empty">
No public repos yet. <a href="https://code.silentmode.st/user/oauth2/hephaestus-wallet">Sign in</a> to push the first one.
</div>`;
} else {
container.innerHTML = list.map(renderRepo).join("");
}
} catch (e) {
container.innerHTML = `<div class="empty">
Couldn't reach the forge API right now (${escapeHtml(e.message)}).<br>
Try <a href="https://code.silentmode.st/explore/repos">browsing directly at code.silentmode.st</a>.
</div>`;
}
</script>
</body>
</html>

451
hephaestus.x/index.html Normal file
View file

@ -0,0 +1,451 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Hephaestus.X — the forge on Bitcoin Cash</title>
<meta name="description" content="Hephaestus is the code forge for the Bitcoin Cash ecosystem. Sign in with your wallet — no email, no password reset. Repos on a fast local disk, cold blobs on Sia. Open source, verifiable, self-hostable.">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="mask-icon" href="/favicon.svg" color="#d6ff3d">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Hephaestus.X">
<meta property="og:title" content="Hephaestus.X — the forge on Bitcoin Cash">
<meta property="og:description" content="A code forge you sign in to with a Bitcoin Cash wallet. Open source, self-hostable, backed by Sia.">
<meta property="og:url" content="https://hephaestus.x/">
<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. -->
<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">
<style>
:root{
/* Shared with Sirius.X / silentmode.st/deviant — one Silent Mode palette. */
--bg:#050810; --panel:#141a24; --panel2:#0a0f1c; --line:rgba(255,255,255,.06);
--sky-mid:#0a0f1c; --sky-rim:#131a2a;
--ink:#f1f4fa; --mut:#b8c2d4; --dim:#6a7488; --acid:#d6ff3d;
/* Bitcoin Cash brand green — used for chain-native badges + a warm forge accent. */
--chain-native:#0AC18E;
--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;
--mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;
background:radial-gradient(ellipse 1200px 600px at 50% -5%,var(--sky-rim) 0%,transparent 60%),
radial-gradient(ellipse 900px 500px at 100% 100%,var(--sky-mid) 0%,transparent 55%),
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"}
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 */
.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);
border-bottom:1px solid var(--line)}
.topnav .brand{font-weight:600;color:var(--ink);text-decoration:none;margin-right:14px;font-size:15px;letter-spacing:.2px;display:inline-flex;align-items:center;gap:6px}
.topnav .brand .g{color:var(--forge)}
.topnav a{color:var(--mut);text-decoration:none;padding:6px 12px;border-radius:8px;font-size:14px}
.topnav a:hover{color:var(--ink);background:var(--panel)}
.topnav a.here{color:var(--acid);background:rgba(214,255,61,.08)}
.topnav .spacer{margin-left:auto}
header.hero{text-align:center;padding:5rem 1.2rem 1rem}
.mark{font-size:56px;line-height:1}
h1{font-size:clamp(2rem,5.5vw,3rem);margin:.4rem 0 .3rem}
h1 .g{color:var(--forge)}
h1 .b{color:var(--chain-native)}
.tag{color:var(--mut);font-size:1.05rem;max-width:660px;margin:0 auto;line-height:1.55}
.cta{margin-top:1.8rem;display:flex;gap:10px;justify-content:center;flex-wrap:wrap;align-items:flex-start}
.btn{display:inline-block;text-decoration:none;padding:11px 20px;border-radius:10px;background:#4b7bec;color:#fff;font-size:14px;border:none;cursor:pointer;font-family:inherit;transition:filter .1s}
.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--ink)}
.btn.ghost:hover{background:var(--panel)}
.btn.acid{background:var(--acid);color:#0b0e14;font-weight:600}
.btn:hover{filter:brightness(1.12)}
/* Wallet dropdown — same widget as before, restyled to match Sirius chrome */
details.wallet-dd{position:relative;display:inline-block;text-align:left}
details.wallet-dd > summary{
list-style:none;cursor:pointer;user-select:none;
background:var(--acid);color:#0b0e14;font-weight:600;
padding:11px 20px;border-radius:10px;font-size:14px;
border:1px solid var(--acid);display:inline-flex;align-items:center;gap:8px;
font-family:inherit;
}
details.wallet-dd > summary::-webkit-details-marker{display:none}
details.wallet-dd > summary::marker{content:""}
details.wallet-dd > summary .chev{transition:transform .15s;display:inline-block;font-size:11px}
details.wallet-dd[open] > summary .chev{transform:rotate(180deg)}
details.wallet-dd .menu{
position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);min-width:300px;z-index:30;
background:var(--panel);border:1px solid var(--line);border-radius:12px;
padding:6px;display:flex;flex-direction:column;gap:2px;
box-shadow:0 12px 32px rgba(0,0,0,.35);
}
details.wallet-dd .menu a{
display:grid;grid-template-columns:26px 1fr;gap:10px;align-items:start;
padding:10px 12px;border-radius:8px;text-decoration:none;color:var(--ink);
}
details.wallet-dd .menu a:hover{background:var(--panel2)}
details.wallet-dd .menu .ico{font-size:18px;line-height:1.2}
details.wallet-dd .menu b{display:block;font-size:14px;font-weight:600;color:var(--ink);font-family:var(--sans)}
details.wallet-dd .menu .sub{display:block;font-size:12px;color:var(--mut);margin-top:2px;line-height:1.4}
details.wallet-dd .menu .pill{
display:inline-block;font-size:10px;padding:0 6px;margin-left:6px;border-radius:999px;
background:rgba(214,255,61,.15);color:var(--acid);font-weight:500;text-transform:lowercase;letter-spacing:.02em;vertical-align:middle;
}
/* Topnav wallet dropdown is smaller and menu opens to the right edge */
.topnav details.wallet-dd > summary{padding:6px 14px;font-size:13.5px;border-radius:8px}
.topnav details.wallet-dd .menu{right:0;left:auto;transform:none}
/* Sections */
section{padding:2.6rem 0;border-top:1px solid var(--line);margin-top:2.5rem}
section:first-of-type{border-top:none;margin-top:1.5rem}
h2{font-size:1.5rem;margin:0 0 .4rem}
h3{font-size:1.1rem;margin:0 0 .35rem}
.lede{color:var(--mut);margin:0 0 1.6rem;max-width:720px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px 20px}
.card h3{margin:0 0 .5rem;display:flex;align-items:center;gap:8px}
.card p{margin:0;color:var(--mut);font-size:14px;line-height:1.55}
.card b{color:var(--ink)}
.card .cta{margin-top:14px;justify-content:flex-start}
.dot{width:9px;height:9px;border-radius:50%;display:inline-block}
.d-chain{background:var(--chain-native)} .d-sia{background:var(--sia)} .d-srv{background:var(--srv)}
.note{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--acid);
border-radius:10px;padding:14px 18px;color:var(--mut);font-size:14px;margin-top:1.4rem}
.note.warn{border-left-color:var(--warn)}
.note b{color:var(--ink)}
code,.mono{background:#0e131b;border:1px solid var(--line);border-radius:6px;padding:1px 6px;font-size:13px}
pre{background:#0e131b;border:1px solid var(--line);border-radius:10px;padding:12px 14px;overflow-x:auto;
font-family:var(--mono);font-size:13px;color:var(--ink);margin:1rem 0}
pre .cm{color:var(--dim)}
ol.steps{counter-reset:s;list-style:none;padding:0;margin:1.2rem 0 0;display:grid;gap:10px}
ol.steps li{counter-increment:s;display:grid;grid-template-columns:30px 1fr;gap:14px;align-items:start;
background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:13px 16px}
ol.steps li::before{content:counter(s);grid-column:1;grid-row:1;
display:grid;place-items:center;width:24px;height:24px;border-radius:50%;
background:rgba(214,255,61,.14);color:var(--acid);font-size:12.5px;font-weight:700}
ol.steps li > *{grid-column:2;min-width:0}
ol.steps b{color:var(--ink)} ol.steps span{color:var(--mut);font-size:14px}
.pill{display:inline-block;font-size:11px;padding:2px 8px;border-radius:999px;background:rgba(255,255,255,.07);color:var(--dim);margin-left:8px;vertical-align:middle;font-weight:500}
.pill.soon{background:rgba(214,255,61,.13);color:var(--acid)}
.pill.bch{background:rgba(10,193,142,.14);color:var(--chain-native)}
.verify dt{color:var(--mut);font-size:12.5px;text-transform:uppercase;letter-spacing:.3px;margin-top:12px}
.verify dt:first-of-type{margin-top:0}
.verify dd{margin:2px 0 0;font-family:var(--mono);font-size:12.5px;word-break:break-all;color:var(--ink)}
dl.spec{display:grid;grid-template-columns:auto 1fr;gap:8px 22px;margin:0;font-size:13.5px}
dl.spec dt{color:var(--dim);white-space:nowrap;font-family:var(--mono)}
dl.spec dd{margin:0;color:var(--mut)}
dl.spec dd b{color:var(--ink)}
footer{border-top:1px solid var(--line);padding:2.4rem 0 3.5rem;color:var(--dim);font-size:13px;text-align:center;margin-top:2.5rem}
footer a{color:var(--mut)} footer a:hover{color:var(--ink)}
@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>
</head>
<body>
<nav class="topnav">
<a class="brand" href="./">⚒️ <span class="g">Hephaestus</span>.X</a>
<a href="#how">How it works</a>
<a href="#source">Source</a>
<a href="#pantheon">Pantheon</a>
<a href="https://code.silentmode.st/explore/repos" rel="noopener">Explore repos</a>
<span class="spacer"></span>
<details class="wallet-dd">
<summary>🔑 Sign in <span class="chev">▾</span></summary>
<div class="menu" role="menu">
<a href="https://code.silentmode.st/user/oauth2/hephaestus-wallet#import" role="menuitem">
<span class="ico">🔑</span>
<span>
<b>Sign in</b>
<span class="sub">Import a wallet — 12- or 24-word recovery phrase.</span>
</span>
</a>
<a href="https://code.silentmode.st/user/oauth2/hephaestus-wallet#create" role="menuitem">
<span class="ico">✨</span>
<span>
<b>Sign up<span class="pill">easiest</span></b>
<span class="sub">Generate a fresh wallet in your browser.</span>
</span>
</a>
<a href="https://code.silentmode.st/user/oauth2/hephaestus-wallet#connect" role="menuitem">
<span class="ico">🪄</span>
<span>
<b>WizardConnect<span class="pill">most private</span></b>
<span class="sub">Sign with Cashonize or Paytaca — keys stay in your wallet.</span>
</span>
</a>
</div>
</details>
</nav>
<div class="wrap">
<header class="hero">
<div class="mark">⚒️</div>
<h1>The forge on <span class="b">Bitcoin Cash</span>.</h1>
<p class="tag">Hephaestus is the code host for the BCH ecosystem — Cauldron contributors, Sirius developers, wallet
authors, indexer maintainers. Sign in with a wallet, push a repo, host a release. <b>No email, no password reset,
no middleman.</b></p>
<div class="cta">
<details class="wallet-dd">
<summary>🔑 Sign in with wallet <span class="chev">▾</span></summary>
<div class="menu" role="menu">
<a href="https://code.silentmode.st/user/oauth2/hephaestus-wallet#import" role="menuitem">
<span class="ico">🔑</span>
<span>
<b>Sign in</b>
<span class="sub">Import a wallet you already have — 12- or 24-word recovery phrase.</span>
</span>
</a>
<a href="https://code.silentmode.st/user/oauth2/hephaestus-wallet#create" role="menuitem">
<span class="ico">✨</span>
<span>
<b>Sign up<span class="pill">easiest</span></b>
<span class="sub">Create a new wallet in the browser. Write the recovery phrase down.</span>
</span>
</a>
<a href="https://code.silentmode.st/user/oauth2/hephaestus-wallet#connect" role="menuitem">
<span class="ico">🪄</span>
<span>
<b>WizardConnect<span class="pill">most private</span></b>
<span class="sub">Sign with Cashonize or Paytaca — your keys never leave the wallet.</span>
</span>
</a>
</div>
</details>
<a class="btn ghost" href="https://code.silentmode.st/explore/repos">Browse repos →</a>
<a class="btn ghost" href="#source">See the source</a>
</div>
</header>
<section id="how">
<h2>How it works</h2>
<p class="lede">Three moving parts, no magic. Forgejo does the git and issue tracking, an auth-proxy translates
Bitcoin Cash message signatures into OpenID Connect tokens Forgejo understands, and Caddy fronts the whole
thing behind the two hostnames — <code>hephaestus.x</code> for BCNR-aware browsers, <code>code.silentmode.st</code>
as a public DNS mirror.</p>
<div class="grid">
<div class="card">
<h3>🔑 Wallet is the account</h3>
<p>Generate or import a BCH wallet in the browser. Sign one BIP-137 <em>"Bitcoin Signed Message"</em> challenge,
and Forgejo auto-provisions <code>bch_&lt;first-20-of-your-cashaddr&gt;</code>. Rename it later — even to a
plain name like <code>BitcoinCash</code>. <b>The private key never leaves your device.</b></p>
</div>
<div class="card">
<h3>💾 Cold blobs on Sia</h3>
<p>Live git repos + Postgres stay on the VPS SSD for speed. LFS objects, release archives, container images,
package registry blobs and issue attachments spill to the <a href="https://sia.storage/" rel="noopener">Sia
network</a> via <code>s3.silentmode.st:8600</code>. Encrypted client-side, sharded across independent hosts.</p>
</div>
<div class="card">
<h3>🌐 Two hostnames, one instance</h3>
<p><b>hephaestus.x</b> is the primary — an on-chain BCNR certificate, chipnet, owner-controlled, TLS via the
Silent Mode CA. <b>code.silentmode.st</b> is the public-DNS mirror for browsers without a BCNR resolver.
Same Forgejo, same accounts, same repos.</p>
</div>
<div class="card">
<h3>🧭 Standard git, nothing weird</h3>
<p><code>git clone</code>, <code>git push</code>, PRs, issues, releases, container/npm registries, the
Forgejo API. Bring your existing muscle memory — the only unusual bit is that you signed in with a wallet
instead of an email.</p>
</div>
</div>
</section>
<section id="signin">
<h2>Sign in in three steps</h2>
<p class="lede">Nothing to install, nothing to remember except your recovery phrase.</p>
<ol class="steps">
<li><b>Pick your route.</b> <span>Sign up (create a new wallet in the browser), Sign in (import a 12/24-word
phrase you already have), or WizardConnect (sign with an external wallet — Cashonize, Paytaca — over an
encrypted relay).</span></li>
<li><b>Set a browser passphrase.</b> <span>Used to encrypt the wallet in your browser's <code>localStorage</code>.
Minimum 8 characters. Never leaves your device.</span></li>
<li><b>Sign the challenge.</b> <span>Your browser signs a one-time message, the auth-proxy verifies the signature
against your Bitcoin Cash address, and Forgejo hands you a session cookie. You land in the dashboard.</span></li>
</ol>
<div class="cta" style="justify-content:flex-start;margin-top:1.4rem">
<details class="wallet-dd">
<summary>Start now <span class="chev">▾</span></summary>
<div class="menu" role="menu">
<a href="https://code.silentmode.st/user/oauth2/hephaestus-wallet#create" role="menuitem"><span class="ico">✨</span><span><b>Sign up</b><span class="sub">Create a new wallet.</span></span></a>
<a href="https://code.silentmode.st/user/oauth2/hephaestus-wallet#import" role="menuitem"><span class="ico">🔑</span><span><b>Sign in</b><span class="sub">Import an existing wallet.</span></span></a>
<a href="https://code.silentmode.st/user/oauth2/hephaestus-wallet#connect" role="menuitem"><span class="ico">🪄</span><span><b>WizardConnect</b><span class="sub">Cashonize / Paytaca.</span></span></a>
</div>
</details>
</div>
</section>
<section id="source">
<h2>See the source. Verify the deploy.</h2>
<p class="lede">The whole forge — the Docker Compose stack, the Caddyfile, the auth-proxy that verifies wallet
signatures, the Forgejo Dockerfile with our CA baked in, every helper script — is on Hephaestus itself.
Clone it, read it, run it.</p>
<div class="grid">
<div class="card">
<h3><span class="dot d-srv"></span> 📖 silentmode/hephaestus</h3>
<p>The full stack. <code>docker-compose.yml</code>, <code>caddy/Caddyfile</code>,
<code>auth-proxy/</code> (Fastify OIDC provider), <code>forgejo/Dockerfile</code>,
<code>scripts/</code>, <code>PROTOCOL.md</code>.</p>
<div class="cta"><a class="btn acid" href="https://code.silentmode.st/silentmode/hephaestus" rel="noopener">Open repo →</a></div>
</div>
<div class="card">
<h3><span class="dot d-chain"></span> 🔐 auth-proxy</h3>
<p>The wallet-to-OIDC bridge. ~250 lines of TypeScript that produces an Ed25519-signed <code>id_token</code>
after verifying a BIP-137 signature against a claimed CashAddr. The whole crypto path is in
<code>src/verify.ts</code>.</p>
<div class="cta"><a class="btn ghost" href="https://code.silentmode.st/silentmode/hephaestus/src/branch/master/auth-proxy" rel="noopener">Read →</a></div>
</div>
<div class="card">
<h3><span class="dot d-sia"></span> 📜 PROTOCOL.md</h3>
<p>Wallet-auth flow, message format, replay-protection, prefix handling (bitcoincash / bchtest / bchreg).
The document a third-party wallet needs to add native support.</p>
<div class="cta"><a class="btn ghost" href="https://code.silentmode.st/silentmode/hephaestus/src/branch/master/PROTOCOL.md" rel="noopener">Read →</a></div>
</div>
</div>
<h3 style="margin-top:1.8rem">Run your own</h3>
<p class="lede">Nothing here needs Hephaestus.X's operator — the same compose stack runs on any Linux box with
Docker. Bring your own domain, a TLS cert, and a Sia bucket (the sia.storage free tier is enough for a small
forge). Then <code>docker compose up</code>.</p>
<pre><span class="cm"># 1. clone</span>
git clone https://code.silentmode.st/silentmode/hephaestus.git
cd hephaestus
<span class="cm"># 2. configure — copy .env.example, fill in your domain, Sia S3 creds, and OIDC secret</span>
cp .env.example .env
$EDITOR .env
<span class="cm"># 3. run — Caddy + Postgres + Forgejo + auth-proxy come up together</span>
docker compose up -d
<span class="cm"># 4. first wallet signs in and takes the admin seat</span>
open https://your-domain.example/user/oauth2/hephaestus-wallet</pre>
<div class="note"><b>Open source, MIT.</b> Every commit is signed, every dependency is pinned. If you find
something you want to fix or improve, open a PR — or just fork it and run your own instance. That is the
point.</div>
</section>
<section id="pantheon">
<h2>The Silent Mode pantheon</h2>
<p class="lede">Hephaestus is one of seven sibling <b>.x</b> names. Each project is its own on-chain certificate,
each site is reachable through any BCNR resolver, plus the silentmode.st gateway for browsers without one.</p>
<div class="grid">
<div class="card">
<h3><span class="dot d-chain"></span> ⛓️ Silentmode.X</h3>
<p>The project umbrella. Redirects to <code>silentmode.st</code> where every pillar has its own landing.</p>
<div class="cta"><a class="btn ghost" href="https://silentmode.st/bns/silentmode.x/" rel="noopener">Open →</a></div>
</div>
<div class="card">
<h3><span class="dot d-chain"></span> ⭐ Sirius.X</h3>
<p>Names on Bitcoin Cash — register, resolve, verify, manage TLDs and names.</p>
<div class="cta"><a class="btn ghost" href="https://silentmode.st/bns/sirius.x/" rel="noopener">Open →</a></div>
</div>
<div class="card">
<h3><span class="dot d-chain"></span> 🧭 Theseus.X</h3>
<p>The browser that speaks BCNR natively — Chromium build with the resolver baked in, no OS-level daemon.</p>
<div class="cta"><a class="btn ghost" href="https://silentmode.st/bns/theseus.x/" rel="noopener">Open →</a></div>
</div>
<div class="card">
<h3><span class="dot d-srv"></span> ⚒️ Hephaestus.X <span class="pill">you're here</span></h3>
<p>The forge. Forgejo instance for the ecosystem's git repos, backed by BCH wallet auth. This site.</p>
<div class="cta"><a class="btn ghost" href="./">Home →</a></div>
</div>
<div class="card">
<h3><span class="dot d-sia"></span> 🔮 Prometheus.X</h3>
<p>Fire from the chain. Foresight and experimentation layer. Redirects to <code>silentmode.st/prometheus/</code>.</p>
<div class="cta"><a class="btn ghost" href="https://silentmode.st/bns/prometheus.x/" rel="noopener">Open →</a></div>
</div>
<div class="card">
<h3><span class="dot d-sia"></span> ☀️ Helios.X</h3>
<p>Public gaze — analytics, dashboards, transparency. Redirects to <code>silentmode.st/helios/</code>.</p>
<div class="cta"><a class="btn ghost" href="https://silentmode.st/bns/helios.x/" rel="noopener">Open →</a></div>
</div>
<div class="card">
<h3><span class="dot d-srv"></span> ✉️ Hermes.X</h3>
<p>Messenger. Nostr-based messaging bound to a BCNR name via the <code>np</code> + <code>nr</code> records.</p>
<div class="cta"><a class="btn ghost" href="https://silentmode.st/bns/hermes.x/" rel="noopener">Open →</a></div>
</div>
</div>
</section>
<section id="verify">
<h2>Verify this page against the chain</h2>
<p class="lede">You do not have to trust that <code>hephaestus.x</code> is served by anyone specific. The name's
certificate is on the Bitcoin Cash chain; the records point to a specific IP and a specific Sia bucket; every
path is independently checkable.</p>
<h3>1. Reach this site via more than one route</h3>
<p class="lede">The same content should be served from at least two independent paths. If one mirror disappears,
the others still work. If two disagree, the on-chain record is the tiebreaker.</p>
<ul style="color:var(--mut);font-size:14px;margin:.6rem 0 0;padding-left:1.2rem;line-height:1.7">
<li>Via any BCNR resolver: <code>https://hephaestus.x/</code> (requires the local root CA)</li>
<li>Via the public gateway: <code>https://navigate.st/bns/hephaestus.x</code></li>
<li>Via silentmode.st mirror: <code>https://silentmode.st/hephaestus/</code></li>
<li>Public DNS mirror of the forge itself: <code>https://code.silentmode.st/</code></li>
</ul>
<h3>2. Where it lives</h3>
<dl class="spec" style="margin-top:.8rem">
<dt>forge</dt> <dd><b>hephaestus.x</b> (primary) · <a href="https://code.silentmode.st/">code.silentmode.st</a> (public-DNS mirror) — same Forgejo 10 instance, dual-hostname</dd>
<dt>this name</dt> <dd><b>hephaestus.x</b> — on-chain BCNR certificate, chipnet, owner-controlled, TLS via the Silent Mode CA</dd>
<dt>storage</dt> <dd>Sia network via <code>s3.silentmode.st:8600</code>, client-side encrypted · static landing mirrored to a Sia bucket as DR backup</dd>
<dt>source</dt> <dd><a href="https://code.silentmode.st/silentmode/hephaestus" rel="noopener">silentmode/hephaestus</a> — docker-compose, auth-proxy, Caddyfile, the whole stack</dd>
<dt>protocol</dt> <dd>BIP-137 <em>"Bitcoin Signed Message"</em> over BCH secp256k1 — any wallet that speaks Sign Message can log in</dd>
</dl>
</section>
</div>
<footer>
<p>A pillar of <a href="https://silentmode.st/">Silent Mode</a> · alpha on chipnet · one wallet, all of it</p>
<p style="margin-top:.6rem;font-size:12px">
<a href="https://code.silentmode.st/silentmode/hephaestus" rel="noopener">Source</a> ·
<a href="https://silentmode.st/hephaestus/">Docs</a> ·
<a href="https://silentmode.st/bns/sirius.x/">Get a .x name</a>
</p>
</footer>
<script defer src="./js/theme.js"></script>
</body>
</html>

63
hephaestus.x/js/theme.js Normal file
View file

@ -0,0 +1,63 @@
// Sirius.X font picker — reader chooses between Fraunces (Silent Mode
// family — editorial serif, default) and Ubuntu (Bitcoin Cash brand
// font — humanist sans). Persisted in localStorage under 'sirius-font'.
//
// The runtime attribute goes on <html> — pages that want to opt out
// simply omit the include. The actual font-swap CSS is defined per
// page (in each page's <style> block) so it can override the page's
// own font-family declarations at high specificity; this script only
// toggles the attribute and paints the picker UI.
(function () {
var KEY = "sirius-font";
var saved = null;
try { saved = localStorage.getItem(KEY); } catch (e) { /* private mode */ }
var initial = saved === "ubuntu" ? "ubuntu" : "fraunces";
if (initial === "ubuntu") document.documentElement.setAttribute("data-font-cmp", "ubuntu");
// Inject the picker into the topnav's right side when one exists.
// Falls back to a fixed-position pill (bottom-right) for pages without
// a topnav, so the choice is always available.
function paintPicker() {
var nav = document.querySelector(".topnav");
var host = nav || document.body;
var mount = document.createElement("div");
mount.className = "font-picker";
mount.setAttribute("role", "group");
mount.setAttribute("aria-label", "Reading font");
mount.innerHTML =
'<button data-font="fraunces" title="Silent Mode family (Fraunces)">Fraunces</button>' +
'<button data-font="ubuntu" title="Bitcoin Cash brand font (Ubuntu)">Ubuntu</button>';
if (nav) {
// Put it just before the sign-in link if present, else append.
var portalLink = nav.querySelector("a.portal");
if (portalLink) nav.insertBefore(mount, portalLink);
else nav.appendChild(mount);
} else {
mount.classList.add("font-picker-float");
host.appendChild(mount);
}
var btns = mount.querySelectorAll("button");
function refresh(v) {
for (var i = 0; i < btns.length; i++) {
btns[i].classList.toggle("active", btns[i].dataset.font === v);
}
}
refresh(initial);
for (var i = 0; i < btns.length; i++) {
btns[i].addEventListener("click", function (e) {
var v = e.currentTarget.dataset.font;
if (v === "ubuntu") document.documentElement.setAttribute("data-font-cmp", "ubuntu");
else document.documentElement.removeAttribute("data-font-cmp");
try { localStorage.setItem(KEY, v); } catch (e2) { /* ignore */ }
refresh(v);
});
}
}
if (document.readyState === "loading") {
document.addEventListener("DOMContentLoaded", paintPicker);
} else {
paintPicker();
}
})();

228
hephaestus.x/silentmode/_template.html Normal file
View file

@ -0,0 +1,228 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>silentmode/__REPO__ — Hephaestus</title>
<meta name="description" content="silentmode/__REPO__ on Hephaestus — Silent Mode's decentralized code host.">
<style>
:root{
--bg:#0b0e14; --panel:#141a24; --panel2:#18202c; --line:rgba(255,255,255,.09);
--ink:#e7eaf1; --mut:#8b98a9; --dim:#5e6678; --acid:#d6ff3d;
}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(1100px 560px at 50% -12%,#16202e,var(--bg));
color:var(--ink);font:15px/1.65 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;min-height:100vh;
display:flex;flex-direction:column}
a{color:var(--acid);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:900px;margin:0 auto;padding:0 1.2rem;width:100%;flex:1}
.top{padding:1.6rem 0;color:var(--dim);font-size:13px}
.top a{color:var(--mut)}
header.repo{padding:1.6rem 0 1.2rem;border-bottom:1px solid var(--line)}
h1{margin:0;font-size:1.6rem;font-family:ui-monospace,monospace;font-weight:500}
h1 .owner{color:var(--mut)} h1 .sep{color:var(--dim)} h1 .name{color:var(--acid)}
.meta{margin-top:.6rem;color:var(--mut);font-size:13.5px;line-height:1.6}
.meta span{margin-right:14px}
.desc{margin-top:.8rem;color:var(--ink);font-size:15px}
.cta{margin-top:1.2rem;display:flex;gap:8px;flex-wrap:wrap}
.btn{display:inline-block;padding:9px 18px;border-radius:9px;font-size:13.5px;font-weight:500;
border:1px solid var(--line);color:var(--ink);background:transparent;transition:filter .1s,background .1s;text-decoration:none}
.btn.acid{background:var(--acid);color:#0b0e14;font-weight:600;border-color:var(--acid)}
.btn:hover{background:var(--panel);text-decoration:none}
.btn.acid:hover{background:var(--acid)}
section{padding:1.8rem 0;border-bottom:1px solid var(--line)}
section:last-of-type{border-bottom:none}
h2{margin:0 0 .8rem;font-size:1rem;color:var(--mut);font-weight:500;text-transform:uppercase;letter-spacing:.05em}
pre.clone{background:#0e131b;border:1px solid var(--line);border-radius:8px;padding:10px 14px;overflow-x:auto;
font-family:ui-monospace,monospace;font-size:12.5px;color:var(--ink);margin:0 0 8px}
.clone-label{color:var(--dim);font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;margin:12px 0 4px}
#readme{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px 24px;
overflow-x:auto;font-size:14px;line-height:1.7}
#readme.empty{color:var(--dim);font-style:italic;text-align:center;padding:2rem}
#readme h1,#readme h2,#readme h3{color:var(--ink);font-weight:600;margin-top:1.4rem;margin-bottom:.5rem;font-family:inherit;text-transform:none;letter-spacing:0}
#readme h1{font-size:1.5rem;border-bottom:1px solid var(--line);padding-bottom:.4rem}
#readme h2{font-size:1.2rem}
#readme h3{font-size:1.05rem;color:var(--acid)}
#readme p{margin:.6rem 0;color:var(--ink)}
#readme code{background:#0e131b;border:1px solid var(--line);border-radius:4px;padding:1px 6px;font-family:ui-monospace,monospace;font-size:12.5px}
#readme pre{background:#0e131b;border:1px solid var(--line);border-radius:8px;padding:12px 14px;overflow-x:auto}
#readme pre code{background:transparent;border:none;padding:0}
#readme a{color:var(--acid)}
#readme ul,#readme ol{padding-left:1.4rem}
#readme li{margin:.25rem 0}
#readme blockquote{border-left:3px solid var(--acid);padding-left:12px;margin:.8rem 0;color:var(--mut)}
.commits{display:grid;gap:8px}
.commit{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px 16px;
font-size:13.5px;display:grid;grid-template-columns:1fr auto;gap:8px 14px;align-items:baseline}
.commit .msg{color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.commit .sha{color:var(--dim);font-family:ui-monospace,monospace;font-size:12px}
.commit .when{color:var(--dim);font-size:11.5px;text-align:right;white-space:nowrap}
.commit .author{color:var(--mut);font-size:11.5px;grid-column:1/-1}
footer{border-top:1px solid var(--line);padding:2rem 1.2rem 3rem;color:var(--dim);font-size:13px;text-align:center;margin-top:2rem}
footer a{color:var(--mut)} footer a:hover{color:var(--ink)}
.private-note{background:var(--panel);border:1px dashed var(--line);border-left:3px solid var(--acid);
border-radius:10px;padding:14px 18px;color:var(--mut);font-size:13.5px;margin:1.2rem 0}
</style>
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
</head>
<body>
<div class="wrap">
<div class="top">
<a href="../../">hephaestus.x</a> / <a href="../">silentmode</a> / <strong>__REPO__</strong>
</div>
<header class="repo">
<h1><span class="owner">silentmode</span><span class="sep">/</span><span class="name">__REPO__</span></h1>
<p class="meta" id="meta"><span>loading …</span></p>
<p class="desc" id="desc"></p>
<div class="cta">
<a class="btn acid" href="https://code.silentmode.st/silentmode/__REPO__">Browse full source →</a>
<a class="btn" href="https://code.silentmode.st/silentmode/__REPO__/issues">Issues</a>
<a class="btn" href="https://code.silentmode.st/silentmode/__REPO__/releases">Releases</a>
</div>
</header>
<section>
<h2>README</h2>
<div id="readme" class="empty">Loading README from the forge…</div>
</section>
<section>
<h2>Recent commits</h2>
<div class="commits" id="commits"><div class="commit"><div class="msg">Loading…</div></div></div>
</section>
<section>
<h2>Clone</h2>
<div class="clone-label">HTTPS (with a personal access token)</div>
<pre class="clone">git clone https://&lt;you&gt;:&lt;token&gt;@code.silentmode.st/silentmode/__REPO__.git</pre>
<div class="clone-label">SSH (with a key registered under your account)</div>
<pre class="clone">git clone ssh://git@code.silentmode.st:2222/silentmode/__REPO__.git</pre>
</section>
</div>
<footer>
<a href="../../">hephaestus.x</a> · Silent Mode's decentralized code host · <a href="https://code.silentmode.st/">code.silentmode.st</a>
</footer>
<script type="module">
const REPO = "__REPO__";
const API = `https://code.silentmode.st/api/v1/repos/silentmode/${REPO}`;
function esc(s) {
return String(s ?? "").replace(/[&<>"']/g, c => ({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"}[c]));
}
function fmtDate(iso) {
if (!iso) return "";
const d = new Date(iso);
if (isNaN(d)) return "";
const days = (Date.now() - d.getTime()) / 86400000;
if (days < 1) return "today";
if (days < 30) return `${Math.round(days)}d ago`;
return d.toISOString().slice(0, 10);
}
// Minimal markdown → HTML renderer for the README preview.
// Not comprehensive — covers headers, paragraphs, lists, links, inline code,
// fenced code blocks, and blockquotes. For anything richer, users click through
// to the full forge which has Forgejo's proper markdown renderer.
function mdToHtml(md) {
// Escape first, then apply markdown patterns
let s = esc(md);
// Fenced code blocks
s = s.replace(/```(\w+)?\n([\s\S]*?)```/g, (_, lang, code) => `<pre><code>${code.trimEnd()}</code></pre>`);
// Headers
s = s.replace(/^### (.+)$/gm, "<h3>$1</h3>");
s = s.replace(/^## (.+)$/gm, "<h2>$1</h2>");
s = s.replace(/^# (.+)$/gm, "<h1>$1</h1>");
// Bold + italic
s = s.replace(/\*\*(.+?)\*\*/g, "<b>$1</b>");
s = s.replace(/\*([^*\n]+)\*/g, "<i>$1</i>");
// Inline code (leave alone anything inside <pre> — the regex won't match across newlines)
s = s.replace(/`([^`\n]+)`/g, "<code>$1</code>");
// Links [text](url)
s = s.replace(/\[([^\]]+)\]\(([^)]+)\)/g, '<a href="$2">$1</a>');
// Unordered lists
s = s.replace(/(?:^|\n)((?:- .+\n?)+)/g, m => "\n<ul>" + m.trim().split("\n").map(l => `<li>${l.replace(/^-\s+/, "")}</li>`).join("") + "</ul>\n");
// Blockquotes
s = s.replace(/^&gt; (.+)$/gm, "<blockquote>$1</blockquote>");
// Paragraphs: any line-block not already wrapped in a block tag
s = s.split(/\n{2,}/).map(chunk => {
if (/^<(h[1-6]|ul|ol|pre|blockquote)/.test(chunk.trim())) return chunk;
return chunk.trim() ? `<p>${chunk.trim().replace(/\n/g, "<br>")}</p>` : "";
}).join("\n");
return s;
}
async function loadRepo() {
const meta = document.getElementById("meta");
const desc = document.getElementById("desc");
const readme = document.getElementById("readme");
const commits = document.getElementById("commits");
try {
const info = await fetch(API).then(r => r.ok ? r.json() : Promise.reject(new Error(`HTTP ${r.status}`)));
const parts = [];
if (info.private) parts.push('<span style="color:var(--dim)">private</span>');
if (info.default_branch) parts.push(`<span>default branch <code>${esc(info.default_branch)}</code></span>`);
if (info.size != null) parts.push(`<span>${info.size < 1024 ? info.size + " KB" : (info.size / 1024).toFixed(1) + " MB"}</span>`);
if (info.updated_at) parts.push(`<span>updated ${fmtDate(info.updated_at)}</span>`);
meta.innerHTML = parts.join("");
desc.textContent = info.description || "";
// README
try {
const branch = info.default_branch || "master";
const rmRes = await fetch(`${API}/raw/README.md?ref=${encodeURIComponent(branch)}`);
if (rmRes.ok) {
const md = await rmRes.text();
readme.classList.remove("empty");
readme.innerHTML = mdToHtml(md);
} else {
readme.textContent = "(no README.md in this repo)";
}
} catch (e) {
readme.textContent = `(couldn't load README: ${e.message})`;
}
// Recent commits
try {
const cRes = await fetch(`${API}/commits?limit=8`);
if (cRes.ok) {
const list = await cRes.json();
commits.innerHTML = list.slice(0, 8).map(c => {
const msg = (c.commit?.message || "").split("\n")[0];
const author = c.commit?.author?.name || c.author?.login || "unknown";
const when = fmtDate(c.commit?.author?.date);
const sha = (c.sha || "").slice(0, 7);
return `<a class="commit" href="https://code.silentmode.st/silentmode/${REPO}/commit/${sha}">
<div class="msg">${esc(msg)}</div>
<div class="sha">${esc(sha)}</div>
<div class="author">by ${esc(author)}</div>
<div class="when">${esc(when)}</div>
</a>`;
}).join("");
}
} catch (e) {
commits.innerHTML = `<div class="commit"><div class="msg" style="color:var(--dim)">Couldn't load commits: ${esc(e.message)}</div></div>`;
}
} catch (e) {
// Repo is private (401) or gone (404). Show a helpful message + sign-in CTA.
meta.innerHTML = '<span style="color:var(--dim)">private repo — sign in to browse</span>';
readme.innerHTML = `
<div class="private-note">
This repository is private. To browse it, <a href="https://code.silentmode.st/user/oauth2/hephaestus-wallet">sign in with your wallet</a>
on <code>code.silentmode.st</code> — if you've been added as a collaborator or org member,
you'll be able to read it there.
</div>`;
commits.innerHTML = "";
}
}
loadRepo();
</script>
</body>
</html>

228
hephaestus.x/silentmode/ariadne/index.html Normal file
View file

@ -0,0 +1,228 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>silentmode/ariadne — Hephaestus</title>
<meta name="description" content="silentmode/ariadne on Hephaestus — Silent Mode's decentralized code host.">
<style>
:root{
--bg:#0b0e14; --panel:#141a24; --panel2:#18202c; --line:rgba(255,255,255,.09);
--ink:#e7eaf1; --mut:#8b98a9; --dim:#5e6678; --acid:#d6ff3d;
}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(1100px 560px at 50% -12%,#16202e,var(--bg));
color:var(--ink);font:15px/1.65 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;min-height:100vh;
display:flex;flex-direction:column}
a{color:var(--acid);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:900px;margin:0 auto;padding:0 1.2rem;width:100%;flex:1}
.top{padding:1.6rem 0;color:var(--dim);font-size:13px}
.top a{color:var(--mut)}
header.repo{padding:1.6rem 0 1.2rem;border-bottom:1px solid var(--line)}
h1{margin:0;font-size:1.6rem;font-family:ui-monospace,monospace;font-weight:500}
h1 .owner{color:var(--mut)} h1 .sep{color:var(--dim)} h1 .name{color:var(--acid)}
.meta{margin-top:.6rem;color:var(--mut);font-size:13.5px;line-height:1.6}
.meta span{margin-right:14px}
.desc{margin-top:.8rem;color:var(--ink);font-size:15px}
.cta{margin-top:1.2rem;display:flex;gap:8px;flex-wrap:wrap}
.btn{display:inline-block;padding:9px 18px;border-radius:9px;font-size:13.5px;font-weight:500;
border:1px solid var(--line);color:var(--ink);background:transparent;transition:filter .1s,background .1s;text-decoration:none}
.btn.acid{background:var(--acid);color:#0b0e14;font-weight:600;border-color:var(--acid)}
.btn:hover{background:var(--panel);text-decoration:none}
.btn.acid:hover{background:var(--acid)}
section{padding:1.8rem 0;border-bottom:1px solid var(--line)}
section:last-of-type{border-bottom:none}
h2{margin:0 0 .8rem;font-size:1rem;color:var(--mut);font-weight:500;text-transform:uppercase;letter-spacing:.05em}
pre.clone{background:#0e131b;border:1px solid var(--line);border-radius:8px;padding:10px 14px;overflow-x:auto;
font-family:ui-monospace,monospace;font-size:12.5px;color:var(--ink);margin:0 0 8px}
.clone-label{color:var(--dim);font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;margin:12px 0 4px}
#readme{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px 24px;
overflow-x:auto;font-size:14px;line-height:1.7}
#readme.empty{color:var(--dim);font-style:italic;text-align:center;padding:2rem}
#readme h1,#readme h2,#readme h3{color:var(--ink);font-weight:600;margin-top:1.4rem;margin-bottom:.5rem;font-family:inherit;text-transform:none;letter-spacing:0}
#readme h1{font-size:1.5rem;border-bottom:1px solid var(--line);padding-bottom:.4rem}
#readme h2{font-size:1.2rem}
#readme h3{font-size:1.05rem;color:var(--acid)}
#readme p{margin:.6rem 0;color:var(--ink)}
#readme code{background:#0e131b;border:1px solid var(--line);border-radius:4px;padding:1px 6px;font-family:ui-monospace,monospace;font-size:12.5px}
#readme pre{background:#0e131b;border:1px solid var(--line);border-radius:8px;padding:12px 14px;overflow-x:auto}
#readme pre code{background:transparent;border:none;padding:0}
#readme a{color:var(--acid)}
#readme ul,#readme ol{padding-left:1.4rem}
#readme li{margin:.25rem 0}
#readme blockquote{border-left:3px solid var(--acid);padding-left:12px;margin:.8rem 0;color:var(--mut)}
.commits{display:grid;gap:8px}
.commit{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px 16px;
font-size:13.5px;display:grid;grid-template-columns:1fr auto;gap:8px 14px;align-items:baseline}
.commit .msg{color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.commit .sha{color:var(--dim);font-family:ui-monospace,monospace;font-size:12px}
.commit .when{color:var(--dim);font-size:11.5px;text-align:right;white-space:nowrap}
.commit .author{color:var(--mut);font-size:11.5px;grid-column:1/-1}
footer{border-top:1px solid var(--line);padding:2rem 1.2rem 3rem;color:var(--dim);font-size:13px;text-align:center;margin-top:2rem}
footer a{color:var(--mut)} footer a:hover{color:var(--ink)}
.private-note{background:var(--panel);border:1px dashed var(--line);border-left:3px solid var(--acid);
border-radius:10px;padding:14px 18px;color:var(--mut);font-size:13.5px;margin:1.2rem 0}
</style>
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
</head>
<body>
<div class="wrap">
<div class="top">
<a href="../../">hephaestus.x</a> / <a href="../">silentmode</a> / <strong>ariadne</strong>
</div>
<header class="repo">
<h1><span class="owner">silentmode</span><span class="sep">/</span><span class="name">ariadne</span></h1>
<p class="meta" id="meta"><span>loading …</span></p>
<p class="desc" id="desc"></p>
<div class="cta">
<a class="btn acid" href="https://code.silentmode.st/silentmode/ariadne">Browse full source →</a>
<a class="btn" href="https://code.silentmode.st/silentmode/ariadne/issues">Issues</a>
<a class="btn" href="https://code.silentmode.st/silentmode/ariadne/releases">Releases</a>
</div>
</header>
<section>
<h2>README</h2>
<div id="readme" class="empty">Loading README from the forge…</div>
</section>
<section>
<h2>Recent commits</h2>
<div class="commits" id="commits"><div class="commit"><div class="msg">Loading…</div></div></div>
</section>
<section>
<h2>Clone</h2>
<div class="clone-label">HTTPS (with a personal access token)</div>
<pre class="clone">git clone https://&lt;you&gt;:&lt;token&gt;@code.silentmode.st/silentmode/ariadne.git</pre>
<div class="clone-label">SSH (with a key registered under your account)</div>
<pre class="clone">git clone ssh://git@code.silentmode.st:2222/silentmode/ariadne.git</pre>
</section>
</div>
<footer>
<a href="../../">hephaestus.x</a> · Silent Mode's decentralized code host · <a href="https://code.silentmode.st/">code.silentmode.st</a>
</footer>
<script type="module">
const REPO = "ariadne";
const API = `https://code.silentmode.st/api/v1/repos/silentmode/${REPO}`;
function esc(s) {
return String(s ?? "").replace(/[&<>"']/g, c => ({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"}[c]));
}
function fmtDate(iso) {
if (!iso) return "";
const d = new Date(iso);
if (isNaN(d)) return "";
const days = (Date.now() - d.getTime()) / 86400000;
if (days < 1) return "today";
if (days < 30) return `${Math.round(days)}d ago`;
return d.toISOString().slice(0, 10);
}
// Minimal markdown → HTML renderer for the README preview.
// Not comprehensive — covers headers, paragraphs, lists, links, inline code,
// fenced code blocks, and blockquotes. For anything richer, users click through
// to the full forge which has Forgejo's proper markdown renderer.
function mdToHtml(md) {
// Escape first, then apply markdown patterns
let s = esc(md);
// Fenced code blocks
s = s.replace(/```(\w+)?\n([\s\S]*?)```/g, (_, lang, code) => `<pre><code>${code.trimEnd()}</code></pre>`);
// Headers
s = s.replace(/^### (.+)$/gm, "<h3>$1</h3>");
s = s.replace(/^## (.+)$/gm, "<h2>$1</h2>");
s = s.replace(/^# (.+)$/gm, "<h1>$1</h1>");
// Bold + italic
s = s.replace(/\*\*(.+?)\*\*/g, "<b>$1</b>");
s = s.replace(/\*([^*\n]+)\*/g, "<i>$1</i>");
// Inline code (leave alone anything inside <pre> — the regex won't match across newlines)
s = s.replace(/`([^`\n]+)`/g, "<code>$1</code>");
// Links [text](url)
s = s.replace(/\[([^\]]+)\]\(([^)]+)\)/g, '<a href="$2">$1</a>');
// Unordered lists
s = s.replace(/(?:^|\n)((?:- .+\n?)+)/g, m => "\n<ul>" + m.trim().split("\n").map(l => `<li>${l.replace(/^-\s+/, "")}</li>`).join("") + "</ul>\n");
// Blockquotes
s = s.replace(/^&gt; (.+)$/gm, "<blockquote>$1</blockquote>");
// Paragraphs: any line-block not already wrapped in a block tag
s = s.split(/\n{2,}/).map(chunk => {
if (/^<(h[1-6]|ul|ol|pre|blockquote)/.test(chunk.trim())) return chunk;
return chunk.trim() ? `<p>${chunk.trim().replace(/\n/g, "<br>")}</p>` : "";
}).join("\n");
return s;
}
async function loadRepo() {
const meta = document.getElementById("meta");
const desc = document.getElementById("desc");
const readme = document.getElementById("readme");
const commits = document.getElementById("commits");
try {
const info = await fetch(API).then(r => r.ok ? r.json() : Promise.reject(new Error(`HTTP ${r.status}`)));
const parts = [];
if (info.private) parts.push('<span style="color:var(--dim)">private</span>');
if (info.default_branch) parts.push(`<span>default branch <code>${esc(info.default_branch)}</code></span>`);
if (info.size != null) parts.push(`<span>${info.size < 1024 ? info.size + " KB" : (info.size / 1024).toFixed(1) + " MB"}</span>`);
if (info.updated_at) parts.push(`<span>updated ${fmtDate(info.updated_at)}</span>`);
meta.innerHTML = parts.join("");
desc.textContent = info.description || "";
// README
try {
const branch = info.default_branch || "master";
const rmRes = await fetch(`${API}/raw/README.md?ref=${encodeURIComponent(branch)}`);
if (rmRes.ok) {
const md = await rmRes.text();
readme.classList.remove("empty");
readme.innerHTML = mdToHtml(md);
} else {
readme.textContent = "(no README.md in this repo)";
}
} catch (e) {
readme.textContent = `(couldn't load README: ${e.message})`;
}
// Recent commits
try {
const cRes = await fetch(`${API}/commits?limit=8`);
if (cRes.ok) {
const list = await cRes.json();
commits.innerHTML = list.slice(0, 8).map(c => {
const msg = (c.commit?.message || "").split("\n")[0];
const author = c.commit?.author?.name || c.author?.login || "unknown";
const when = fmtDate(c.commit?.author?.date);
const sha = (c.sha || "").slice(0, 7);
return `<a class="commit" href="https://code.silentmode.st/silentmode/${REPO}/commit/${sha}">
<div class="msg">${esc(msg)}</div>
<div class="sha">${esc(sha)}</div>
<div class="author">by ${esc(author)}</div>
<div class="when">${esc(when)}</div>
</a>`;
}).join("");
}
} catch (e) {
commits.innerHTML = `<div class="commit"><div class="msg" style="color:var(--dim)">Couldn't load commits: ${esc(e.message)}</div></div>`;
}
} catch (e) {
// Repo is private (401) or gone (404). Show a helpful message + sign-in CTA.
meta.innerHTML = '<span style="color:var(--dim)">private repo — sign in to browse</span>';
readme.innerHTML = `
<div class="private-note">
This repository is private. To browse it, <a href="https://code.silentmode.st/user/oauth2/hephaestus-wallet">sign in with your wallet</a>
on <code>code.silentmode.st</code> — if you've been added as a collaborator or org member,
you'll be able to read it there.
</div>`;
commits.innerHTML = "";
}
}
loadRepo();
</script>
</body>
</html>

228
hephaestus.x/silentmode/hephaestus/index.html Normal file
View file

@ -0,0 +1,228 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>silentmode/hephaestus — Hephaestus</title>
<meta name="description" content="silentmode/hephaestus on Hephaestus — Silent Mode's decentralized code host.">
<style>
:root{
--bg:#0b0e14; --panel:#141a24; --panel2:#18202c; --line:rgba(255,255,255,.09);
--ink:#e7eaf1; --mut:#8b98a9; --dim:#5e6678; --acid:#d6ff3d;
}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(1100px 560px at 50% -12%,#16202e,var(--bg));
color:var(--ink);font:15px/1.65 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;min-height:100vh;
display:flex;flex-direction:column}
a{color:var(--acid);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:900px;margin:0 auto;padding:0 1.2rem;width:100%;flex:1}
.top{padding:1.6rem 0;color:var(--dim);font-size:13px}
.top a{color:var(--mut)}
header.repo{padding:1.6rem 0 1.2rem;border-bottom:1px solid var(--line)}
h1{margin:0;font-size:1.6rem;font-family:ui-monospace,monospace;font-weight:500}
h1 .owner{color:var(--mut)} h1 .sep{color:var(--dim)} h1 .name{color:var(--acid)}
.meta{margin-top:.6rem;color:var(--mut);font-size:13.5px;line-height:1.6}
.meta span{margin-right:14px}
.desc{margin-top:.8rem;color:var(--ink);font-size:15px}
.cta{margin-top:1.2rem;display:flex;gap:8px;flex-wrap:wrap}
.btn{display:inline-block;padding:9px 18px;border-radius:9px;font-size:13.5px;font-weight:500;
border:1px solid var(--line);color:var(--ink);background:transparent;transition:filter .1s,background .1s;text-decoration:none}
.btn.acid{background:var(--acid);color:#0b0e14;font-weight:600;border-color:var(--acid)}
.btn:hover{background:var(--panel);text-decoration:none}
.btn.acid:hover{background:var(--acid)}
section{padding:1.8rem 0;border-bottom:1px solid var(--line)}
section:last-of-type{border-bottom:none}
h2{margin:0 0 .8rem;font-size:1rem;color:var(--mut);font-weight:500;text-transform:uppercase;letter-spacing:.05em}
pre.clone{background:#0e131b;border:1px solid var(--line);border-radius:8px;padding:10px 14px;overflow-x:auto;
font-family:ui-monospace,monospace;font-size:12.5px;color:var(--ink);margin:0 0 8px}
.clone-label{color:var(--dim);font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;margin:12px 0 4px}
#readme{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px 24px;
overflow-x:auto;font-size:14px;line-height:1.7}
#readme.empty{color:var(--dim);font-style:italic;text-align:center;padding:2rem}
#readme h1,#readme h2,#readme h3{color:var(--ink);font-weight:600;margin-top:1.4rem;margin-bottom:.5rem;font-family:inherit;text-transform:none;letter-spacing:0}
#readme h1{font-size:1.5rem;border-bottom:1px solid var(--line);padding-bottom:.4rem}
#readme h2{font-size:1.2rem}
#readme h3{font-size:1.05rem;color:var(--acid)}
#readme p{margin:.6rem 0;color:var(--ink)}
#readme code{background:#0e131b;border:1px solid var(--line);border-radius:4px;padding:1px 6px;font-family:ui-monospace,monospace;font-size:12.5px}
#readme pre{background:#0e131b;border:1px solid var(--line);border-radius:8px;padding:12px 14px;overflow-x:auto}
#readme pre code{background:transparent;border:none;padding:0}
#readme a{color:var(--acid)}
#readme ul,#readme ol{padding-left:1.4rem}
#readme li{margin:.25rem 0}
#readme blockquote{border-left:3px solid var(--acid);padding-left:12px;margin:.8rem 0;color:var(--mut)}
.commits{display:grid;gap:8px}
.commit{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px 16px;
font-size:13.5px;display:grid;grid-template-columns:1fr auto;gap:8px 14px;align-items:baseline}
.commit .msg{color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.commit .sha{color:var(--dim);font-family:ui-monospace,monospace;font-size:12px}
.commit .when{color:var(--dim);font-size:11.5px;text-align:right;white-space:nowrap}
.commit .author{color:var(--mut);font-size:11.5px;grid-column:1/-1}
footer{border-top:1px solid var(--line);padding:2rem 1.2rem 3rem;color:var(--dim);font-size:13px;text-align:center;margin-top:2rem}
footer a{color:var(--mut)} footer a:hover{color:var(--ink)}
.private-note{background:var(--panel);border:1px dashed var(--line);border-left:3px solid var(--acid);
border-radius:10px;padding:14px 18px;color:var(--mut);font-size:13.5px;margin:1.2rem 0}
</style>
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
</head>
<body>
<div class="wrap">
<div class="top">
<a href="../../">hephaestus.x</a> / <a href="../">silentmode</a> / <strong>hephaestus</strong>
</div>
<header class="repo">
<h1><span class="owner">silentmode</span><span class="sep">/</span><span class="name">hephaestus</span></h1>
<p class="meta" id="meta"><span>loading …</span></p>
<p class="desc" id="desc"></p>
<div class="cta">
<a class="btn acid" href="https://code.silentmode.st/silentmode/hephaestus">Browse full source →</a>
<a class="btn" href="https://code.silentmode.st/silentmode/hephaestus/issues">Issues</a>
<a class="btn" href="https://code.silentmode.st/silentmode/hephaestus/releases">Releases</a>
</div>
</header>
<section>
<h2>README</h2>
<div id="readme" class="empty">Loading README from the forge…</div>
</section>
<section>
<h2>Recent commits</h2>
<div class="commits" id="commits"><div class="commit"><div class="msg">Loading…</div></div></div>
</section>
<section>
<h2>Clone</h2>
<div class="clone-label">HTTPS (with a personal access token)</div>
<pre class="clone">git clone https://&lt;you&gt;:&lt;token&gt;@code.silentmode.st/silentmode/hephaestus.git</pre>
<div class="clone-label">SSH (with a key registered under your account)</div>
<pre class="clone">git clone ssh://git@code.silentmode.st:2222/silentmode/hephaestus.git</pre>
</section>
</div>
<footer>
<a href="../../">hephaestus.x</a> · Silent Mode's decentralized code host · <a href="https://code.silentmode.st/">code.silentmode.st</a>
</footer>
<script type="module">
const REPO = "hephaestus";
const API = `https://code.silentmode.st/api/v1/repos/silentmode/${REPO}`;
function esc(s) {
return String(s ?? "").replace(/[&<>"']/g, c => ({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"}[c]));
}
function fmtDate(iso) {
if (!iso) return "";
const d = new Date(iso);
if (isNaN(d)) return "";
const days = (Date.now() - d.getTime()) / 86400000;
if (days < 1) return "today";
if (days < 30) return `${Math.round(days)}d ago`;
return d.toISOString().slice(0, 10);
}
// Minimal markdown → HTML renderer for the README preview.
// Not comprehensive — covers headers, paragraphs, lists, links, inline code,
// fenced code blocks, and blockquotes. For anything richer, users click through
// to the full forge which has Forgejo's proper markdown renderer.
function mdToHtml(md) {
// Escape first, then apply markdown patterns
let s = esc(md);
// Fenced code blocks
s = s.replace(/```(\w+)?\n([\s\S]*?)```/g, (_, lang, code) => `<pre><code>${code.trimEnd()}</code></pre>`);
// Headers
s = s.replace(/^### (.+)$/gm, "<h3>$1</h3>");
s = s.replace(/^## (.+)$/gm, "<h2>$1</h2>");
s = s.replace(/^# (.+)$/gm, "<h1>$1</h1>");
// Bold + italic
s = s.replace(/\*\*(.+?)\*\*/g, "<b>$1</b>");
s = s.replace(/\*([^*\n]+)\*/g, "<i>$1</i>");
// Inline code (leave alone anything inside <pre> — the regex won't match across newlines)
s = s.replace(/`([^`\n]+)`/g, "<code>$1</code>");
// Links [text](url)
s = s.replace(/\[([^\]]+)\]\(([^)]+)\)/g, '<a href="$2">$1</a>');
// Unordered lists
s = s.replace(/(?:^|\n)((?:- .+\n?)+)/g, m => "\n<ul>" + m.trim().split("\n").map(l => `<li>${l.replace(/^-\s+/, "")}</li>`).join("") + "</ul>\n");
// Blockquotes
s = s.replace(/^&gt; (.+)$/gm, "<blockquote>$1</blockquote>");
// Paragraphs: any line-block not already wrapped in a block tag
s = s.split(/\n{2,}/).map(chunk => {
if (/^<(h[1-6]|ul|ol|pre|blockquote)/.test(chunk.trim())) return chunk;
return chunk.trim() ? `<p>${chunk.trim().replace(/\n/g, "<br>")}</p>` : "";
}).join("\n");
return s;
}
async function loadRepo() {
const meta = document.getElementById("meta");
const desc = document.getElementById("desc");
const readme = document.getElementById("readme");
const commits = document.getElementById("commits");
try {
const info = await fetch(API).then(r => r.ok ? r.json() : Promise.reject(new Error(`HTTP ${r.status}`)));
const parts = [];
if (info.private) parts.push('<span style="color:var(--dim)">private</span>');
if (info.default_branch) parts.push(`<span>default branch <code>${esc(info.default_branch)}</code></span>`);
if (info.size != null) parts.push(`<span>${info.size < 1024 ? info.size + " KB" : (info.size / 1024).toFixed(1) + " MB"}</span>`);
if (info.updated_at) parts.push(`<span>updated ${fmtDate(info.updated_at)}</span>`);
meta.innerHTML = parts.join("");
desc.textContent = info.description || "";
// README
try {
const branch = info.default_branch || "master";
const rmRes = await fetch(`${API}/raw/README.md?ref=${encodeURIComponent(branch)}`);
if (rmRes.ok) {
const md = await rmRes.text();
readme.classList.remove("empty");
readme.innerHTML = mdToHtml(md);
} else {
readme.textContent = "(no README.md in this repo)";
}
} catch (e) {
readme.textContent = `(couldn't load README: ${e.message})`;
}
// Recent commits
try {
const cRes = await fetch(`${API}/commits?limit=8`);
if (cRes.ok) {
const list = await cRes.json();
commits.innerHTML = list.slice(0, 8).map(c => {
const msg = (c.commit?.message || "").split("\n")[0];
const author = c.commit?.author?.name || c.author?.login || "unknown";
const when = fmtDate(c.commit?.author?.date);
const sha = (c.sha || "").slice(0, 7);
return `<a class="commit" href="https://code.silentmode.st/silentmode/${REPO}/commit/${sha}">
<div class="msg">${esc(msg)}</div>
<div class="sha">${esc(sha)}</div>
<div class="author">by ${esc(author)}</div>
<div class="when">${esc(when)}</div>
</a>`;
}).join("");
}
} catch (e) {
commits.innerHTML = `<div class="commit"><div class="msg" style="color:var(--dim)">Couldn't load commits: ${esc(e.message)}</div></div>`;
}
} catch (e) {
// Repo is private (401) or gone (404). Show a helpful message + sign-in CTA.
meta.innerHTML = '<span style="color:var(--dim)">private repo — sign in to browse</span>';
readme.innerHTML = `
<div class="private-note">
This repository is private. To browse it, <a href="https://code.silentmode.st/user/oauth2/hephaestus-wallet">sign in with your wallet</a>
on <code>code.silentmode.st</code> — if you've been added as a collaborator or org member,
you'll be able to read it there.
</div>`;
commits.innerHTML = "";
}
}
loadRepo();
</script>
</body>
</html>

128
hephaestus.x/silentmode/index.html Normal file
View file

@ -0,0 +1,128 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>silentmode/* — Hephaestus</title>
<meta name="description" content="All silentmode/* repos on Hephaestus.">
<style>
:root{
--bg:#0b0e14; --panel:#141a24; --panel2:#18202c; --line:rgba(255,255,255,.09);
--ink:#e7eaf1; --mut:#8b98a9; --dim:#5e6678; --acid:#d6ff3d;
}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(1100px 560px at 50% -12%,#16202e,var(--bg));
color:var(--ink);font:16px/1.65 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;min-height:100vh;
display:flex;flex-direction:column}
a{color:var(--acid);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:820px;margin:0 auto;padding:0 1.2rem;width:100%;flex:1}
.top{padding:1.6rem 0;color:var(--dim);font-size:13px}
.top a{color:var(--mut)}
header.hero{text-align:center;padding:3rem 1.2rem 1rem}
.mark{font-size:52px;line-height:1}
h1{font-size:clamp(1.8rem,4.5vw,2.4rem);margin:.4rem 0 .3rem;letter-spacing:-0.01em;font-family:ui-monospace,monospace;font-weight:500}
h1 .g{color:var(--acid)}
.tag{color:var(--mut);font-size:1rem;max-width:560px;margin:0 auto}
section{padding:2rem 0 1rem}
.repo{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:baseline;
background:var(--panel);border:1px solid var(--line);border-radius:12px;
padding:16px 20px;margin-bottom:10px;transition:border-color .1s,background .1s;text-decoration:none}
.repo:hover{border-color:var(--acid);background:var(--panel2);text-decoration:none}
.repo .name{font-family:ui-monospace,monospace;font-size:14.5px;color:var(--ink)}
.repo .name .owner{color:var(--dim)}
.repo .name .sep{color:var(--dim);margin:0 2px}
.repo .name .repo-label{color:var(--acid)}
.repo .desc{color:var(--mut);font-size:13.5px;line-height:1.5;margin:.3rem 0 0;grid-column:1/-1}
.repo .meta{color:var(--dim);font-size:12px;font-family:ui-monospace,monospace;text-align:right;white-space:nowrap}
.repo.priv .name .repo-label{color:var(--mut)}
.empty{color:var(--dim);font-size:14px;text-align:center;padding:2rem}
footer{border-top:1px solid var(--line);padding:2rem 1.2rem 3rem;color:var(--dim);font-size:13px;text-align:center;margin-top:2rem}
footer a{color:var(--mut)} footer a:hover{color:var(--ink)}
</style>
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
</head>
<body>
<div class="wrap">
<div class="top">
<a href="../">hephaestus.x</a> / <strong>silentmode</strong>
</div>
<header class="hero">
<div class="mark">🛠</div>
<h1><span class="g">silentmode</span>/*</h1>
<p class="tag">Public repositories under the <code>silentmode</code> org. Click through for a per-repo overview or straight into the full forge.</p>
</header>
<section>
<div id="repos"><div class="empty">Loading from the forge…</div></div>
</section>
</div>
<footer>
<a href="../">hephaestus.x</a> · Silent Mode's decentralized code host
</footer>
<script type="module">
// Static index: enumerate the known silentmode/* repos. Public ones link to the
// per-repo detail page we generate at hephaestus.x/silentmode/<name>/ ; private
// ones link straight to code.silentmode.st since the detail page shows a
// "sign in to browse" message anyway.
const KNOWN = [
{name: "theseus", private: false},
{name: "sirius", private: false},
{name: "ariadne", private: true},
{name: "hephaestus", private: true},
];
const container = document.getElementById("repos");
function esc(s) {
return String(s ?? "").replace(/[&<>"']/g, c => ({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"}[c]));
}
function fmtDate(iso) {
if (!iso) return "";
const d = new Date(iso);
if (isNaN(d)) return "";
const days = (Date.now() - d.getTime()) / 86400000;
if (days < 1) return "today";
if (days < 30) return `${Math.round(days)}d ago`;
return d.toISOString().slice(0, 10);
}
async function loadRepo(entry) {
const priv = entry.private;
// Public repos: fetch fresh info via CORS. Private: fill in a static line.
if (!priv) {
try {
const info = await fetch(`https://code.silentmode.st/api/v1/repos/silentmode/${entry.name}`).then(r => r.json());
return {...entry, description: info.description, updated_at: info.updated_at, size: info.size};
} catch { return entry; }
}
return entry;
}
Promise.all(KNOWN.map(loadRepo)).then(list => {
container.innerHTML = list.map(r => {
// Public → per-repo detail page on hephaestus.x; private → direct to code.silentmode.st
const href = r.private
? `https://code.silentmode.st/silentmode/${r.name}`
: `./${r.name}/`;
const badge = r.private ? '<span style="color:var(--dim)">private</span>' : "";
const updated = r.updated_at ? `updated ${fmtDate(r.updated_at)}` : "";
const desc = r.description ? `<div class="desc">${esc(r.description)}</div>` : "";
return `
<a class="repo${r.private ? " priv" : ""}" href="${href}">
<div class="name">
<span class="owner">silentmode</span><span class="sep">/</span><span class="repo-label">${esc(r.name)}</span>
${desc}
</div>
<div class="meta">${badge}${badge && updated ? " · " : ""}${updated}</div>
</a>`;
}).join("");
});
</script>
</body>
</html>

228
hephaestus.x/silentmode/sirius/index.html Normal file
View file

@ -0,0 +1,228 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>silentmode/sirius — Hephaestus</title>
<meta name="description" content="silentmode/sirius on Hephaestus — Silent Mode's decentralized code host.">
<style>
:root{
--bg:#0b0e14; --panel:#141a24; --panel2:#18202c; --line:rgba(255,255,255,.09);
--ink:#e7eaf1; --mut:#8b98a9; --dim:#5e6678; --acid:#d6ff3d;
}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(1100px 560px at 50% -12%,#16202e,var(--bg));
color:var(--ink);font:15px/1.65 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;min-height:100vh;
display:flex;flex-direction:column}
a{color:var(--acid);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:900px;margin:0 auto;padding:0 1.2rem;width:100%;flex:1}
.top{padding:1.6rem 0;color:var(--dim);font-size:13px}
.top a{color:var(--mut)}
header.repo{padding:1.6rem 0 1.2rem;border-bottom:1px solid var(--line)}
h1{margin:0;font-size:1.6rem;font-family:ui-monospace,monospace;font-weight:500}
h1 .owner{color:var(--mut)} h1 .sep{color:var(--dim)} h1 .name{color:var(--acid)}
.meta{margin-top:.6rem;color:var(--mut);font-size:13.5px;line-height:1.6}
.meta span{margin-right:14px}
.desc{margin-top:.8rem;color:var(--ink);font-size:15px}
.cta{margin-top:1.2rem;display:flex;gap:8px;flex-wrap:wrap}
.btn{display:inline-block;padding:9px 18px;border-radius:9px;font-size:13.5px;font-weight:500;
border:1px solid var(--line);color:var(--ink);background:transparent;transition:filter .1s,background .1s;text-decoration:none}
.btn.acid{background:var(--acid);color:#0b0e14;font-weight:600;border-color:var(--acid)}
.btn:hover{background:var(--panel);text-decoration:none}
.btn.acid:hover{background:var(--acid)}
section{padding:1.8rem 0;border-bottom:1px solid var(--line)}
section:last-of-type{border-bottom:none}
h2{margin:0 0 .8rem;font-size:1rem;color:var(--mut);font-weight:500;text-transform:uppercase;letter-spacing:.05em}
pre.clone{background:#0e131b;border:1px solid var(--line);border-radius:8px;padding:10px 14px;overflow-x:auto;
font-family:ui-monospace,monospace;font-size:12.5px;color:var(--ink);margin:0 0 8px}
.clone-label{color:var(--dim);font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;margin:12px 0 4px}
#readme{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px 24px;
overflow-x:auto;font-size:14px;line-height:1.7}
#readme.empty{color:var(--dim);font-style:italic;text-align:center;padding:2rem}
#readme h1,#readme h2,#readme h3{color:var(--ink);font-weight:600;margin-top:1.4rem;margin-bottom:.5rem;font-family:inherit;text-transform:none;letter-spacing:0}
#readme h1{font-size:1.5rem;border-bottom:1px solid var(--line);padding-bottom:.4rem}
#readme h2{font-size:1.2rem}
#readme h3{font-size:1.05rem;color:var(--acid)}
#readme p{margin:.6rem 0;color:var(--ink)}
#readme code{background:#0e131b;border:1px solid var(--line);border-radius:4px;padding:1px 6px;font-family:ui-monospace,monospace;font-size:12.5px}
#readme pre{background:#0e131b;border:1px solid var(--line);border-radius:8px;padding:12px 14px;overflow-x:auto}
#readme pre code{background:transparent;border:none;padding:0}
#readme a{color:var(--acid)}
#readme ul,#readme ol{padding-left:1.4rem}
#readme li{margin:.25rem 0}
#readme blockquote{border-left:3px solid var(--acid);padding-left:12px;margin:.8rem 0;color:var(--mut)}
.commits{display:grid;gap:8px}
.commit{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px 16px;
font-size:13.5px;display:grid;grid-template-columns:1fr auto;gap:8px 14px;align-items:baseline}
.commit .msg{color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.commit .sha{color:var(--dim);font-family:ui-monospace,monospace;font-size:12px}
.commit .when{color:var(--dim);font-size:11.5px;text-align:right;white-space:nowrap}
.commit .author{color:var(--mut);font-size:11.5px;grid-column:1/-1}
footer{border-top:1px solid var(--line);padding:2rem 1.2rem 3rem;color:var(--dim);font-size:13px;text-align:center;margin-top:2rem}
footer a{color:var(--mut)} footer a:hover{color:var(--ink)}
.private-note{background:var(--panel);border:1px dashed var(--line);border-left:3px solid var(--acid);
border-radius:10px;padding:14px 18px;color:var(--mut);font-size:13.5px;margin:1.2rem 0}
</style>
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
</head>
<body>
<div class="wrap">
<div class="top">
<a href="../../">hephaestus.x</a> / <a href="../">silentmode</a> / <strong>sirius</strong>
</div>
<header class="repo">
<h1><span class="owner">silentmode</span><span class="sep">/</span><span class="name">sirius</span></h1>
<p class="meta" id="meta"><span>loading …</span></p>
<p class="desc" id="desc"></p>
<div class="cta">
<a class="btn acid" href="https://code.silentmode.st/silentmode/sirius">Browse full source →</a>
<a class="btn" href="https://code.silentmode.st/silentmode/sirius/issues">Issues</a>
<a class="btn" href="https://code.silentmode.st/silentmode/sirius/releases">Releases</a>
</div>
</header>
<section>
<h2>README</h2>
<div id="readme" class="empty">Loading README from the forge…</div>
</section>
<section>
<h2>Recent commits</h2>
<div class="commits" id="commits"><div class="commit"><div class="msg">Loading…</div></div></div>
</section>
<section>
<h2>Clone</h2>
<div class="clone-label">HTTPS (with a personal access token)</div>
<pre class="clone">git clone https://&lt;you&gt;:&lt;token&gt;@code.silentmode.st/silentmode/sirius.git</pre>
<div class="clone-label">SSH (with a key registered under your account)</div>
<pre class="clone">git clone ssh://git@code.silentmode.st:2222/silentmode/sirius.git</pre>
</section>
</div>
<footer>
<a href="../../">hephaestus.x</a> · Silent Mode's decentralized code host · <a href="https://code.silentmode.st/">code.silentmode.st</a>
</footer>
<script type="module">
const REPO = "sirius";
const API = `https://code.silentmode.st/api/v1/repos/silentmode/${REPO}`;
function esc(s) {
return String(s ?? "").replace(/[&<>"']/g, c => ({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"}[c]));
}
function fmtDate(iso) {
if (!iso) return "";
const d = new Date(iso);
if (isNaN(d)) return "";
const days = (Date.now() - d.getTime()) / 86400000;
if (days < 1) return "today";
if (days < 30) return `${Math.round(days)}d ago`;
return d.toISOString().slice(0, 10);
}
// Minimal markdown → HTML renderer for the README preview.
// Not comprehensive — covers headers, paragraphs, lists, links, inline code,
// fenced code blocks, and blockquotes. For anything richer, users click through
// to the full forge which has Forgejo's proper markdown renderer.
function mdToHtml(md) {
// Escape first, then apply markdown patterns
let s = esc(md);
// Fenced code blocks
s = s.replace(/```(\w+)?\n([\s\S]*?)```/g, (_, lang, code) => `<pre><code>${code.trimEnd()}</code></pre>`);
// Headers
s = s.replace(/^### (.+)$/gm, "<h3>$1</h3>");
s = s.replace(/^## (.+)$/gm, "<h2>$1</h2>");
s = s.replace(/^# (.+)$/gm, "<h1>$1</h1>");
// Bold + italic
s = s.replace(/\*\*(.+?)\*\*/g, "<b>$1</b>");
s = s.replace(/\*([^*\n]+)\*/g, "<i>$1</i>");
// Inline code (leave alone anything inside <pre> — the regex won't match across newlines)
s = s.replace(/`([^`\n]+)`/g, "<code>$1</code>");
// Links [text](url)
s = s.replace(/\[([^\]]+)\]\(([^)]+)\)/g, '<a href="$2">$1</a>');
// Unordered lists
s = s.replace(/(?:^|\n)((?:- .+\n?)+)/g, m => "\n<ul>" + m.trim().split("\n").map(l => `<li>${l.replace(/^-\s+/, "")}</li>`).join("") + "</ul>\n");
// Blockquotes
s = s.replace(/^&gt; (.+)$/gm, "<blockquote>$1</blockquote>");
// Paragraphs: any line-block not already wrapped in a block tag
s = s.split(/\n{2,}/).map(chunk => {
if (/^<(h[1-6]|ul|ol|pre|blockquote)/.test(chunk.trim())) return chunk;
return chunk.trim() ? `<p>${chunk.trim().replace(/\n/g, "<br>")}</p>` : "";
}).join("\n");
return s;
}
async function loadRepo() {
const meta = document.getElementById("meta");
const desc = document.getElementById("desc");
const readme = document.getElementById("readme");
const commits = document.getElementById("commits");
try {
const info = await fetch(API).then(r => r.ok ? r.json() : Promise.reject(new Error(`HTTP ${r.status}`)));
const parts = [];
if (info.private) parts.push('<span style="color:var(--dim)">private</span>');
if (info.default_branch) parts.push(`<span>default branch <code>${esc(info.default_branch)}</code></span>`);
if (info.size != null) parts.push(`<span>${info.size < 1024 ? info.size + " KB" : (info.size / 1024).toFixed(1) + " MB"}</span>`);
if (info.updated_at) parts.push(`<span>updated ${fmtDate(info.updated_at)}</span>`);
meta.innerHTML = parts.join("");
desc.textContent = info.description || "";
// README
try {
const branch = info.default_branch || "master";
const rmRes = await fetch(`${API}/raw/README.md?ref=${encodeURIComponent(branch)}`);
if (rmRes.ok) {
const md = await rmRes.text();
readme.classList.remove("empty");
readme.innerHTML = mdToHtml(md);
} else {
readme.textContent = "(no README.md in this repo)";
}
} catch (e) {
readme.textContent = `(couldn't load README: ${e.message})`;
}
// Recent commits
try {
const cRes = await fetch(`${API}/commits?limit=8`);
if (cRes.ok) {
const list = await cRes.json();
commits.innerHTML = list.slice(0, 8).map(c => {
const msg = (c.commit?.message || "").split("\n")[0];
const author = c.commit?.author?.name || c.author?.login || "unknown";
const when = fmtDate(c.commit?.author?.date);
const sha = (c.sha || "").slice(0, 7);
return `<a class="commit" href="https://code.silentmode.st/silentmode/${REPO}/commit/${sha}">
<div class="msg">${esc(msg)}</div>
<div class="sha">${esc(sha)}</div>
<div class="author">by ${esc(author)}</div>
<div class="when">${esc(when)}</div>
</a>`;
}).join("");
}
} catch (e) {
commits.innerHTML = `<div class="commit"><div class="msg" style="color:var(--dim)">Couldn't load commits: ${esc(e.message)}</div></div>`;
}
} catch (e) {
// Repo is private (401) or gone (404). Show a helpful message + sign-in CTA.
meta.innerHTML = '<span style="color:var(--dim)">private repo — sign in to browse</span>';
readme.innerHTML = `
<div class="private-note">
This repository is private. To browse it, <a href="https://code.silentmode.st/user/oauth2/hephaestus-wallet">sign in with your wallet</a>
on <code>code.silentmode.st</code> — if you've been added as a collaborator or org member,
you'll be able to read it there.
</div>`;
commits.innerHTML = "";
}
}
loadRepo();
</script>
</body>
</html>

228
hephaestus.x/silentmode/theseus/index.html Normal file
View file

@ -0,0 +1,228 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>silentmode/theseus — Hephaestus</title>
<meta name="description" content="silentmode/theseus on Hephaestus — Silent Mode's decentralized code host.">
<style>
:root{
--bg:#0b0e14; --panel:#141a24; --panel2:#18202c; --line:rgba(255,255,255,.09);
--ink:#e7eaf1; --mut:#8b98a9; --dim:#5e6678; --acid:#d6ff3d;
}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(1100px 560px at 50% -12%,#16202e,var(--bg));
color:var(--ink);font:15px/1.65 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;min-height:100vh;
display:flex;flex-direction:column}
a{color:var(--acid);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:900px;margin:0 auto;padding:0 1.2rem;width:100%;flex:1}
.top{padding:1.6rem 0;color:var(--dim);font-size:13px}
.top a{color:var(--mut)}
header.repo{padding:1.6rem 0 1.2rem;border-bottom:1px solid var(--line)}
h1{margin:0;font-size:1.6rem;font-family:ui-monospace,monospace;font-weight:500}
h1 .owner{color:var(--mut)} h1 .sep{color:var(--dim)} h1 .name{color:var(--acid)}
.meta{margin-top:.6rem;color:var(--mut);font-size:13.5px;line-height:1.6}
.meta span{margin-right:14px}
.desc{margin-top:.8rem;color:var(--ink);font-size:15px}
.cta{margin-top:1.2rem;display:flex;gap:8px;flex-wrap:wrap}
.btn{display:inline-block;padding:9px 18px;border-radius:9px;font-size:13.5px;font-weight:500;
border:1px solid var(--line);color:var(--ink);background:transparent;transition:filter .1s,background .1s;text-decoration:none}
.btn.acid{background:var(--acid);color:#0b0e14;font-weight:600;border-color:var(--acid)}
.btn:hover{background:var(--panel);text-decoration:none}
.btn.acid:hover{background:var(--acid)}
section{padding:1.8rem 0;border-bottom:1px solid var(--line)}
section:last-of-type{border-bottom:none}
h2{margin:0 0 .8rem;font-size:1rem;color:var(--mut);font-weight:500;text-transform:uppercase;letter-spacing:.05em}
pre.clone{background:#0e131b;border:1px solid var(--line);border-radius:8px;padding:10px 14px;overflow-x:auto;
font-family:ui-monospace,monospace;font-size:12.5px;color:var(--ink);margin:0 0 8px}
.clone-label{color:var(--dim);font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;margin:12px 0 4px}
#readme{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px 24px;
overflow-x:auto;font-size:14px;line-height:1.7}
#readme.empty{color:var(--dim);font-style:italic;text-align:center;padding:2rem}
#readme h1,#readme h2,#readme h3{color:var(--ink);font-weight:600;margin-top:1.4rem;margin-bottom:.5rem;font-family:inherit;text-transform:none;letter-spacing:0}
#readme h1{font-size:1.5rem;border-bottom:1px solid var(--line);padding-bottom:.4rem}
#readme h2{font-size:1.2rem}
#readme h3{font-size:1.05rem;color:var(--acid)}
#readme p{margin:.6rem 0;color:var(--ink)}
#readme code{background:#0e131b;border:1px solid var(--line);border-radius:4px;padding:1px 6px;font-family:ui-monospace,monospace;font-size:12.5px}
#readme pre{background:#0e131b;border:1px solid var(--line);border-radius:8px;padding:12px 14px;overflow-x:auto}
#readme pre code{background:transparent;border:none;padding:0}
#readme a{color:var(--acid)}
#readme ul,#readme ol{padding-left:1.4rem}
#readme li{margin:.25rem 0}
#readme blockquote{border-left:3px solid var(--acid);padding-left:12px;margin:.8rem 0;color:var(--mut)}
.commits{display:grid;gap:8px}
.commit{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px 16px;
font-size:13.5px;display:grid;grid-template-columns:1fr auto;gap:8px 14px;align-items:baseline}
.commit .msg{color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.commit .sha{color:var(--dim);font-family:ui-monospace,monospace;font-size:12px}
.commit .when{color:var(--dim);font-size:11.5px;text-align:right;white-space:nowrap}
.commit .author{color:var(--mut);font-size:11.5px;grid-column:1/-1}
footer{border-top:1px solid var(--line);padding:2rem 1.2rem 3rem;color:var(--dim);font-size:13px;text-align:center;margin-top:2rem}
footer a{color:var(--mut)} footer a:hover{color:var(--ink)}
.private-note{background:var(--panel);border:1px dashed var(--line);border-left:3px solid var(--acid);
border-radius:10px;padding:14px 18px;color:var(--mut);font-size:13.5px;margin:1.2rem 0}
</style>
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
</head>
<body>
<div class="wrap">
<div class="top">
<a href="../../">hephaestus.x</a> / <a href="../">silentmode</a> / <strong>theseus</strong>
</div>
<header class="repo">
<h1><span class="owner">silentmode</span><span class="sep">/</span><span class="name">theseus</span></h1>
<p class="meta" id="meta"><span>loading …</span></p>
<p class="desc" id="desc"></p>
<div class="cta">
<a class="btn acid" href="https://code.silentmode.st/silentmode/theseus">Browse full source →</a>
<a class="btn" href="https://code.silentmode.st/silentmode/theseus/issues">Issues</a>
<a class="btn" href="https://code.silentmode.st/silentmode/theseus/releases">Releases</a>
</div>
</header>
<section>
<h2>README</h2>
<div id="readme" class="empty">Loading README from the forge…</div>
</section>
<section>
<h2>Recent commits</h2>
<div class="commits" id="commits"><div class="commit"><div class="msg">Loading…</div></div></div>
</section>
<section>
<h2>Clone</h2>
<div class="clone-label">HTTPS (with a personal access token)</div>
<pre class="clone">git clone https://&lt;you&gt;:&lt;token&gt;@code.silentmode.st/silentmode/theseus.git</pre>
<div class="clone-label">SSH (with a key registered under your account)</div>
<pre class="clone">git clone ssh://git@code.silentmode.st:2222/silentmode/theseus.git</pre>
</section>
</div>
<footer>
<a href="../../">hephaestus.x</a> · Silent Mode's decentralized code host · <a href="https://code.silentmode.st/">code.silentmode.st</a>
</footer>
<script type="module">
const REPO = "theseus";
const API = `https://code.silentmode.st/api/v1/repos/silentmode/${REPO}`;
function esc(s) {
return String(s ?? "").replace(/[&<>"']/g, c => ({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"}[c]));
}
function fmtDate(iso) {
if (!iso) return "";
const d = new Date(iso);
if (isNaN(d)) return "";
const days = (Date.now() - d.getTime()) / 86400000;
if (days < 1) return "today";
if (days < 30) return `${Math.round(days)}d ago`;
return d.toISOString().slice(0, 10);
}
// Minimal markdown → HTML renderer for the README preview.
// Not comprehensive — covers headers, paragraphs, lists, links, inline code,
// fenced code blocks, and blockquotes. For anything richer, users click through
// to the full forge which has Forgejo's proper markdown renderer.
function mdToHtml(md) {
// Escape first, then apply markdown patterns
let s = esc(md);
// Fenced code blocks
s = s.replace(/```(\w+)?\n([\s\S]*?)```/g, (_, lang, code) => `<pre><code>${code.trimEnd()}</code></pre>`);
// Headers
s = s.replace(/^### (.+)$/gm, "<h3>$1</h3>");
s = s.replace(/^## (.+)$/gm, "<h2>$1</h2>");
s = s.replace(/^# (.+)$/gm, "<h1>$1</h1>");
// Bold + italic
s = s.replace(/\*\*(.+?)\*\*/g, "<b>$1</b>");
s = s.replace(/\*([^*\n]+)\*/g, "<i>$1</i>");
// Inline code (leave alone anything inside <pre> — the regex won't match across newlines)
s = s.replace(/`([^`\n]+)`/g, "<code>$1</code>");
// Links [text](url)
s = s.replace(/\[([^\]]+)\]\(([^)]+)\)/g, '<a href="$2">$1</a>');
// Unordered lists
s = s.replace(/(?:^|\n)((?:- .+\n?)+)/g, m => "\n<ul>" + m.trim().split("\n").map(l => `<li>${l.replace(/^-\s+/, "")}</li>`).join("") + "</ul>\n");
// Blockquotes
s = s.replace(/^&gt; (.+)$/gm, "<blockquote>$1</blockquote>");
// Paragraphs: any line-block not already wrapped in a block tag
s = s.split(/\n{2,}/).map(chunk => {
if (/^<(h[1-6]|ul|ol|pre|blockquote)/.test(chunk.trim())) return chunk;
return chunk.trim() ? `<p>${chunk.trim().replace(/\n/g, "<br>")}</p>` : "";
}).join("\n");
return s;
}
async function loadRepo() {
const meta = document.getElementById("meta");
const desc = document.getElementById("desc");
const readme = document.getElementById("readme");
const commits = document.getElementById("commits");
try {
const info = await fetch(API).then(r => r.ok ? r.json() : Promise.reject(new Error(`HTTP ${r.status}`)));
const parts = [];
if (info.private) parts.push('<span style="color:var(--dim)">private</span>');
if (info.default_branch) parts.push(`<span>default branch <code>${esc(info.default_branch)}</code></span>`);
if (info.size != null) parts.push(`<span>${info.size < 1024 ? info.size + " KB" : (info.size / 1024).toFixed(1) + " MB"}</span>`);
if (info.updated_at) parts.push(`<span>updated ${fmtDate(info.updated_at)}</span>`);
meta.innerHTML = parts.join("");
desc.textContent = info.description || "";
// README
try {
const branch = info.default_branch || "master";
const rmRes = await fetch(`${API}/raw/README.md?ref=${encodeURIComponent(branch)}`);
if (rmRes.ok) {
const md = await rmRes.text();
readme.classList.remove("empty");
readme.innerHTML = mdToHtml(md);
} else {
readme.textContent = "(no README.md in this repo)";
}
} catch (e) {
readme.textContent = `(couldn't load README: ${e.message})`;
}
// Recent commits
try {
const cRes = await fetch(`${API}/commits?limit=8`);
if (cRes.ok) {
const list = await cRes.json();
commits.innerHTML = list.slice(0, 8).map(c => {
const msg = (c.commit?.message || "").split("\n")[0];
const author = c.commit?.author?.name || c.author?.login || "unknown";
const when = fmtDate(c.commit?.author?.date);
const sha = (c.sha || "").slice(0, 7);
return `<a class="commit" href="https://code.silentmode.st/silentmode/${REPO}/commit/${sha}">
<div class="msg">${esc(msg)}</div>
<div class="sha">${esc(sha)}</div>
<div class="author">by ${esc(author)}</div>
<div class="when">${esc(when)}</div>
</a>`;
}).join("");
}
} catch (e) {
commits.innerHTML = `<div class="commit"><div class="msg" style="color:var(--dim)">Couldn't load commits: ${esc(e.message)}</div></div>`;
}
} catch (e) {
// Repo is private (401) or gone (404). Show a helpful message + sign-in CTA.
meta.innerHTML = '<span style="color:var(--dim)">private repo — sign in to browse</span>';
readme.innerHTML = `
<div class="private-note">
This repository is private. To browse it, <a href="https://code.silentmode.st/user/oauth2/hephaestus-wallet">sign in with your wallet</a>
on <code>code.silentmode.st</code> — if you've been added as a collaborator or org member,
you'll be able to read it there.
</div>`;
commits.innerHTML = "";
}
}
loadRepo();
</script>
</body>
</html>

343
hephaestus/index.html Normal file
View file

@ -0,0 +1,343 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Hephaestus — decentralized code forge for Silent Mode</title>
<meta name="description" content="Hephaestus is Silent Mode's code host. Sign in with a Bitcoin Cash wallet — no email, no password reset. Repos hosted on your VPS, cold blobs (LFS, attachments, packages) stored on the Sia network. Live at code.silentmode.st.">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Silent Mode">
<meta property="og:title" content="Hephaestus — decentralized code forge for Silent Mode">
<meta property="og:description" content="Hephaestus is Silent Mode's code host. Sign in with a Bitcoin Cash wallet — no email, no password reset. Repos hosted on your VPS, cold blobs (LFS, attachments, packages) stored on the Sia network. Live at code.silentmode.st.">
<meta property="og:url" content="https://silentmode.st/hephaestus/">
<meta property="og:image" content="https://silentmode.st/brand/og.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta name="twitter:card" content="summary_large_image">
<style>
:root{
--bg:#0b0e14; --panel:#141a24; --panel2:#18202c; --line:rgba(255,255,255,.09);
--ink:#e7eaf1; --mut:#8b98a9; --dim:#5e6678; --acid:#d6ff3d;
--chain:#d6ff3d; --sia:#b39ddb; --srv:#4fd1a5; --ok:#4fd1a5; --taken:#f6768a;
--warn:#ffc75f;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(1100px 560px at 50% -12%,#16202e,var(--bg));
color:var(--ink);font:16px/1.65 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;min-height:100vh}
a{color:var(--acid)}
.wrap{max-width:980px;margin:0 auto;padding:0 1.2rem}
.topnav{position:sticky;top:0;z-index:20;display:flex;gap:2px;align-items:center;flex-wrap:wrap;
padding:10px 1.2rem;background:rgba(11,14,20,.82);backdrop-filter:blur(10px);
border-bottom:1px solid var(--line)}
.topnav .brand{font-weight:600;color:var(--ink);text-decoration:none;margin-right:14px;font-size:15px;letter-spacing:.2px}
.topnav .brand .g{color:var(--acid)}
.topnav .brand .logo{width:24px;height:16px;vertical-align:-2px;margin-right:8px}
.topnav .brand .logo .l1{stroke:var(--mut)}
.topnav .brand .logo .l2{stroke:var(--acid)}
.topnav a{color:var(--mut);text-decoration:none;padding:6px 12px;border-radius:8px;font-size:14px}
.topnav a:hover{color:var(--ink);background:var(--panel)}
.topnav a.here{color:var(--acid);background:rgba(214,255,61,.08)}
.topnav a.portal{margin-left:auto;background:rgba(214,255,61,.10);color:var(--acid);font-weight:500}
.topnav a.portal:hover{background:rgba(214,255,61,.18)}
header.hero{text-align:center;padding:5rem 1.2rem 1rem}
.mark{font-size:56px;line-height:1}
h1{font-size:clamp(2rem,5.5vw,2.9rem);margin:.4rem 0 .3rem}
h1 .g{color:var(--acid)}
.tag{color:var(--mut);font-size:1.05rem;max-width:660px;margin:0 auto}
.cta{margin-top:1.8rem;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.btn{display:inline-block;text-decoration:none;padding:11px 20px;border-radius:10px;background:#4b7bec;color:#fff;font-size:14px;border:none;cursor:pointer;font-family:inherit;transition:filter .1s}
.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--ink)}
.btn.acid{background:var(--acid);color:#0b0e14;font-weight:600}
.btn:hover{filter:brightness(1.12)}
section{padding:2.6rem 0;border-top:1px solid var(--line);margin-top:2.5rem}
section:first-of-type{border-top:none;margin-top:1.5rem}
h2{font-size:1.5rem;margin:0 0 .4rem}
h3{font-size:1.1rem;margin:1.2rem 0 .35rem}
.lede{color:var(--mut);margin:0 0 1.6rem;max-width:720px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px 20px}
.card h3{margin:0 0 .5rem;display:flex;align-items:center;gap:8px}
.card p{margin:0;color:var(--mut);font-size:14px}
.card .cta{margin-top:14px;justify-content:flex-start}
.dot{width:9px;height:9px;border-radius:50%;display:inline-block}
.d-chain{background:var(--chain)} .d-sia{background:var(--sia)} .d-srv{background:var(--srv)}
.note{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--acid);
border-radius:10px;padding:14px 18px;color:var(--mut);font-size:14px;margin-top:1.4rem}
.note.warn{border-left-color:var(--warn)}
.note b{color:var(--ink)}
code,.mono{background:#0e131b;border:1px solid var(--line);border-radius:6px;padding:1px 6px;font-family:ui-monospace,monospace;font-size:13px}
pre{background:#0e131b;border:1px solid var(--line);border-radius:10px;padding:12px 14px;overflow-x:auto;
font-family:ui-monospace,monospace;font-size:13px;color:var(--ink);margin:1rem 0;line-height:1.55}
ol.steps{counter-reset:s;list-style:none;padding:0;margin:1.2rem 0 0;display:grid;gap:10px}
ol.steps li{counter-increment:s;display:grid;grid-template-columns:30px 1fr;gap:14px;align-items:start;
background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:13px 16px}
ol.steps li::before{content:counter(s);grid-column:1;grid-row:1;
display:grid;place-items:center;width:24px;height:24px;border-radius:50%;
background:rgba(214,255,61,.14);color:var(--acid);font-size:12.5px;font-weight:700}
ol.steps li > *{grid-column:2;min-width:0}
ol.steps b{color:var(--ink)} ol.steps span{color:var(--mut);font-size:14px}
.pill{display:inline-block;font-size:11px;padding:2px 8px;border-radius:999px;background:rgba(255,255,255,.07);color:var(--dim);margin-left:8px;vertical-align:middle;font-weight:500}
.pill.soon{background:rgba(214,255,61,.13);color:var(--acid)}
.pill.warn{background:rgba(255,199,95,.14);color:var(--warn)}
table.spec{width:100%;border-collapse:collapse;margin:1.2rem 0;font-size:14px}
table.spec th,table.spec td{padding:8px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
table.spec th{color:var(--mut);font-weight:500;font-size:12.5px;text-transform:uppercase;letter-spacing:.3px}
table.spec td:first-child{color:var(--acid);white-space:nowrap;font-family:ui-monospace,monospace;font-size:13px}
footer{border-top:1px solid var(--line);padding:2.4rem 0 3.5rem;color:var(--dim);font-size:13px;text-align:center;margin-top:2.5rem}
</style>
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
</head>
<body>
<nav class="topnav">
<a class="brand" href="../"><svg class="logo" viewBox="0 0 32 20" aria-hidden="true"><rect class="l1" x="1.5" y="3.5" width="17" height="13" rx="6.5" ry="6.5" fill="none" stroke-width="2.6"/><rect class="l2" x="13.5" y="3.5" width="17" height="13" rx="6.5" ry="6.5" fill="none" stroke-width="2.6"/></svg>Silent <span class="g">Mode</span></a>
<a href="../tools/">Theseus</a>
<a href="../prometheus/">Prometheus</a>
<a href="../sirius/">Sirius</a>
<a href="./" class="here">Hephaestus</a>
<a href="../helios/">Helios</a>
<a href="../hermes/">Hermes</a>
<a href="https://code.silentmode.st/" class="portal">Open forge →</a>
</nav>
<div class="wrap">
<header class="hero">
<div class="mark">⚒️</div>
<h1><span class="g">Hephaestus</span> — the forge</h1>
<p class="tag">A code host you sign into with a Bitcoin Cash wallet. Repositories on your own VPS, cold blobs on the Sia network. No email. No password reset. No middleman.</p>
<div class="cta">
<a class="btn acid" href="https://code.silentmode.st/user/oauth2/hephaestus-wallet">Sign in with wallet</a>
<a class="btn ghost" href="https://code.silentmode.st/explore/repos">Browse repos</a>
</div>
</header>
<section id="what">
<h2>What Hephaestus is</h2>
<p class="lede">A friction-free GitHub alternative for people who want to hold their own identity. Under the hood it's Forgejo (a soft-fork of Gitea) with a wallet-authentication layer bolted on and cold storage moved from disk to Sia.</p>
<div class="grid">
<div class="card">
<h3><span class="dot d-chain"></span> Wallet is your identity</h3>
<p>Generate or import a BCH wallet in your browser. Sign a one-time challenge to prove control. That's your account — nothing to remember except your recovery phrase.</p>
</div>
<div class="card">
<h3><span class="dot d-sia"></span> Cold storage on Sia</h3>
<p>Every LFS object, release archive, package registry blob and issue attachment lives on the Sia network via <code>s3.silentmode.st:8600</code>. Live git repos + Postgres stay on the VPS SSD for speed.</p>
</div>
<div class="card">
<h3><span class="dot d-srv"></span> Standard git — push over HTTPS or SSH</h3>
<p>Nothing weird. <code>git clone</code>, <code>git push</code>, PRs, issues, releases, container registry, the works. Bring your existing muscle memory.</p>
</div>
</div>
</section>
<section id="quickstart">
<h2>Sign in — 30 seconds</h2>
<ol class="steps">
<li><b>Open the forge.</b> <span>Go to <a href="https://code.silentmode.st/">code.silentmode.st</a> and click <b>Sign in</b>, then <b>Sign in with hephaestus-wallet</b>.</span></li>
<li><b>Generate or import a wallet.</b> <span>Pick "Generate new" for a fresh BIP-39 12-word recovery phrase, or "Import existing" if you already have one. Write it down — <b>lose it and the account is gone</b>.</span></li>
<li><b>Set a browser passphrase</b> (min 8 chars). <span>Used to encrypt the wallet in your browser's localStorage. Never leaves your device.</span></li>
<li><b>Click "Create wallet &amp; sign in".</b> <span>The browser signs a challenge, the server verifies, Forgejo auto-provisions you as <code>bch_&lt;first-20-of-your-cashaddr&gt;</code>. You land in the dashboard.</span></li>
</ol>
<p class="note"><b>Why no email?</b> Nothing to leak, nothing to phish, no password-reset flow to hijack. The trade: if you lose your recovery phrase there is no support form to send you back in. Back the phrase up. Twice. On paper.</p>
</section>
<section id="cli">
<h2>For CLI &amp; programmatic access <span class="pill">read before debugging</span></h2>
<p class="lede">If you're driving the sign-in from a CLI, CI job, or any scripted client without a real browser, read this first. It heads off two misdiagnoses we've already hit.</p>
<h3>Misdiagnosis #1: "The login shell page is only 510 bytes — it's a broken stub"</h3>
<p>It's not a stub — it's a <b>deliberately small bootstrap page</b> that renders the wallet UI client-side via a JS module (standard SPA pattern). Size ≠ brokenness. The full UI (mnemonic generation, passphrase encryption, sign flow) is inside <code>wallet.js</code>, not the shell. Test by requesting <code>wallet.js</code> instead:</p>
<pre>curl -sI https://code.silentmode.st/auth/static/wallet.js
# expect: HTTP 200, ~10 KB, Content-Type: application/javascript</pre>
<h3>Misdiagnosis #2: "static/wallet.js returns 404 at every path"</h3>
<p>It only 404s if you drop the <code>/auth/</code> prefix. Caddy path-multiplexes: <b><code>/auth/*</code> goes to the auth-proxy, everything else goes to Forgejo</b>. Forgejo has no <code>/static/wallet.js</code>, so that path is expected-404. The real paths are:</p>
<table class="spec">
<tr><th>URL</th><th>Served by</th><th>Purpose</th></tr>
<tr><td>/auth/authorize</td><td>auth-proxy</td><td>Login shell HTML (SPA bootstrap)</td></tr>
<tr><td>/auth/static/wallet.js</td><td>auth-proxy</td><td>Wallet UI + signing logic (~10 KB)</td></tr>
<tr><td>/auth/static/login.css</td><td>auth-proxy</td><td>Styles for the login card</td></tr>
<tr><td>/auth/challenge</td><td>auth-proxy</td><td>POST cashaddr → get nonce + signed message</td></tr>
<tr><td>/auth/verify</td><td>auth-proxy</td><td>POST nonce + signature → get OAuth code</td></tr>
<tr><td>/auth/.well-known/openid-configuration</td><td>auth-proxy</td><td>OIDC discovery</td></tr>
<tr><td>/user/oauth2/hephaestus-wallet</td><td>Forgejo</td><td>Kicks off the OAuth handshake (307 → /auth/authorize)</td></tr>
<tr><td>/user/oauth2/hephaestus-wallet/callback</td><td>Forgejo</td><td>Receives the OAuth code, mints session</td></tr>
<tr><td>/api/v1/version</td><td>Forgejo</td><td>Public: returns Forgejo version</td></tr>
<tr><td>/api/v1/user</td><td>Forgejo</td><td>Requires an API <b>token</b> (not a session cookie) — returning 401 in a browser is not a bug</td></tr>
</table>
<h3>Testing the sign-in flow end-to-end without a real browser</h3>
<p>The wallet signing is easiest to reproduce in Node/Deno or a headless browser — the crypto is BIP-137 "Bitcoin Signed Message" over BCH secp256k1. But <b>the server-side pieces alone can be smoke-tested with curl</b>:</p>
<pre>ISSUER=https://code.silentmode.st/auth
# 1. discovery document lists all endpoints
curl -s "$ISSUER/.well-known/openid-configuration" | jq .
# 2. request a challenge for any cashaddr (server just holds it 5 min)
curl -s -X POST -H 'content-type: application/json' \
-d '{"cashaddr":"bitcoincash:qq00000000000000000000000000000000000000q"}' \
"$ISSUER/challenge"
# → returns {"nonce": "...", "message": "code.silentmode.st wants you to sign in..."}
# 3. any BCH wallet that speaks "Sign Message" can produce a valid signature
# for that exact message. Then POST it:
curl -s -X POST -H 'content-type: application/json' \
-d '{"nonce":"THE_NONCE","signature":"BASE64_SIG"}' \
"$ISSUER/verify"
# → returns {"redirect": "https://code.silentmode.st/user/oauth2/hephaestus-wallet/callback?code=..."}</pre>
<p>For the JS side (which is what the browser does), inspect <code>auth-proxy/public/wallet.js</code> in the repo — it's ~250 lines and does exactly this: <code>generateBip39Mnemonic → deriveHdPath("m/44'/145'/0'/0/0") → sign(magicHash(message))</code>. Nothing exotic.</p>
<h3>Common browser-side checks</h3>
<p>If your CLI drives a real browser (Playwright, Puppeteer, curl-with-cookies) and you want to know if you're actually signed in:</p>
<pre>// The URL bar isn't reliable when Forgejo shows Security or Settings pages —
// they render for logged-in users but don't have "Dashboard" in the title.
// Best check: does the profile menu render, and is there no "Sign in" link?
const signedIn = !document.querySelector('a[href*="/user/login"]')
&amp;&amp; !!document.querySelector('[aria-label*="Profile"], .user-menu, .avatar');
// The username, if you're on the Dashboard:
document.title.match(/^(bch_\w+)/)?.[1];</pre>
<p class="note warn"><b>Do not test with <code>fetch('/api/v1/user')</code> unless you have an API token.</b> That endpoint requires token auth even when you're signed into the web UI. Session cookies get you into Forgejo pages; they don't get you into the token-scoped API. A 401 there means "no token" — it does not mean "not signed in."</p>
</section>
<section id="git">
<h2>Push some code</h2>
<p class="lede">Two paths, either works. Pick whichever fits your setup.</p>
<h3>Over HTTPS (with an access token)</h3>
<p>Log in, open <b>Settings → Applications → Generate New Token</b>, give it <code>write:repository</code> scope. Then:</p>
<pre>git clone https://<b>your_bch_username</b>:<b>YOUR_TOKEN</b>@code.silentmode.st/<b>your_bch_username</b>/<b>your-repo</b>.git
cd your-repo
echo "Hello, forge" &gt; README.md
git add README.md &amp;&amp; git commit -m "hello"
git push</pre>
<h3>Over SSH (with your existing key)</h3>
<p>Add your public key to <b>Settings → SSH / GPG Keys → Add Key</b>. Then use port 2222:</p>
<pre>git clone ssh://git@code.silentmode.st:2222/<b>your_bch_username</b>/<b>your-repo</b>.git</pre>
<p>Your key is only trusted for git-over-SSH; there's no shell access.</p>
</section>
<section id="architecture">
<h2>How it fits together</h2>
<pre> you (browser)
│
https://code.silentmode.st/
│
┌──────────┴──────────┐
│ Caddy │ ← Let's Encrypt cert, HTTP/3
│ (path-based mux) │
└──┬───────────────┬──┘
│ │
│/auth/* │/
▼ ▼
auth-proxy Forgejo ── Postgres (live git repos + DB
(OIDC provider) ───┬─── on local VPS SSD)
Node/Fastify │
libauth for │ storage backend
BCH signature ▼
verification s3.silentmode.st:8600 ← s3d gateway
│
▼
Sia network hosts
(LFS, attachments,
packages, archives)</pre>
<table class="spec">
<tr><th>Component</th><th>Role</th></tr>
<tr><td>Forgejo 10</td><td>Web UI, PRs, issues, releases, container/npm registry, git-over-HTTPS + SSH</td></tr>
<tr><td>Postgres 16</td><td>User records, issues, PRs, permissions, session state</td></tr>
<tr><td>Caddy 2</td><td>Reverse proxy + automatic Let's Encrypt TLS + HTTP/3</td></tr>
<tr><td>auth-proxy</td><td>OIDC provider (Node/Fastify + <a href="https://libauth.org">libauth</a>). Issues signed challenges, verifies BCH signatures, mints OAuth codes.</td></tr>
<tr><td>s3d → Sia</td><td>Cold storage. Files are encrypted client-side, sharded via Reed-Solomon, scattered across independent hosts.</td></tr>
<tr><td>restic</td><td>Nightly encrypted snapshots (Postgres + /data/git) to a separate Sia bucket. Systemd timer at 03:15 UTC.</td></tr>
</table>
</section>
<section id="protocol">
<h2>Wallet-auth protocol</h2>
<p class="lede">Any BCH wallet that speaks Bitcoin Signed Message can produce a signature Hephaestus will accept. There is no Hephaestus-specific signing format.</p>
<pre>Message the wallet signs:
─────────────────────────────
code.silentmode.st wants you to sign in with your Bitcoin Cash account:
bitcoincash:qzkc695pm4r3p7kcq36sh0t3fdu5e6ua7u2ar36vea
By signing, you prove you control this address. This request will not
trigger a blockchain transaction or cost any fees.
Domain: code.silentmode.st
Nonce: e65d80b51d3f1baa2efb8d952d827104
Issued At: 2026-08-29T17:50:12.655Z</pre>
<p>Signature is standard <b>BIP-137-style</b> recoverable ECDSA over the <code>SHA256(SHA256(varint(magic) || magic || varint(msg) || msg))</code> digest, base64-encoded. The server recovers the pubkey, derives the cashaddr, and matches it against the address you claimed. Nonces expire after 5 minutes and are single-use.</p>
<p>OIDC id_token claims: <code>sub = full cashaddr</code>, <code>preferred_username = "bch_" + first-20-of-address</code>, plus a custom <code>cashaddr</code> claim carrying the full address for downstream tools. Signed with EdDSA (Ed25519).</p>
</section>
<section id="operators">
<h2>For operators <span class="pill">self-host your own</span></h2>
<p class="lede">Hephaestus is a docker-compose stack. Everything you need is in the <a href="https://code.silentmode.st/silentmode/silentmode">silentmode monorepo</a> under <code>Hephaestus/</code>. To stand up your own instance:</p>
<ol class="steps">
<li><b>Get a Linux VPS with Docker</b> <span>(2 GB RAM, ~10 GB free disk minimum). A domain name pointing at it. Ports 80/443/2222 open.</span></li>
<li><b>Clone the repo, copy the env template</b>
<pre>git clone ssh://git@code.silentmode.st:2222/silentmode/silentmode.git
cd silentmode/Hephaestus
cp .env.example .env
# fill in real values — see .env.example for what each field means</pre></li>
<li><b>Bring it up</b>
<pre>docker compose up -d</pre>
<span>First run pulls ~500 MB of images and builds the auth-proxy. Give it a few minutes.</span></li>
<li><b>Complete Forgejo install</b> <span>via POST to <code>/</code> with your admin creds (see <code>PROTOCOL.md</code> in the repo for the exact field list — Forgejo's <code>--config</code> path prevents the CLI installer working, so it has to be the HTTP path).</span></li>
<li><b>Register the wallet OIDC provider</b>
<pre>docker compose exec forgejo forgejo \
--config /data/gitea/conf/app.ini admin auth add-oauth \
--provider openidConnect \
--name hephaestus-wallet \
--key "$AUTH_PROXY_CLIENT_ID" --secret "$AUTH_PROXY_CLIENT_SECRET" \
--auto-discover-url "$AUTH_PROXY_ISSUER/.well-known/openid-configuration" \
--scopes "openid profile"</pre></li>
</ol>
<h3>Gotchas we hit — save yourself the same debugging</h3>
<ul style="color:var(--mut);font-size:14.5px;line-height:1.75">
<li>Forgejo's docker entrypoint re-writes <code>app.ini</code> from env vars on every start — sed edits inside the container get clobbered. Everything must come from <code>FORGEJO__section__KEY</code> env vars in <code>docker-compose.yml</code>.</li>
<li><code>DISABLE_REGISTRATION=true</code> blocks OIDC auto-provisioning too, not just the local form. Use <code>DISABLE_REGISTRATION=false</code> + <code>ALLOW_ONLY_EXTERNAL_REGISTRATION=true</code> + <code>SHOW_REGISTRATION_BUTTON=false</code>.</li>
<li>Forgejo needs <code>[oauth2_client] ENABLE_AUTO_REGISTRATION=true</code> AND <code>USERNAME=preferred_username</code> AND an <code>email</code> claim on the id_token (auth-proxy synthesizes one).</li>
<li>Forgejo usernames are <code>[a-zA-Z0-9-_.]+</code>, max 40 chars. Raw cashaddrs (54 chars, colon) don't fit — auth-proxy sends <code>bch_&lt;first-20&gt;</code> as the username while keeping the full cashaddr in <code>sub</code>.</li>
<li>When serving auth-proxy under a <code>/auth/*</code> path prefix behind a reverse proxy, all client-side asset paths and fetch URLs must be <b>path-relative</b> (no leading slash), otherwise the browser resolves them to origin root and hits the wrong service.</li>
</ul>
</section>
<section id="status">
<h2>Status</h2>
<table class="spec">
<tr><th>Live at</th><td><a href="https://code.silentmode.st/">code.silentmode.st</a></td></tr>
<tr><th>Signup</th><td>Open (wallet-only; local registration disabled)</td></tr>
<tr><th>Storage</th><td>Sia network for cold blobs, VPS SSD for hot path</td></tr>
<tr><th>Backups</th><td>Nightly restic → separate Sia bucket, encrypted client-side</td></tr>
<tr><th>Source</th><td><a href="https://code.silentmode.st/silentmode/silentmode">silentmode/silentmode</a> (private — request access from an admin), or the local checkout under <code>Hephaestus/</code></td></tr>
<tr><th>License</th><td>Forgejo is GPL-3.0. Auth-proxy + Caddyfile + docker-compose scaffolding is part of the Silent Mode monorepo.</td></tr>
<tr><th>Chain</th><td>Chipnet (Bitcoin Cash test network) <span class="pill warn">alpha</span></td></tr>
<tr><th>BCNR name</th><td><code>hephaestus.x</code> — minted on chipnet, points at <code>https://code.silentmode.st/</code>. Resolve via <a href="https://navigate.st/bns/hephaestus.x/">navigate.st gateway</a> or any BCNR-aware browser (Theseus, Ariadne).</td></tr>
</table>
<p class="note"><b>Report an issue.</b> Open one at <a href="https://code.silentmode.st/silentmode/silentmode/issues">silentmode/silentmode/issues</a> once you have access, or ping in the usual Silent Mode channels.</p>
</section>
</div>
<footer>
<div class="wrap">
Silent Mode — a Deviant project · Hephaestus is one of the Silent Mode tools · <a href="../">silentmode.st</a>
</div>
</footer>
</body>
</html>

162
hermes/index.html Normal file
View file

@ -0,0 +1,162 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Hermes — messaging by name — Silent Mode</title>
<meta name="description" content="Hermes: end-to-end encrypted messaging where your Bitcoin Cash name is your identity. NIP-17 sealed DMs over Nostr, no email, no phone number, no company account.">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Silent Mode">
<meta property="og:title" content="Hermes — messaging by name — Silent Mode">
<meta property="og:description" content="Hermes: end-to-end encrypted messaging where your Bitcoin Cash name is your identity. NIP-17 sealed DMs over Nostr, no email, no phone number, no company account.">
<meta property="og:url" content="https://silentmode.st/hermes/">
<meta property="og:image" content="https://silentmode.st/brand/og.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta name="twitter:card" content="summary_large_image">
<link rel="stylesheet" href="../shared.css">
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
</head>
<body>
<nav class="topnav">
<a class="brand" href="../"><svg class="logo" viewBox="0 0 32 20" aria-hidden="true"><rect class="l1" x="1.5" y="3.5" width="17" height="13" rx="6.5" ry="6.5" fill="none" stroke-width="2.6"/><rect class="l2" x="13.5" y="3.5" width="17" height="13" rx="6.5" ry="6.5" fill="none" stroke-width="2.6"/></svg>Silent <span class="g">Mode</span></a>
<a href="../tools/">Theseus</a>
<a href="../prometheus/">Prometheus</a>
<a href="../sirius/">Sirius</a>
<a href="../hephaestus/">Hephaestus</a>
<a href="../helios/">Helios</a>
<a href="./" class="here">Hermes</a>
</nav>
<header class="hero">
<div class="mark">⛓️✉️</div>
<h1>Hermes <span class="pill p-designed" style="vertical-align:middle;font-size:12px;margin-left:.6rem">designed · not yet built</span></h1>
<p class="tag">End-to-end encrypted DMs over Nostr, addressed by your
<code class="inline">.bch</code> name instead of a public-key string. Same wallet
is your identity — no email, no phone number, no company, no server that can delete
your account.</p>
</header>
<div class="wrap narrow">
<section class="plain">
<h2>The one idea that makes this different</h2>
<p class="lede">Every existing Nostr client has the same wart: identity is
<code class="inline">npub1q8s7f3k…</code> gibberish. The human-name fix — NIP-05 —
resolves <code class="inline">alice@example.com</code> through a DNS domain and a
web server. That is exactly the ICANN + server chain Silent Mode exists to escape.
Decentralized messaging bolted onto centralized identity.</p>
<div class="note"><b>The Hermes pitch.</b><br>
<code class="inline">alice.bch</code> publishes her Nostr pubkey as an on-chain
record. Her name certificate <i>is</i> her verified, seizure-resistant identity.
Message anyone by their <code class="inline">.bch</code> name — no phone number, no
email, no ICANN, no company, no server that can delete your account.</div>
</section>
<section>
<h2>How it works</h2>
<ol class="steps">
<li><b>Your name owns your key.</b>
<span>Register any name you like on the chain (or reuse one you already own),
publish your Nostr pubkey to it as a new <code class="inline">np</code> record.
The key is derived from the same wallet seed as the name itself, so one seed
backs both.</span></li>
<li><b>Find people by name.</b>
<span>Type <code class="inline">bob.bch</code>. The client resolves it against
the chain, pulls <code class="inline">np</code> (Nostr pubkey) and
<code class="inline">nr</code> (preferred relays). No directory server involved.</span></li>
<li><b>Send the message sealed.</b>
<span>NIP-17 gift-wrapped DMs — the relay sees neither sender nor content, only
that a wrap addressed to some pubkey exists. Route over Tor to also hide your
IP; Theseus already can.</span></li>
<li><b>The name shows, not the pubkey.</b>
<span>Incoming messages reverse-resolve pubkey → name where possible, so your
chat list looks like a normal chat list — not a wall of hex.</span></li>
</ol>
</section>
<section>
<h2>Where it will live</h2>
<div class="grid">
<div class="card">
<h3>In Theseus <span class="src s-chain">desktop</span></h3>
<p>A Messages panel inside the browser you already have. Routes relay traffic over
Tor. Reuses the built-in wallet's seed as the messaging identity.</p>
</div>
<div class="card">
<h3>In Ariadne mobile <span class="src s-chain">phone</span></h3>
<p>A Messages screen in the existing Android app. Same seed, same identity — you
can message from either device without a linked-account handshake.</p>
</div>
</div>
</section>
<section>
<h2>Where your history lives</h2>
<p class="lede">Three modes, one toggle. The default assumes no cloud at all — every
later option is opt-in, and none of them let anyone but you read your messages.</p>
<div class="grid">
<div class="card">
<h3>Local only <span class="src s-chain">default</span></h3>
<p>The client keeps your message history on the device. Nothing else knows it
exists. Same seed on Theseus and Ariadne gives you two-device redundancy for
free — lose one, restore from the other. Lose both, history is gone. Signal's
model, on purpose.</p>
</div>
<div class="card">
<h3>Silent Mode cloud backup <span class="src s-chain">opt-in</span></h3>
<p>Toggle on and the client encrypts your message history with a key derived
from your wallet seed, then backs it up to decentralized cloud storage on
the Sia network. Only you can read it. <b>Text messages only</b> — no
pictures, no video, no attachments.</p>
</div>
<div class="card">
<h3>Your own Sia account <span class="src s-chain">advanced</span></h3>
<p>Prefer to own the storage yourself? Hermes sets up your own Sia account
and routes your backups there instead. Same encryption from your wallet
seed — and this time media backup is on the table too.</p>
</div>
</div>
</section>
<section>
<h2>Honest boundaries</h2>
<div class="grid">
<div class="card">
<h3>Messaging, not email</h3>
<p>No Gmail interop — by design. A separate anonymous-mailbox product covers
"sign up on services without leaking a real address."</p>
</div>
<div class="card">
<h3>Metadata resistance is good, not perfect</h3>
<p>NIP-17 hides sender and content from relays. Relays still see the recipient
pubkey, timing, and your connection IP unless you route over Tor. The UI will
tell you when it's on.</p>
</div>
<div class="card">
<h3>Relays are Nostr's soft spot</h3>
<p>A message lives only while some relay keeps it. Silent Mode runs one relay on
the same anonymous VPS as the gateway, and writes to a few public relays for
reach and redundancy.</p>
</div>
</div>
</section>
<div class="note warn"><b>Status: designed, not built.</b> The full protocol design is
in <a href="https://github.com/deviant"><code class="inline">Hermes/DESIGN-hermes.md</code></a>
(mirror). Nothing to install yet — this page exists to say what is coming, and to
make it possible to ask for updates in the messaging panel of a future Theseus or
Ariadne build.</div>
</div>
<footer>
<div>Silent Mode — a Deviant project.</div>
<div class="fine">Named for the messenger of the gods. Not yet built. Contents subject
to change until the first client ships.</div>
</footer>
</body>
</html>

11
home-cards.json Normal file
View file

@ -0,0 +1,11 @@
[
{ "title": "hello.bch", "url": "https://hello.bch/", "sub": "A small page on the blockchain itself.", "badge": "on-chain" },
{ "title": "siatest.bch", "url": "https://siatest.bch/", "sub": "A page with no server, backed by Sia.", "badge": "Sia" },
{ "title": "SilentMode.X", "url": "https://silentmode.x/", "sub": "Infrastructure development for a decentralized web.", "badge": "Infrastructure" },
{ "title": "Theseus.X", "url": "https://theseus.x/", "sub": "The Web Navigator — this browser's own address.", "badge": "Navigator" },
{ "title": "Sirius.X", "url": "https://sirius.x/", "sub": "Register and manage BCDN names.", "badge": "Registrar" },
{ "title": "Hephaestus.X", "url": "https://hephaestus.x/", "sub": "The forge — Silent Mode's code host.", "badge": "Code host" },
{ "title": "Prometheus.X", "url": "https://prometheus.x/", "sub": "Decentralized App Marketplace.", "badge": "App store" },
{ "title": "Helios.X", "url": "https://helios.x/", "sub": "Search engine for the decentralized web (in design).", "badge": "Search" },
{ "title": "Hermes.X", "url": "https://hermes.x/", "sub": "Messaging — end-to-end encrypted over Nostr.", "badge": "Messaging" }
]

170
index.html Normal file
View file

@ -0,0 +1,170 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Silent Mode — decentralized web infrastructure</title>
<meta name="description" content="Silent Mode is a development department for the decentralized web. Names on the Bitcoin Cash chain (Sirius), apps on Sia (Prometheus), search without a gatekeeper (Helios), messaging by name (Hermes), a code forge that signs you in with a wallet (Hephaestus), and the clients that reach them all.">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Silent Mode">
<meta property="og:title" content="Silent Mode — decentralized web infrastructure">
<meta property="og:description" content="Silent Mode is a development department for the decentralized web. Names on the Bitcoin Cash chain (Sirius), apps on Sia (Prometheus), search without a gatekeeper (Helios), messaging by name (Hermes), a code forge that signs you in with a wallet (Hephaestus), and the clients that reach them all.">
<meta property="og:url" content="https://silentmode.st/">
<meta property="og:image" content="https://silentmode.st/brand/og.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta name="twitter:card" content="summary_large_image">
<link rel="stylesheet" href="shared.css">
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
</head>
<body>
<nav class="topnav">
<a class="brand" href="/"><svg class="logo" viewBox="0 0 32 20" aria-hidden="true"><rect class="l1" x="1.5" y="3.5" width="17" height="13" rx="6.5" ry="6.5" fill="none" stroke-width="2.6"/><rect class="l2" x="13.5" y="3.5" width="17" height="13" rx="6.5" ry="6.5" fill="none" stroke-width="2.6"/></svg>Silent <span class="g">Mode</span></a>
<a href="tools/">Theseus</a>
<a href="prometheus/">Prometheus</a>
<a href="sirius/">Sirius</a>
<a href="hephaestus/">Hephaestus</a>
<a href="helios/">Helios</a>
<a href="hermes/">Hermes</a>
</nav>
<header class="hero">
<div class="mark"><svg viewBox="0 0 260 90" aria-hidden="true"><rect class="l1" x="9" y="9" width="150" height="72" rx="36" ry="36" fill="none" stroke-width="16"/><rect class="l2" x="101" y="9" width="150" height="72" rx="36" ry="36" fill="none" stroke-width="16"/></svg></div>
<h1>Silent <span class="g">Mode</span></h1>
<p class="tag">A development department for the decentralized web. We build names,
hosting, apps, search, messaging, and the clients that reach them — everything you
need to run a site nobody can seize, and everything you need to visit one.</p>
<div class="cta">
<a class="btn acid" href="tools/#theseus">Download the browser</a>
<a class="btn ghost" href="tools/">See all tools</a>
<a class="btn ghost" href="https://navigate.st/bns/silentmode.bch">See our .bch demo</a>
</div>
<p style="margin:1.4rem 0 0;color:var(--dim);font-size:13px">
New to any of this? <a href="choose/" style="color:var(--mut)">Start with the choice →</a>
</p>
</header>
<figure class="shot" style="max-width:980px;margin:2.2rem auto 0;padding:0 1.2rem">
<img src="tools/img/theseus-hello-bch.png" width="1424" height="888" alt="Theseus Navigator showing https://hello.bch with the BCDN badge in the address bar — the page loaded with no DNS lookup and no registrar." loading="eager">
<figcaption>Theseus opening <code class="inline">hello.bch</code>: the name was read from the Bitcoin Cash chain, the page from the network — no DNS was asked, no registrar consulted.</figcaption>
</figure>
<div class="wrap">
<!-- ============ .st vs .bch — the split ============ -->
<div class="note" style="margin-top:1.6rem;font-size:14.5px;border-left-color:var(--sia)">
<b>This page is ordinary web infrastructure.</b> <code class="inline">silentmode.st</code>
runs on nginx, a rented server, an ICANN domain, and a Let's Encrypt certificate — because
the point of this page is to <i>talk about</i> the alternative web, and the widest
audience needs no install to read it.
<br><br>
The project's own demonstration lives at <b><a href="https://navigate.st/bns/silentmode.bch">silentmode.bch</a></b>
— same project, hosted <i>with</i> the tools it describes. No centralized host, no registrar
entity, no DNS, no certificate authority.
<span style="display:block;color:var(--dim);font-size:12.5px;margin-top:.6rem">
Any resolver installed? Try it natively: <a href="https://silentmode.bch/"><code class="inline">https://silentmode.bch/</code></a>
</span>
</div>
<!-- ============ THE FIVE PRODUCTS ============ -->
<section class="plain">
<h2>What we build</h2>
<p class="lede">Seven pieces, each named for a figure whose role matches its function.
Each solves one part of the "how do we run a web without gatekeepers" problem, and
all of them interoperate around one thing: a name on the Bitcoin Cash chain.</p>
<div class="grid">
<div class="card">
<span class="pill p-alpha">alpha</span>
<h3>Theseus <span class="src s-chain">browsers &amp; resolvers</span></h3>
<p>Two flagship browsers, one brand across platforms — Ariadne resolver built in.
Also: the public relay (no install), the Firefox extension, and a standalone
Ariadne Resolver for system-wide BNS in every browser.</p>
<p style="margin-top:.8rem"><a href="tools/">See all tools →</a></p>
</div>
<div class="card">
<span class="pill p-live">live</span>
<h3>Sirius <span class="src s-chain">names</span></h3>
<p>Domain names on Bitcoin Cash — permanent, no renewal, no registrar. Register a
name in one transaction, hold it in your wallet, point it at any content on any
network.</p>
<p style="margin-top:.8rem"><a href="sirius/">Register a name →</a></p>
</div>
<div class="card">
<span class="pill p-live">live</span>
<h3>Hephaestus <span class="src s-sia">code</span></h3>
<p>A code forge you sign into with a Bitcoin Cash wallet. Forgejo UI, repos on the
host, LFS/releases/packages on Sia. No email, no password reset, no middleman.
Live at <a href="https://code.silentmode.st/">code.silentmode.st</a>.</p>
<p style="margin-top:.8rem"><a href="hephaestus/">See Hephaestus →</a></p>
</div>
<div class="card">
<span class="pill p-designed">designed</span>
<h3>Prometheus <span class="src s-sia">apps</span></h3>
<p>Home for apps and programs published on chain, hosted on Sia. Categories,
signed endorsements, verified installs. Anyone can publish; nobody can gatekeep.</p>
<p style="margin-top:.8rem"><a href="prometheus/">Browse Prometheus →</a></p>
</div>
<div class="card">
<span class="pill p-designed">designed</span>
<h3>Helios <span class="src s-srv">search</span></h3>
<p>A search engine for the decentralized web. No central crawler to trust, no
authority to rank, no advertiser to serve. Ranking by trust list, not algorithm.</p>
<p style="margin-top:.8rem"><a href="helios/">How it will work →</a></p>
</div>
<div class="card">
<span class="pill p-designed">designed</span>
<h3>Hermes <span class="src s-tor">messages</span></h3>
<p>End-to-end encrypted messaging over Nostr, addressed by your BNS name instead
of a public-key string. Same wallet is your identity — no email, no phone number,
no company.</p>
<p style="margin-top:.8rem"><a href="hermes/">Read the design →</a></p>
</div>
<div class="card">
<span class="pill p-designed">designed</span>
<h3>Argo <span class="src s-sia">hosting pact</span></h3>
<p>The incentive layer nobody pays for today. Independent hosts pooling to keep
your site up, paid by a covenant on chain. The piece that turns "you can host
it" into "someone will keep hosting it."</p>
</div>
</div>
</section>
<!-- ============ THE COMMON THREAD ============ -->
<section>
<h2>One thread through all of them</h2>
<p class="lede">Everything above depends on one thing: a name registered on the
Bitcoin Cash chain, held in a wallet you control. That name is your address on
Prometheus, your identity on Hermes, your ranking signal on Helios, and the URL
Tools resolve. Register once; use it everywhere. Nobody issues it, nobody revokes
it, and no service you use here needs an account.</p>
<div class="cta" style="justify-content:flex-start">
<a class="btn acid" href="sirius/">Register a name at Sirius →</a>
</div>
</section>
<div class="note"><b>Verify everything, trust nothing.</b> Every download published here is
fingerprinted with SHA-256; the canonical list is at <a href="releases/">/releases/</a>.
Alpha software on a test network — expect it to change, and check hashes before you
install.</div>
</div>
<footer>
<div>Silent Mode — a Deviant project.</div>
<div class="fine">A development department for the decentralized web. Nothing here is a
service, product guarantee, or investment. Verify against the chain; trust nothing
that cannot be checked.</div>
</footer>
</body>
</html>

7
js/bns-register.js Normal file
View file

File diff suppressed because one or more lines are too long

2049
js/libauth.js Normal file
View file

File diff suppressed because one or more lines are too long

7059
js/wizardconnect.js Normal file
View file

File diff suppressed because it is too large Load diff

25
nav/index.html Normal file
View file

@ -0,0 +1,25 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Moved — Silent Mode</title>
<meta http-equiv="refresh" content="0; url=/tools/">
<link rel="canonical" href="https://silentmode.st/tools/">
<style>
body{margin:0;font:15px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
background:#0b0e14;color:#e7eaf1;display:grid;place-items:center;min-height:100vh;padding:1.5rem}
.card{max-width:460px;text-align:center}
a{color:#d6ff3d}
p{color:#8b98a9}
</style>
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
</head>
<body>
<div class="card">
<h1>This page moved.</h1>
<p>The tools hub is now at <a href="/tools/">silentmode.st/tools/</a>.
Redirecting you there.</p>
</div>
</body>
</html>

231
prometheus/index.html Normal file
View file

@ -0,0 +1,231 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Prometheus — apps and programs on the decentralized web — Silent Mode</title>
<meta name="description" content="Prometheus is a home for apps, programs, and dApps published on the Bitcoin Cash chain. Listings live on chain, binaries live on Sia, endorsements are signed. Anyone can publish; nobody can gatekeep.">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Silent Mode">
<meta property="og:title" content="Prometheus — apps and programs on the decentralized web — Silent Mode">
<meta property="og:description" content="Prometheus is a home for apps, programs, and dApps published on the Bitcoin Cash chain. Listings live on chain, binaries live on Sia, endorsements are signed. Anyone can publish; nobody can gatekeep.">
<meta property="og:url" content="https://silentmode.st/prometheus/">
<meta property="og:image" content="https://silentmode.st/brand/og.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta name="twitter:card" content="summary_large_image">
<link rel="stylesheet" href="../shared.css">
<style>
/* Category grid — visually distinct from the homepage's tool cards so the two
don't blur together. Prometheus is a shop; the homepage is a foyer. */
.categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:1rem}
.cat{
background:var(--panel);border:1px solid var(--line);border-radius:14px;
padding:20px 22px;text-decoration:none;color:inherit;
transition:transform .18s ease, border-color .18s ease, background .18s ease;
display:flex;flex-direction:column;gap:.6rem;
}
.cat:hover{transform:translateY(-3px);border-color:rgba(214,255,61,.35);background:var(--panel2)}
.cat .ico{font-size:26px;line-height:1;filter:grayscale(.2)}
.cat h3{margin:.1rem 0 0;font-size:1.02rem}
.cat .count{color:var(--dim);font-size:12px;letter-spacing:.02em;margin-top:auto;padding-top:.4rem}
.cat.empty .count::before{content:"— ";color:var(--dim)}
.banner{
background:linear-gradient(180deg, rgba(214,255,61,.06), rgba(255,255,255,.01));
border:1px solid rgba(214,255,61,.18);border-radius:14px;
padding:22px 24px;margin:2rem 0 1.4rem;
}
.banner h3{margin:0 0 .3rem;font-size:1.1rem}
.banner p{margin:.2rem 0 0;color:var(--mut);font-size:14.5px}
</style>
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
</head>
<body>
<nav class="topnav">
<a class="brand" href="../"><svg class="logo" viewBox="0 0 32 20" aria-hidden="true"><rect class="l1" x="1.5" y="3.5" width="17" height="13" rx="6.5" ry="6.5" fill="none" stroke-width="2.6"/><rect class="l2" x="13.5" y="3.5" width="17" height="13" rx="6.5" ry="6.5" fill="none" stroke-width="2.6"/></svg>Silent <span class="g">Mode</span></a>
<a href="../tools/">Theseus</a>
<a href="./" class="here">Prometheus</a>
<a href="../sirius/">Sirius</a>
<a href="../hephaestus/">Hephaestus</a>
<a href="../helios/">Helios</a>
<a href="../hermes/">Hermes</a>
</nav>
<header class="hero">
<div class="mark" style="font-size:52px">🔥</div>
<h1>Prometheus
<span class="pill p-designed" style="vertical-align:middle;font-size:12px;margin-left:.6rem">designed · not yet built</span>
</h1>
<p class="tag">A home for apps, programs, dApps, and libraries — <b>listed on the Bitcoin
Cash chain, hosted on Sia, endorsed by signature</b>. Anyone can publish. Nobody can
gatekeep. Named for the one who gave fire to humans and did not ask the gods first.</p>
</header>
<div class="wrap">
<!-- ============ CATEGORIES ============ -->
<section class="plain">
<h2>Browse by category</h2>
<p class="lede">Where a Google Play or an App Store has one company deciding what fits
which shelf, Prometheus has the publisher's own label and your own trust list.
Categories below are the initial shape; anyone can propose more.</p>
<div class="categories">
<a class="cat empty" href="#soon"><div class="ico">💬</div>
<h3>Communication</h3>
<p>Messengers, voice, group chats, boards.</p>
<span class="count">0 listings</span>
</a>
<a class="cat empty" href="#soon"><div class="ico">🛡️</div>
<h3>Privacy &amp; security</h3>
<p>Tor tooling, mix networks, key managers, disk crypto.</p>
<span class="count">0 listings</span>
</a>
<a class="cat empty" href="#soon"><div class="ico">💸</div>
<h3>Wallets &amp; payments</h3>
<p>BCH wallets, cross-chain bridges, payment terminals.</p>
<span class="count">0 listings</span>
</a>
<a class="cat empty" href="#soon"><div class="ico">🎮</div>
<h3>Games</h3>
<p>Standalone titles, on-chain leaderboards, in-app purchases without a store cut.</p>
<span class="count">0 listings</span>
</a>
<a class="cat empty" href="#soon"><div class="ico">🧰</div>
<h3>Developer tools</h3>
<p>SDKs, libraries, indexers, testnet faucets, protocol utilities.</p>
<span class="count">0 listings</span>
</a>
<a class="cat empty" href="#soon"><div class="ico">🎧</div>
<h3>Media &amp; publishing</h3>
<p>Readers, players, one-file blogs, podcast hosts.</p>
<span class="count">0 listings</span>
</a>
<a class="cat empty" href="#soon"><div class="ico">⚙️</div>
<h3>Utilities</h3>
<p>File tools, sync, format converters, calculators.</p>
<span class="count">0 listings</span>
</a>
<a class="cat empty" href="#soon"><div class="ico">✨</div>
<h3>Everything else</h3>
<p>Anything that doesn't fit above. Propose a new category via a listing.</p>
<span class="count">0 listings</span>
</a>
</div>
<div class="banner" id="soon">
<h3>No live listings yet.</h3>
<p>The listing protocol (<code class="inline">APS1</code> record on chain) and the
submission flow are next. In the meantime, <a href="../tools/">Silent Mode's own
clients</a> are the working proof that a chain-hosted download flow can be verified
end-to-end.</p>
</div>
</section>
<!-- ============ HOW IT WORKS ============ -->
<section>
<h2>How Prometheus works</h2>
<ol class="steps">
<li><b>A listing is a signed on-chain record.</b>
<span>Publishing an app writes a small <code class="inline">APS1</code> record
to Bitcoin Cash — same protocol shape as a BNS name registration, different
prefix. The payload is a hash pointing at a full manifest stored on Sia:
name, description, category, icon, version, download URL, binary SHA-256, and
signing-cert fingerprint. Nobody approves the record; the transaction is the
publish.</span></li>
<li><b>The binary lives on Sia.</b>
<span>App files are uploaded to the Sia storage network — encrypted on the
publisher's machine, sharded across roughly 30 independent hosts, held by
nobody in particular. The listing carries the SHA-256 the file must match. If
the mirror serves a byte off, the client refuses to install it.</span></li>
<li><b>Reviews are signed endorsements you filter.</b>
<span>An endorsement is a signed statement on chain: "I, <code class="inline">alice.bch</code>,
vouch for this app." Your client shows the endorsements from names on trust
lists you subscribe to — a security researcher's, a friend's, your own. A
one-star review from a bot you don't follow simply doesn't render. Curated
registries and formal reputation come later; permissionless comes first.</span></li>
<li><b>Install verifies against the chain.</b>
<span>The Ariadne clients pull the file from wherever the listing says (Sia,
mirror, your own server), check the SHA-256 against the on-chain record, check
the signing certificate against the fingerprint, and only then install. Same
principle as verifying a website — the chain is the truth, not the mirror.</span></li>
</ol>
</section>
<!-- ============ FOR PUBLISHERS ============ -->
<section>
<h2>Publishing an app</h2>
<div class="grid">
<div class="card">
<span class="pill p-live">available today</span>
<h3>Register a name</h3>
<p>Every publisher needs a name to sign as. Any BNS name works — the same one you'd
register at <a href="../sirius/">Sirius</a>. Fractions of a cent, no monthly bill.</p>
</div>
<div class="card">
<span class="pill p-live">available today</span>
<h3>Host on Sia</h3>
<p>Upload the app binary + manifest to a Sia bucket you control. Silent Mode's own
gateway can host on your behalf if you don't want to run a Sia daemon.</p>
</div>
<div class="card">
<span class="pill p-designed">designed</span>
<h3>Publish the listing</h3>
<p>One transaction: <code class="inline">APS1</code> record with the manifest hash,
signed by your name's key. From that moment on, anyone can find your app by
browsing the category, and the client can install it verifiably.</p>
</div>
<div class="card">
<span class="pill p-designed">designed</span>
<h3>Ship updates</h3>
<p>An update is another signed record referencing the same app id. Clients pull
updates the same way they installed the app — verify against the chain, then
install. Nobody can push a hostile update without your key.</p>
</div>
</div>
</section>
<!-- ============ HONEST LIMITS ============ -->
<section>
<h2>Honest boundaries</h2>
<div class="grid">
<div class="card">
<h3>Not a curator</h3>
<p>Prometheus does not decide what is on it. Malware can be published — as it can
on any store. Trust lists and endorsements are what filter your view. If nobody
you trust endorses it, your client says so.</p>
</div>
<div class="card">
<h3>Not a moderator</h3>
<p>Content that is illegal in your jurisdiction is your responsibility to avoid,
same as any other permissionless network. Silent Mode operates infrastructure;
it does not decide what runs on it.</p>
</div>
<div class="card">
<h3>Storage costs money</h3>
<p>Sia hosting is inexpensive but not free — publishers pay for the bytes their
apps take. There is no advertising model, no data harvesting, no subscription.
Storage is the only cost, and it is small.</p>
</div>
</div>
</section>
<div class="note warn"><b>Status: designed, not yet built.</b> The listing protocol
(<code class="inline">APS1</code>) exists on paper — see
<code class="inline">_coordination/sessions/mobile-resolver.md</code>. The browsing UI,
publish flow, and trust-list plumbing are next. This page will look the same when
Prometheus is live; the "0 listings" counters just start counting up.</div>
</div>
<footer>
<div>Silent Mode — a Deviant project.</div>
<div class="fine">Named for Prometheus, who gave fire to humans without asking the gods.
Distinct from the well-known Prometheus monitoring project — both take the name from
the same myth; neither has anything to do with the other.</div>
</footer>
</body>
</html>

30
register.html Normal file
View file

@ -0,0 +1,30 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Moved — Silent Mode</title>
<meta http-equiv="refresh" content="0; url=/sirius/register.html">
<link rel="canonical" href="https://silentmode.st/sirius/register.html">
<script>
// Preserve deep-link fragments (#hosting etc.) across the redirect.
if (location.hash) location.replace("/sirius/register.html" + location.hash);
</script>
<style>
body{margin:0;font:15px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
background:#0b0e14;color:#e7eaf1;display:grid;place-items:center;min-height:100vh;padding:1.5rem}
.card{max-width:460px;text-align:center}
a{color:#d6ff3d}
p{color:#8b98a9}
</style>
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
</head>
<body>
<div class="card">
<h1>Registration moved.</h1>
<p>Silent Mode's naming registry is now at <b>Sirius</b>. The registration flow
you were looking for lives at <a href="/sirius/register.html">silentmode.st/sirius/register.html</a>.
Redirecting you there.</p>
</div>
</body>
</html>

51
releases-manifest.json Normal file
View file

@ -0,0 +1,51 @@
{
"schema": "silentmode-releases/2",
"updated": "2026-09-10",
"mirrors": [
"https://dl.silentmode.st/"
],
"releases": [
{
"id": "ariadne-resolver",
"product": "Ariadne Resolver (Windows)",
"version": "0.1.2",
"date": "2026-09-09",
"platform": "win-x64",
"signed": false,
"signingAuthority": null,
"changes": "install.ps1 no longer dies at the CA-rotation probe on PS 5.1 (native subprocess stderr no longer trips $ErrorActionPreference=Stop; node calls go through Invoke-NodeCapture using OS-level stream redirection). Multi-source TLD cascade: comma-separated indexer list (default navigate.st,silentmode.st) then C:\\ProgramData\\Ariadne\\tlds-cache.json then electrum WSS then bundled ariadne.config.json then bootstrap; authoritative fetches refresh the cache automatically. CA import switched to X509Store direct so Cert: PSDrive doesn't have to be loaded. Inno now stops the running daemon before file replacement so upgrades no longer roll back with \"DeleteFile access denied\" on node.exe.",
"files": {
"AriadneResolver-Setup-0.1.2.exe": "5a2c9e4f3c5e1a162008641019f5ffc35968751c0440f94d3c5fe67aafb8cc5e"
}
},
{
"id": "ariadne-android",
"product": "Ariadne for Android",
"version": "0.14",
"date": "2026-09-09",
"platform": "android",
"minSdk": 21,
"signed": true,
"signingAuthority": null,
"signingCertSha256": "46ebbbe5dc73148d66410fd0337b1e6683472128c983e8e2578200b9e3ca548c",
"changes": "Feature batch — makes the app feel like a real browser. Bookmarks: ⭐ button in the address row toggles the current URL; long-press opens the list; a Your-bookmarks section appears above Featured on the start page. Undo close tab: a floating pill offers UNDO for 5s after a closeTab. Long-press a link: Open in new tab / Copy link / Share link. Downloads: WebView.setDownloadListener wired to Android's system DownloadManager so PDFs, APKs, and media save via the platform notification. Pull-to-refresh: hand-rolled overscroll gesture (no AndroidX) with a gold pull-to-reload / release-to-reload chip. Share-target intent: Ariadne now appears in the system Share sheet and registers as a browser for http/https so links from other apps open here. Address bar polish: strips https:// and trailing / when unfocused (Chrome/Safari convention), long-press copies the full URL, a clear-× shows while typing. Splash screen: cold start paints the Ariadne mark on navy instead of the black flash.",
"files": {
"ariadne-v0.14.apk": "0deace437ccde7709cd21486c9b7b37b2a57463cead79b75672d974d3e5b11b0"
}
},
{
"id": "theseus-navigator",
"product": "Theseus Navigator",
"version": "0.3.45",
"date": "2026-09-10",
"platform": "win-x64",
"signed": false,
"signingAuthority": null,
"changes": "Startup no longer waits on the bookmark-bar favicons: the toolbar paints at DOM-ready, overlays and restored tabs load after it (active tab first, the rest staggered), and the pre-paint frame is dark instead of a white strip. Ariadne’s Thread button replaces the BCDN/ICANN chips at the end of the address bar — one icon that never overflows the bar, with a native menu to switch registry, remember the choice per name or per TLD, set the collision policy, and open the resolver settings. Page zoom: Ctrl +/−/0 and Ctrl+wheel on Chrome’s ladder, per host like Chrome, with a percentage chip in the address bar. The link-status pill now shows full-length URLs; the address/search bar ratio can run 80/20 to 20/80; the collapsed extension dock renders icon images instead of a data URI as text. Ariadne’s Thread plug-in card: the on/off toggle now actually reaches the scheduled tasks (every previous build silently did nothing), off persists across reboots, the update check reads dl.silentmode.st’s manifest, and installer exit codes are reported. Bundles Screenshot 0.6.4 and Aegis 0.6.2.",
"files": {
"TheseusNavigator-0.3.45-portable.exe": "5eb7b155cbd4a75322b25e6f4ff0bb5d66d069439c2c76da93488a70719f3dc6",
"TheseusNavigator-Setup-0.3.45.exe": "f0a11250a116027881ec391676a722dd320e789ffe7ae8016d27a0cdb97dbd78"
}
}
]
}

108
releases/index.html Normal file
View file

@ -0,0 +1,108 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Silent Mode">
<meta property="og:title" content="Silent Mode — releases &amp;amp; checksums">
<meta property="og:url" content="https://silentmode.st/releases/">
<meta property="og:image" content="https://silentmode.st/brand/og.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta name="twitter:card" content="summary_large_image">
<title>Silent Mode — releases &amp; checksums</title>
<style>
:root{--bg:#0b0e14;--panel:#141a24;--line:rgba(255,255,255,.09);--ink:#e7eaf1;--mut:#8b98a9;--dim:#5e6678;--acid:#d6ff3d}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(1100px 560px at 50% -12%,#16202e,var(--bg));
color:var(--ink);font:16px/1.65 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
.wrap{max-width:820px;margin:0 auto;padding:3.5rem 1.2rem 4rem}
a{color:var(--acid)}
h1{font-size:1.8rem;margin:0 0 .3rem}
h1 .g{color:var(--acid)}
.lede{color:var(--mut);margin:.2rem 0 2rem}
.rel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px 22px;margin-bottom:16px}
.rel h2{font-size:1.15rem;margin:0 0 .2rem}
.rel .meta{color:var(--dim);font-size:12.5px;margin-bottom:1rem}
.file{border-top:1px solid var(--line);padding-top:12px;margin-top:12px}
.file .n{font-size:14px;color:var(--ink)}
.file .n a{text-decoration:none}
.file code{display:block;font-family:ui-monospace,monospace;font-size:11.5px;color:#c9d4e3;
word-break:break-all;margin-top:4px}
.note{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--acid);
border-radius:10px;padding:14px 18px;color:var(--mut);font-size:13.5px;margin-top:1.6rem}
.note b{color:var(--ink)}
footer{color:var(--dim);font-size:12.5px;margin-top:2.5rem;text-align:center}
</style>
<link rel="stylesheet" href="../shared.css">
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
</head>
<body>
<nav class="topnav">
<a class="brand" href="../"><svg class="logo" viewBox="0 0 32 20" aria-hidden="true"><rect class="l1" x="1.5" y="3.5" width="17" height="13" rx="6.5" ry="6.5" fill="none" stroke-width="2.6"/><rect class="l2" x="13.5" y="3.5" width="17" height="13" rx="6.5" ry="6.5" fill="none" stroke-width="2.6"/></svg>Silent <span class="g">Mode</span></a>
<a href="../tools/">Theseus</a>
<a href="../prometheus/">Prometheus</a>
<a href="../sirius/">Sirius</a>
<a href="../hephaestus/">Hephaestus</a>
<a href="../helios/">Helios</a>
<a href="../hermes/">Hermes</a>
</nav>
<div class="wrap">
<h1>Silent <span class="g">Mode</span> — releases</h1>
<p class="lede">Canonical SHA-256 checksums for every published build. This page lives at the on-chain
name <code>releases.silentmode.bch</code>; the name pins where it is served from, so a tampered
mirror cannot change what you check against here.</p>
<div class="rel">
<h2>Theseus Navigator <span style="color:var(--acid)">0.3.45</span></h2>
<div class="meta">Windows 64-bit · unsigned · 2026-09-10 · <b>0.3.45 — faster startup, Ariadne’s Thread menu, page zoom, resolver toggle fix</b> — Startup no longer waits on the bookmark-bar favicons: the toolbar paints at DOM-ready, overlays and restored tabs load after it (active tab first, the rest staggered), and the pre-paint frame is dark instead of a white strip. Ariadne’s Thread button replaces the BCDN/ICANN chips at the end of the address bar — one icon that never overflows the bar, with a native menu to switch registry, remember the choice per name or per TLD, set the collision policy, and open the resolver settings. Page zoom: Ctrl +/−/0 and Ctrl+wheel on Chrome’s ladder, per host like Chrome, with a percentage chip in the address bar. The link-status pill now shows full-length URLs; the address/search bar ratio can run 80/20 to 20/80; the collapsed extension dock renders icon images instead of a data URI as text. Ariadne’s Thread plug-in card: the on/off toggle now actually reaches the scheduled tasks (every previous build silently did nothing), off persists across reboots, the update check reads dl.silentmode.st’s manifest, and installer exit codes are reported. Bundles Screenshot 0.6.4 and Aegis 0.6.2.</div>
<div class="file">
<div class="n"><a href="https://dl.silentmode.st/TheseusNavigator-Setup-0.3.45.exe">TheseusNavigator-Setup-0.3.45.exe</a> — installer</div>
<code>f0a11250a116027881ec391676a722dd320e789ffe7ae8016d27a0cdb97dbd78</code>
</div>
<div class="file">
<div class="n"><a href="https://dl.silentmode.st/TheseusNavigator-0.3.45-portable.exe">TheseusNavigator-0.3.45-portable.exe</a> — portable</div>
<code>5eb7b155cbd4a75322b25e6f4ff0bb5d66d069439c2c76da93488a70719f3dc6</code>
</div>
</div>
<div class="rel">
<h2>Ariadne Resolver — Windows <span style="color:var(--acid)">0.1.2</span></h2>
<div class="meta">Windows 64-bit · unsigned · bundled Node runtime · 2026-09-09 · <b>Actually works this time</b> — 0.1.1's persistent install log caught the bug 0.1.0 had had silently all along: install.ps1 died at the CA-rotation probe because PowerShell 5.1's <code style="display:inline">$ErrorActionPreference=Stop</code> plus a native subprocess writing to stderr = "NativeCommandError", killing the script before it could register the daemon or add the last NRPT rule. 0.1.2 routes every node call through <code style="display:inline">Invoke-NodeCapture</code> (Windows-level stream redirection, PS 5.1 doesn't touch the streams). TLD list now cascades: comma-separated indexer list → local cache → electrum WSS → bundled snapshot → bootstrap, and any authoritative fetch refreshes <code style="display:inline">C:\ProgramData\Ariadne\tlds-cache.json</code>. CA import via .NET X509Store direct (no <code style="display:inline">Cert:</code> PSDrive dependency). Upgrades stop the running daemon before file replacement so <code style="display:inline">node.exe</code> is no longer held open during install.</div>
<div class="file">
<div class="n"><a href="https://dl.silentmode.st/AriadneResolver-Setup-0.1.2.exe">AriadneResolver-Setup-0.1.2.exe</a> — ~24 MB</div>
<code>5a2c9e4f3c5e1a162008641019f5ffc35968751c0440f94d3c5fe67aafb8cc5e</code>
</div>
</div>
<div class="rel">
<h2>Ariadne for Android <span style="color:var(--acid)">0.11</span></h2>
<div class="meta">Android 5.0+ (API 21) · self-signed release key · 2026-08-30 · adds Sia CDN pull to the APK-bundled starter — post-install cold starts now catch up from the operator's latest published snapshot in one HTTP call</div>
<div class="file">
<div class="n"><a href="https://dl.silentmode.st/ariadne-v0.11.apk">ariadne-v0.11.apk</a> — 124 KB</div>
<code>03c95832c16cc4763acaadbf328caa7d4bd05fc7c2994f6997a79cc6890bca44</code>
</div>
<div class="file">
<div class="n">Signing certificate — SHA-256 (the same key signs every future release)</div>
<code>46ebbbe5dc73148d66410fd0337b1e6683472128c983e8e2578200b9e3ca548c</code>
</div>
</div>
<div class="note"><b>How to verify.</b> After downloading, compute the file's SHA-256 and compare it to
the value above — on Windows: <code style="display:inline">certutil -hashfile &lt;file&gt; SHA256</code>;
on Android, hash the downloaded <code style="display:inline">.apk</code> on a computer before you move
it to the phone, or use any file-hashing app. Nothing here is signed by an authority your device
already trusts — <b>by design</b> — so it will warn about an unrecognized app; the checksum is the
real check. The machine-readable manifest is at
<a href="https://dl.silentmode.st/releases-manifest.json">releases-manifest.json</a>.</div>
<footer>Silent Mode — a Deviant project. Alpha software on a test network.</footer>
</div>
</body>
</html>

178
shared.css Normal file
View file

@ -0,0 +1,178 @@
/* Silent Mode — shared design tokens and component styles.
Every page under silentmode.st links this file so a colour or a control style
only has to change once. Page-specific bits (search UI, download listing,
registration modal) stay in the page. */
:root{
--bg:#0b0e14;
--panel:#141a24;
--panel2:#18202c;
--line:rgba(255,255,255,.09);
--ink:#e7eaf1;
--mut:#8b98a9;
--dim:#7a8496; /* was #5e6678 — 3.4:1, failed AA for fine print */
--acid:#d6ff3d;
/* semantic accents used to colour-code content sources across pages */
--chain:#d6ff3d;
--sia:#b39ddb;
--srv:#4fd1a5;
--tor:#a98bd8;
--ok:#4fd1a5;
--taken:#f6768a;
--warn:#ffc75f;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
margin:0;
background:radial-gradient(1100px 560px at 50% -12%,#16202e,var(--bg));
color:var(--ink);
font:16px/1.65 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
min-height:100vh;
}
a{color:var(--acid)}
/* ============ top nav ============ */
/* Inlined by each page. Sticky so navigation stays reachable on long pages.
The `.here` class marks the current section. */
.topnav{
position:sticky;top:0;z-index:20;
display:flex;gap:2px;align-items:center;flex-wrap:wrap;
padding:10px 1.2rem;
background:rgba(11,14,20,.82);
backdrop-filter:blur(10px);
border-bottom:1px solid var(--line);
}
.topnav .brand{
font-weight:600;color:var(--ink);text-decoration:none;
margin-right:14px;font-size:15px;letter-spacing:.2px;
}
.topnav .brand .g{color:var(--acid)}
.topnav a{
color:var(--mut);text-decoration:none;
padding:9px 12px;border-radius:8px;font-size:14px;
}
.topnav a:hover{color:var(--ink);background:var(--panel)}
.topnav a.here{color:var(--acid);background:rgba(214,255,61,.08)}
/* ============ layout ============ */
.wrap{max-width:980px;margin:0 auto;padding:0 1.2rem}
.wrap.narrow{max-width:820px}
header.hero{text-align:center;padding:4.5rem 1.2rem 2.4rem}
header.hero .mark{font-size:58px;line-height:1}
h1{font-size:clamp(2rem,5vw,3rem);margin:.5rem 0 .3rem;letter-spacing:.4px}
h1 .g{color:var(--acid)}
.tag{color:var(--mut);font-size:1.1rem;max-width:660px;margin:.4rem auto 0}
section{padding:2.8rem 0;border-top:1px solid var(--line)}
section.plain{border-top:none}
h2{font-size:1.55rem;margin:0 0 .4rem}
h3{font-size:1.05rem;margin:0 0 .3rem}
.lede{color:var(--mut);margin:0 0 1.6rem;max-width:680px}
.cta{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:1.7rem}
/* ============ controls ============ */
.btn{
display:inline-block;text-decoration:none;
padding:11px 20px;border-radius:999px;
background:var(--panel2);color:var(--ink);font-size:14.5px;
border:1px solid var(--line);cursor:pointer;font-family:inherit;
}
.btn.ghost{background:transparent;border-color:var(--line);color:var(--ink)}
.btn.acid{background:var(--acid);color:#0b0e14;font-weight:600;border:none}
.btn:hover{filter:brightness(1.12)}
.btn:disabled{opacity:.45;cursor:not-allowed;filter:none}
/* ============ cards & grids ============ */
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}
.card{
background:var(--panel);border:1px solid var(--line);border-radius:14px;
padding:18px 20px;
}
.card p{margin:0;color:var(--mut);font-size:14px}
.card h3{display:flex;align-items:center;gap:8px}
/* status pills — every card that describes something has one */
.pill{
display:inline-block;font-size:10.5px;letter-spacing:.04em;
text-transform:uppercase;padding:2px 9px;border-radius:999px;margin-bottom:.6rem;
}
.p-live{background:rgba(79,209,165,.14);color:var(--srv)}
.p-alpha{background:rgba(214,255,61,.13);color:var(--acid)}
.p-designed{background:rgba(179,157,219,.14);color:var(--sia)}
.p-upcoming{background:rgba(139,152,169,.14);color:var(--mut)}
/* ============ steps (numbered explainer lists) ============ */
ol.steps{counter-reset:s;list-style:none;padding:0;margin:0;display:grid;gap:10px}
ol.steps li{
counter-increment:s;display:grid;grid-template-columns:26px 1fr;gap:4px 14px;
align-items:start;
background:var(--panel2);border:1px solid var(--line);border-radius:12px;
padding:15px 18px;
}
ol.steps li::before{
content:counter(s);grid-column:1;grid-row:1;align-self:start;
display:grid;place-items:center;
width:26px;height:26px;border-radius:50%;
background:rgba(214,255,61,.14);color:var(--acid);
font-size:13px;font-weight:700;
}
ol.steps li > *{grid-column:2;min-width:0}
ol.steps b{color:var(--ink);font-size:14.5px}
ol.steps span{color:var(--mut);font-size:14px;line-height:1.62}
/* ============ tables ============ */
table{width:100%;border-collapse:collapse;font-size:14.5px}
th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top}
th{color:var(--dim);font-weight:600;font-size:12.5px;text-transform:uppercase;letter-spacing:.04em}
/* code chips + preformatted */
td code,code.inline,.mono{
font-family:ui-monospace,monospace;font-size:13px;
background:#0e131b;border:1px solid var(--line);border-radius:6px;padding:1px 6px;
}
pre{
background:#0e131b;border:1px solid var(--line);border-radius:10px;
padding:13px 16px;overflow-x:auto;
font-family:ui-monospace,monospace;font-size:13px;color:#c9d4e3;margin:.8rem 0;
}
/* ============ source badges (chain / sia / server) ============ */
.src{font-size:12px;padding:1px 8px;border-radius:999px;white-space:nowrap}
.s-chain{background:rgba(214,255,61,.13);color:var(--chain)}
.s-sia{background:rgba(179,157,219,.16);color:var(--sia)}
.s-srv{background:rgba(79,209,165,.14);color:var(--srv)}
/* ============ notes (advisory boxes) ============ */
.note{
background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--acid);
border-radius:10px;padding:14px 18px;color:var(--mut);font-size:14px;margin-top:1.4rem;
}
.note b{color:var(--ink)}
.note.warn{border-left-color:var(--warn)}
.note.danger{border-left-color:var(--taken)}
/* ============ footer ============ */
footer{
border-top:1px solid var(--line);padding:2.5rem 0 3.5rem;
color:var(--dim);font-size:13px;text-align:center;margin-top:2.5rem;
}
footer .fine{max-width:660px;margin:.8rem auto 0;line-height:1.7}
/* ============ brand mark (inline SVG, replaces the emoji) ============ */
.topnav .brand .logo{width:24px;height:16px;vertical-align:-2px;margin-right:8px}
.topnav .brand .logo .l1{stroke:var(--mut)}
.topnav .brand .logo .l2{stroke:var(--acid)}
.mark svg{width:150px;height:60px;display:block;margin:0 auto}
.mark .l1{stroke:var(--mut)}
.mark .l2{stroke:var(--acid)}
/* ============ screenshots / figures ============ */
figure.shot{margin:1.6rem 0 0;}
figure.shot img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid var(--line);box-shadow:0 18px 48px rgba(0,0,0,.45)}
figure.shot figcaption{color:var(--dim);font-size:12.5px;margin-top:.6rem;text-align:center}
.card figure.shot{margin:.9rem 0 0}
.card figure.shot img{border-radius:8px;box-shadow:none}

29
sirius/index.html Normal file
View file

@ -0,0 +1,29 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Redirecting to Sirius.X</title>
<meta name="robots" content="noindex">
<!-- Old /sirius/ page — superseded by the Sirius.X site at /sirius-x/.
Preserves any ?q= or hash so old bookmarks still land in the right
spot. Meta-refresh is a fallback for JS-off. -->
<meta http-equiv="refresh" content="0; url=/sirius-x/">
<link rel="canonical" href="/sirius-x/">
<script>location.replace("/sirius-x/" + location.search + location.hash);</script>
<style>
body{margin:0;font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
background:#0b0e14;color:#8b98a9;min-height:100vh;
display:flex;align-items:center;justify-content:center;padding:2rem;text-align:center}
a{color:#d6ff3d}
.mark{font-size:40px;line-height:1;margin-bottom:.6rem}
</style>
</head>
<body>
<div>
<div class="mark">⭐</div>
<p>Redirecting to <a href="/sirius-x/">Sirius.X</a>…</p>
<p style="font-size:12.5px;color:#5e6678;margin-top:1rem">The Sirius page moved to /sirius-x/.</p>
</div>
</body>
</html>

35
sirius/register.html Normal file
View file

@ -0,0 +1,35 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Redirecting to Sirius.X — Register a name</title>
<meta name="robots" content="noindex">
<!-- /sirius/register.html was the old name-registration form. Sirius.X
now hosts the search + mint flow inline on the landing; hand off with
the search anchor + any ?q= label preserved. -->
<meta http-equiv="refresh" content="0; url=/sirius-x/#search-input">
<link rel="canonical" href="/sirius-x/">
<script>
const q = new URLSearchParams(location.search).get("q");
const target = q
? "/sirius-x/?q=" + encodeURIComponent(q) + "#search-input"
: "/sirius-x/#search-input";
location.replace(target);
</script>
<style>
body{margin:0;font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
background:#0b0e14;color:#8b98a9;min-height:100vh;
display:flex;align-items:center;justify-content:center;padding:2rem;text-align:center}
a{color:#d6ff3d}
.mark{font-size:40px;line-height:1;margin-bottom:.6rem}
</style>
</head>
<body>
<div>
<div class="mark">✏️</div>
<p>Redirecting to <a href="/sirius-x/#search-input">Sirius.X name search</a>…</p>
<p style="font-size:12.5px;color:#5e6678;margin-top:1rem">Name registration moved to /sirius-x/.</p>
</div>
</body>
</html>

26
store/index.html Normal file
View file

@ -0,0 +1,26 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Moved — Silent Mode</title>
<meta http-equiv="refresh" content="0; url=/prometheus/">
<link rel="canonical" href="https://silentmode.st/prometheus/">
<style>
body{margin:0;font:15px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
background:#0b0e14;color:#e7eaf1;display:grid;place-items:center;min-height:100vh;padding:1.5rem}
.card{max-width:460px;text-align:center}
a{color:#d6ff3d}
p{color:#8b98a9}
</style>
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
</head>
<body>
<div class="card">
<h1>The store has a name now.</h1>
<p>Silent Mode's app store is called <b>Prometheus</b> — home for apps, programs and
dApps published on chain, hosted on Sia. Read more at <a href="/prometheus/">silentmode.st/prometheus/</a>.
Redirecting you there.</p>
</div>
</body>
</html>

215
tlds/index.html Normal file
View file

@ -0,0 +1,215 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>TLDs — the top-level domains on the Bitcoin Cash chain — Silent Mode</title>
<meta name="description" content="Every BNS name lives under a top-level domain (TLD) whose certificate is itself a first-class token on the Bitcoin Cash chain. Browse the current TLDs, see how new ones are added, and verify the list against the chain.">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Silent Mode">
<meta property="og:title" content="TLDs — the top-level domains on the Bitcoin Cash chain — Silent Mode">
<meta property="og:description" content="Every BNS name lives under a top-level domain (TLD) whose certificate is itself a first-class token on the Bitcoin Cash chain. Browse the current TLDs, see how new ones are added, and verify the list against the chain.">
<meta property="og:url" content="https://silentmode.st/tlds/">
<meta property="og:image" content="https://silentmode.st/brand/og.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta name="twitter:card" content="summary_large_image">
<link rel="stylesheet" href="../shared.css">
<style>
/* Page-specific: TLD table + snapshot-verification card */
.hero{text-align:center;padding:4.5rem 1.2rem 1rem}
.mark{font-size:52px;line-height:1}
h1{font-size:clamp(1.9rem,5vw,2.7rem);margin:.4rem 0 .3rem}
h1 .g{color:var(--acid)}
.tag{color:var(--mut);font-size:1.05rem;max-width:660px;margin:0 auto}
.cta{margin-top:1.6rem;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.btn{display:inline-block;text-decoration:none;padding:11px 20px;border-radius:10px;background:#4b7bec;color:#fff;font-size:14px;border:none;cursor:pointer;font-family:inherit}
.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--ink)}
.btn.acid{background:var(--acid);color:#0b0e14;font-weight:600}
section{padding:2.6rem 0;border-top:1px solid var(--line);margin-top:2.5rem}
section:first-of-type{border-top:none;margin-top:1.5rem}
h2{font-size:1.4rem;margin:0 0 .4rem}
h3{font-size:1.05rem;margin:0 0 .3rem}
.lede{color:var(--mut);margin:0 0 1.5rem;max-width:720px}
ol.steps{counter-reset:s;list-style:none;padding:0;margin:1.2rem 0 0;display:grid;gap:10px}
ol.steps li{counter-increment:s;display:grid;grid-template-columns:30px 1fr;gap:14px;align-items:start;
background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:13px 16px}
ol.steps li::before{content:counter(s);grid-column:1;grid-row:1;
display:grid;place-items:center;width:24px;height:24px;border-radius:50%;
background:rgba(214,255,61,.14);color:var(--acid);font-size:12.5px;font-weight:700}
ol.steps li > *{grid-column:2;min-width:0}
ol.steps b{color:var(--ink)} ol.steps span{color:var(--mut);font-size:14px}
.note{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--acid);
border-radius:10px;padding:14px 18px;color:var(--mut);font-size:14px;margin-top:1.4rem}
.note.warn{border-left-color:var(--warn)}
.note b{color:var(--ink)}
code,.mono{background:#0e131b;border:1px solid var(--line);border-radius:6px;padding:1px 6px;font-family:ui-monospace,monospace;font-size:13px}
pre{background:#0e131b;border:1px solid var(--line);border-radius:10px;padding:12px 14px;overflow-x:auto;
font-family:ui-monospace,monospace;font-size:13px;color:var(--ink)}
/* TLD table */
table.tlds{width:100%;border-collapse:collapse;margin-top:1.2rem;font-size:14px}
table.tlds th,table.tlds td{padding:9px 12px;text-align:left;border-bottom:1px solid var(--line)}
table.tlds th{color:var(--mut);font-weight:500;font-size:12.5px;text-transform:uppercase;letter-spacing:.4px}
table.tlds .tld{font-family:ui-monospace,monospace;color:var(--acid);font-size:15px;font-weight:600}
table.tlds .cat{font-family:ui-monospace,monospace;color:var(--mut);font-size:12px}
table.tlds .status{font-size:12px;padding:2px 10px;border-radius:999px;font-weight:600;background:rgba(79,209,165,.15);color:var(--ok)}
table.tlds .status.held{background:rgba(255,199,95,.14);color:var(--warn)}
/* verification card */
.verify{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin-top:1.2rem}
.verify dt{color:var(--mut);font-size:12.5px;text-transform:uppercase;letter-spacing:.3px;margin-top:10px}
.verify dt:first-of-type{margin-top:0}
.verify dd{margin:2px 0 0;font-family:ui-monospace,monospace;font-size:12.5px;word-break:break-all;color:var(--ink)}
.verify dd a{color:var(--acid);text-decoration:none;border-bottom:1px dotted var(--acid)}
footer{border-top:1px solid var(--line);padding:2.4rem 0 3.5rem;color:var(--dim);font-size:13px;text-align:center;margin-top:2.5rem}
</style>
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
</head>
<body>
<nav class="topnav">
<a class="brand" href="../"><svg class="logo" viewBox="0 0 32 20" aria-hidden="true"><rect class="l1" x="1.5" y="3.5" width="17" height="13" rx="6.5" ry="6.5" fill="none" stroke-width="2.6"/><rect class="l2" x="13.5" y="3.5" width="17" height="13" rx="6.5" ry="6.5" fill="none" stroke-width="2.6"/></svg>Silent <span class="g">Mode</span></a>
<a href="../tools/">Theseus</a>
<a href="../prometheus/">Prometheus</a>
<a href="../sirius/">Sirius</a>
<a href="../hephaestus/">Hephaestus</a>
<a href="../helios/">Helios</a>
<a href="../hermes/">Hermes</a>
</nav>
<header class="hero">
<div class="mark">🌐</div>
<h1>The <span class="g">TLD registry</span></h1>
<p class="tag">Every BNS name lives under a <b>top-level domain</b>. Under Silent
Mode's per-TLD registry, each TLD is itself a certificate on the Bitcoin
Cash chain — minted once, held in a wallet, and required to exist before
any name under it can be registered. Browse the list, see how it works,
verify it against the chain.</p>
<div class="cta">
<a class="btn acid" href="../sirius/register.html">Search a name →</a>
<a class="btn ghost" href="#current">See current TLDs</a>
</div>
</header>
<div class="wrap">
<section>
<h2>What a TLD is here</h2>
<p class="lede">A TLD (like <code>.bch</code>, <code>.x</code>, <code>.p2p</code>) is not just a
convention. Each is a CashTokens NFT with the TLD label as its commitment,
paying dust to a dedicated TLD-registry beacon on chain. That certificate
is the on-chain proof the TLD exists — and, once enforcement is on, it is
what makes any second-level name under it valid.</p>
<ol class="steps">
<li><b>Register the TLD first.</b> <span>An operator mints the TLD certificate. Without it, names
under that TLD are not indexed by conforming resolvers.</span></li>
<li><b>Then register names under it.</b> <span>Each name is a separate cert, minted through the
registrar (<a href="../sirius/register.html">sirius/register.html</a>), and paid by the buyer to
their own wallet.</span></li>
<li><b>Verify against the chain.</b> <span>Anyone can walk the TLD beacon
(<code>bchtest:qzc4c76vtw9nd49g6x8nmvc0jz62uvk4dc7hmpmerh</code> on chipnet), rebuild the list,
and compare its cryptographic root — the tracker is a cache, not authority.</span></li>
</ol>
<div class="note"><b>Why this exists.</b> Without a registry, anyone could quietly declare a TLD
against the same beacon by minting a name under it. That leaves resolvers in
silent disagreement about what exists. Per-TLD certificates make the TLD set
itself something the chain records, so every resolver sees the same list.
Design: <code>Decentralized.DNS/DESIGN-tld-registry.md</code> in the project repo.</div>
</section>
<section id="current">
<h2>Current TLDs (chipnet)</h2>
<p class="lede">Fourteen TLDs are offered for public name registration on the chipnet TLD
beacon as of 2026-08-29. The live count on the chain is the authoritative source — this table
may lag by minutes until the beacon confirms.</p>
<table class="tlds">
<thead><tr><th>TLD</th><th>Category (short)</th><th>Status</th></tr></thead>
<tbody>
<tr><td class="tld">.bch</td> <td class="cat">56253dcfbdfbeec8…</td><td><span class="status">public</span></td></tr>
<tr><td class="tld">.p2p</td> <td class="cat">d9b4e56d2293a4f9…</td><td><span class="status">public</span></td></tr>
<tr><td class="tld">.bit</td> <td class="cat">bc51b2407b13876e…</td><td><span class="status">public</span></td></tr>
<tr><td class="tld">.nav</td> <td class="cat">d2191a86685fa4c9…</td><td><span class="status">public</span></td></tr>
<tr><td class="tld">.test</td> <td class="cat">5197632adf1f7fd3…</td><td><span class="status">public</span></td></tr>
<tr><td class="tld">.x</td> <td class="cat">8dc32d8fd56f863b…</td><td><span class="status">public</span></td></tr>
<tr><td class="tld">.asm</td> <td class="cat">58d3381435268faf…</td><td><span class="status">public</span></td></tr>
<tr><td class="tld">.neo</td> <td class="cat">a511e80816976e92…</td><td><span class="status">public</span></td></tr>
<tr><td class="tld">.gt</td> <td class="cat">249a535df4633767…</td><td><span class="status">public</span></td></tr>
<tr><td class="tld">.sc</td> <td class="cat">f61fc465404a3eee…</td><td><span class="status">public</span></td></tr>
<tr><td class="tld">.sia</td> <td class="cat">4b3fccd4076eb48c…</td><td><span class="status">public</span></td></tr>
<tr><td class="tld">.dex</td> <td class="cat">9b230313b823202c…</td><td><span class="status">public</span></td></tr>
<tr><td class="tld">.cex</td> <td class="cat">69fd93aedee3d353…</td><td><span class="status">public</span></td></tr>
<tr><td class="tld">.nt</td> <td class="cat">5d18221bccaab2c0…</td><td><span class="status">public</span></td></tr>
</tbody>
</table>
</section>
<section>
<h2>Get a name under one of these</h2>
<p class="lede">Go to <a href="../sirius/register.html">Sirius / register a name</a>. Type a label — the
search fans out to every TLD in the registry in parallel and shows which
are available, which are taken, and which are held off the public
registry. Available ones mint straight into your own wallet in one
transaction; no yearly renewal.</p>
</section>
<section>
<h2>How new TLDs get added</h2>
<p class="lede">On chipnet the operator's key can mint any TLD directly. On mainnet, a covenant
will enforce a countersignature from that same key on every public TLD mint
— and a USD-denominated price floor tiered by label length. This is what
keeps someone from land-grabbing every ICANN TLD in one afternoon.</p>
<ol class="steps">
<li><b>Operator TREG.</b> <span>The operator's wallet mints the TLD certificate; the label goes
into the NFT commitment, dust flows to the TLD beacon.</span></li>
<li><b>UI opt-in.</b> <span>The TLD is added to the registrar's list. A TLD can be minted but
intentionally omitted from the UI — the "held" pattern that keeps <code>.com</code> off
the public registry.</span></li>
<li><b>Snapshot republish.</b> <span>The tracker rebuilds and pushes a signed snapshot to Sia and
Nostr so downstream clients update without walking the chain themselves.</span></li>
</ol>
<div class="note warn"><b>Chipnet is not mainnet.</b> The covenant that turns "operator's key" into
something enforceable is a mainnet requirement. Until it lands, treat the chipnet TLD list as an
operator-signed statement, not a decentralized fact.</div>
</section>
<section>
<h2>Verify the list against the chain</h2>
<p class="lede">The tracker is a cache. The chain is the authority. Two independent paths, both public:</p>
<h3>Fetch the signed snapshot from Nostr</h3>
<p class="lede">Kind 30078 replaceable event, d-tag <code>bns-tld-list</code>, signed by the
tracker's Nostr key. Any relay carries it; the event's <code>content</code> field carries the current
snapshot root and the Sia URL where the full JSON lives.</p>
<dl class="verify">
<dt>Pubkey (x-only, hex)</dt>
<dd>f2c925194c531c7c398017e35b2396df64a61a613aa5fadebdf1f4990f2267f4</dd>
<dt>Relays</dt>
<dd>wss://nos.lol · wss://relay.damus.io</dd>
<dt>Filter (nostr-tools / rust-nostr)</dt>
<dd>{ authors: [&lt;pubkey&gt;], kinds: [30078], "#d": ["bns-tld-list"] }</dd>
</dl>
<h3>Rebuild locally from the TLD beacon</h3>
<p class="lede">Any electrum server that indexes the chipnet chain will return the beacon's history. Recompute
the snapshot's canonical form (sort by TLD, JSON.stringify), sha256 it, compare — if the hash matches
the tracker's <code>root</code>, the snapshot is a faithful summary of what the chain says.</p>
<pre>cd Argus &amp;&amp; node --input-type=module -e "
import { loadWallet } from './src/lib/wallet.js';
import { buildTldSnapshot } from './src/lib/tld-index.js';
import { TLD_BEACON } from './src/config.js';
const w = await loadWallet('main');
const history = await w.provider.getHistory(TLD_BEACON);
const txs = new Map();
for (const {tx_hash} of history) try { txs.set(tx_hash, await w.provider.getRawTransactionObject(tx_hash)); } catch {}
console.log(buildTldSnapshot({ history, txs }));
process.exit(0);"</pre>
</section>
</div>
<footer>
Silent Mode — a Deviant project · <a href="/">home</a> · <a href="/sirius/">Sirius</a> · <a href="/sirius/register.html">register a name</a><br>
Alpha on a test network (chipnet). You hold your own keys; verify everything against the chain.
</footer>
</body>
</html>

BIN
tools/img/ariadne-android-silentmode-bch.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 104 KiB

BIN
tools/img/theseus-hello-bch.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 347 KiB

300
tools/index.html Normal file
View file

@ -0,0 +1,300 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Theseus — Silent Mode</title>
<meta name="description" content="Silent Mode's own clients: Theseus Navigator for Windows and Android (browsers that speak the BCH name registry natively, Ariadne resolver built in), the public relay, the Firefox extension, and the standalone Ariadne Resolver for system-wide use.">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Silent Mode">
<meta property="og:title" content="Theseus — Silent Mode">
<meta property="og:description" content="Silent Mode's own clients: Theseus Navigator for Windows and Android (browsers that speak the BCH name registry natively, Ariadne resolver built in), the public relay, the Firefox extension, and the standalone Ariadne Resolver for system-wide use.">
<meta property="og:url" content="https://silentmode.st/tools/">
<meta property="og:image" content="https://silentmode.st/brand/og.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta name="twitter:card" content="summary_large_image">
<link rel="stylesheet" href="../shared.css">
<style>
/* Flagship — ONE panel with a shared description, two versions inside.
Windows + Android are the same product on two platforms; the layout
says so before you read a word. */
.flagship{
background:var(--panel);border:1px solid var(--line);border-radius:16px;
padding:26px 26px 22px;margin:1.4rem 0 2rem;
}
.flagship .head{margin-bottom:1.3rem;text-align:center}
.flagship .head h2{font-size:1.7rem;font-weight:600;margin:0 0 .5rem;letter-spacing:.15px}
.flagship .head h2 .g{color:var(--acid)}
.flagship .head p{color:var(--mut);font-size:15px;line-height:1.65;margin:0 auto;max-width:680px}
.flagship .versions{
display:grid;grid-template-columns:1fr 1fr;gap:0;
background:var(--panel2);border:1px solid var(--line);border-radius:12px;overflow:hidden;
}
.flagship .versions .ver + .ver{border-left:1px solid var(--line)}
@media (max-width:800px){
.flagship .versions{grid-template-columns:1fr}
.flagship .versions .ver + .ver{border-left:none;border-top:1px solid var(--line)}
}
.ver{padding:20px 22px 18px;display:flex;flex-direction:column;gap:.55rem}
.ver .plat{color:var(--acid);font:600 11px/1 system-ui;letter-spacing:.22em;
text-transform:uppercase;margin-bottom:.1rem}
.ver h3{font-size:1.1rem;font-weight:600;margin:0}
.ver .desc{color:var(--mut);font-size:13.5px;line-height:1.62;margin:0}
.ver .meta{color:var(--dim);font-size:12px;margin-top:.2rem}
.ver .buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:.4rem}
.ver .buttons .btn{padding:9px 16px;font-size:13.5px}
.ver .verifybox{margin-top:auto;padding-top:11px;border-top:1px solid var(--line)}
.ver .verifybox .lbl{color:var(--mut);font-size:11.5px;margin-bottom:5px}
.ver .h{display:flex;gap:8px;flex-wrap:wrap;align-items:baseline;font-size:11px;
color:var(--dim);margin-top:4px}
.ver .h b{color:var(--mut);font-weight:600;min-width:78px}
.ver .h code{font-family:ui-monospace,monospace;font-size:10.5px;color:#c9d4e3;word-break:break-all}
.flagship .footnotes{margin-top:1.1rem;display:grid;gap:8px}
.flagship .fn{color:var(--mut);font-size:12.5px;padding:9px 13px;
background:var(--panel2);border:1px dashed rgba(255,255,255,.09);border-radius:8px}
.flagship .fn b{color:var(--ink)}
/* Old .dl style — kept for the standalone-resolver and extension sections. */
.dl{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap;
background:var(--panel);border:1px solid var(--line);border-radius:12px;
padding:16px 20px;margin-top:1.3rem}
.dl > div:first-child{flex:1;min-width:240px}
.dl h3{margin:0 0 .3rem;font-size:1.05rem}
.dl p{margin:.3rem 0 0;color:var(--mut);font-size:14px}
.dl .meta{color:var(--dim);font-size:12.5px;margin-top:.5rem}
.dl .act{white-space:nowrap;display:flex;flex-direction:column;gap:6px}
.dl .act .btn{padding:9px 16px;font-size:13.5px;text-align:center}
.dl .act .soon{color:var(--dim);font-size:13px;border:1px dashed var(--line);
border-radius:999px;padding:7px 16px;display:inline-block;text-align:center}
.hashes{flex-basis:100%;margin-top:12px;border-top:1px solid var(--line);padding-top:12px}
.hashes .h{display:flex;gap:8px;flex-wrap:wrap;align-items:baseline;font-size:12px;color:var(--dim);margin-top:4px}
.hashes .h b{color:var(--mut);font-weight:600;min-width:110px}
.hashes code{font-family:ui-monospace,monospace;font-size:11.5px;color:#c9d4e3;word-break:break-all}
.platform-line{color:var(--dim);font-size:12.5px;margin-top:.2rem;letter-spacing:.02em}
</style>
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
</head>
<body>
<nav class="topnav">
<a class="brand" href="../"><svg class="logo" viewBox="0 0 32 20" aria-hidden="true"><rect class="l1" x="1.5" y="3.5" width="17" height="13" rx="6.5" ry="6.5" fill="none" stroke-width="2.6"/><rect class="l2" x="13.5" y="3.5" width="17" height="13" rx="6.5" ry="6.5" fill="none" stroke-width="2.6"/></svg>Silent <span class="g">Mode</span></a>
<a href="./" class="here">Theseus</a>
<a href="../prometheus/">Prometheus</a>
<a href="../sirius/">Sirius</a>
<a href="../hephaestus/">Hephaestus</a>
<a href="../helios/">Helios</a>
<a href="../hermes/">Hermes</a>
</nav>
<header class="hero">
<h1><span class="g">Theseus</span> — the browsers</h1>
<p class="tag">Everything you need to reach names on the Bitcoin Cash chain. The
flagship browser — <b>Theseus Navigator</b>, on Windows and Android — is below.
Beneath it: the no-install relay, the Firefox extension, and a standalone
Ariadne Resolver for system-wide BNS in every browser you use.</p>
</header>
<div class="wrap">
<!-- ============ FLAGSHIP — one product, two versions ============ -->
<section class="plain" id="flagship">
<div class="flagship">
<div class="head">
<h2>Theseus <span class="g">Navigator</span></h2>
<p>A browser that resolves BNS names on the device itself — no relay in the
middle, no account. Tabs, search, a home page built from names actually
registered on chain, and a badge on every page showing which chain and which
storage backend served it. The <b>Ariadne resolver</b> is baked in — the app
<i>is</i> both browser and resolver. One brand, two platforms.</p>
</div>
<div class="versions">
<div class="ver" id="windows">
<div class="plat">Desktop · Windows 64-bit</div>
<h3>for Windows</h3>
<p class="desc">Full-window desktop browser with Tor toggle and search bar.
macOS and Linux not yet packaged.</p>
<div class="meta">v0.3.45 · installer ~99 MB · portable ~99 MB · unsigned</div>
<div class="buttons">
<a class="btn acid" href="https://dl.silentmode.st/TheseusNavigator-Setup-0.3.45.exe">Installer</a>
<a class="btn ghost" href="https://dl.silentmode.st/TheseusNavigator-0.3.45-portable.exe">Portable .exe</a>
</div>
<div class="verifybox">
<div class="lbl">SHA-256 — verify before running</div>
<div class="h"><b>Installer</b><code>6dd510184a3c1488ac93b7fd0194ddd239fe4e31083705afcc3c7bde0f530107</code></div>
<div class="h"><b>Portable</b><code>346be24804db0d8a00cd76a2c89cd3bd2b9af17e5505b25ec326f30c3ceec6ad</code></div>
</div>
</div>
<div class="ver" id="android">
<div class="plat">Mobile · Android 5.0+ (API 21)</div>
<h3>for Android</h3>
<p class="desc">Phone-sized browser with tap-to-verify provenance — the block
and transaction behind each name are one tap away.</p>
<div class="meta">v0.11 · ~124 KB · self-signed release key</div>
<div class="buttons">
<a class="btn acid" href="https://dl.silentmode.st/ariadne-v0.11.apk">Download APK</a>
</div>
<div class="verifybox">
<div class="lbl">SHA-256 — verify before installing</div>
<div class="h"><b>APK</b><code>03c95832c16cc4763acaadbf328caa7d4bd05fc7c2994f6997a79cc6890bca44</code></div>
<div class="h"><b>Signing key</b><code>46ebbbe5dc73148d66410fd0337b1e6683472128c983e8e2578200b9e3ca548c</code></div>
</div>
</div>
</div>
<div class="footnotes">
<div class="fn"><b>Also on the chain.</b> The same download page lives at
<a href="https://theseus.x/">theseus.x</a> (Sia-hosted, name pinned on chain).
Type it in Theseus's own address bar and you're skipping every intermediary —
no DNS, no CDN, no operator between you and the bytes.</div>
<div class="fn"><b>Ariadne's Thread is bundled.</b> The Windows installer
(v0.1.0+) prompts once during setup — recommended-on — to also install
the system-wide resolver, so BNS names also work in Chrome, Edge, and
every other browser on the machine. Uninstalling Theseus asks whether
to remove the resolver too. Skip the prompt and Theseus is still fully
self-contained. The <a href="#resolver">standalone Ariadne Resolver</a>
below is the same code for anyone who wants only the resolver.</div>
<div class="fn"><b>Android APK still named <code style="background:transparent;border:none;padding:0">ariadne-v0.11.apk</code>.</b>
Same app, same signing key — updates in place. The label shifts to <b>Theseus
for Android</b> so both platforms share one brand; the next APK carries the
new filename.</div>
</div>
</div>
<div class="note"><b>Not in a store.</b> Neither version is on the Microsoft Store,
Google Play, or the App Store. Distributing there requires a legal identity and
the store's permission — the two things this project exists to do without. You
will have to allow the install once, and your OS will warn about an unrecognized
app. <b>The SHA-256 (and, on Android, the signing-key fingerprint) is the real
check.</b></div>
</section>
<!-- ============ NO-INSTALL RELAY ============ -->
<section id="relay">
<h2>No install at all — the relay</h2>
<p class="lede">A public gateway reads the blockchain for you and hands the page to
your ordinary browser over ordinary HTTPS. Works on any phone, tablet or computer,
in any browser, with nothing to download and no settings to change. Fastest way
to see a <code class="inline">.bch</code> name; costs you a little privacy — the
relay operator can see what you asked for.</p>
<table>
<tr><th>Open this</th><th>What you get</th><th>Where the page lives</th></tr>
<tr><td><a href="https://navigate.st/bns/hello.bch"><code>navigate.st/bns/hello.bch</code></a></td>
<td>A small page</td><td><span class="src s-chain">inside a blockchain transaction</span></td></tr>
<tr><td><a href="https://navigate.st/bns/silentmode.bch"><code>navigate.st/bns/silentmode.bch</code></a></td>
<td>This project's own on-chain demo</td><td><span class="src s-chain">inside a blockchain transaction</span></td></tr>
<tr><td><a href="https://navigate.st/bns/theseus.x"><code>navigate.st/bns/theseus.x</code></a></td>
<td>Theseus Navigator's own page</td><td><span class="src s-sia">Sia storage network</span></td></tr>
<tr><td><a href="https://navigate.st/bns/coinspectrum.deviant.bch"><code>navigate.st/bns/coinspectrum.deviant.bch</code></a></td>
<td>A full multi-file site</td><td><span class="src s-sia">Sia storage network</span></td></tr>
<tr><td><a href="https://navigate.st/bns/coinspectrum.bch"><code>navigate.st/bns/coinspectrum.bch</code></a></td>
<td>The same site again</td><td><span class="src s-srv">an ordinary web server</span></td></tr>
</table>
</section>
<!-- ============ BROWSER EXTENSIONS ============ -->
<section id="extensions">
<h2>Browser extensions</h2>
<p class="lede">Add BNS to a browser you already use. The lightest possible install —
no daemon, no system changes, works only inside the browser it's installed in.</p>
<div class="dl" id="firefox">
<div>
<span class="pill p-alpha">alpha</span>
<h3>Ariadne for Firefox</h3>
<p>A browser add-on that resolves BNS names inside Firefox. 8 KB, no
dependencies, no background service, no system changes. Also runs on
<b>Firefox for Android</b>. Known limit: no TLS pinning yet — sites reached
over <code class="inline">ip</code> records are only as trustworthy as the
upstream server. Being fixed.</p>
<div class="meta">Firefox · ~8 KB · packaging in progress</div>
</div>
<div class="act">
<span class="soon">Packaging in progress</span>
</div>
</div>
</section>
<!-- ============ STANDALONE ARIADNE RESOLVER ============ -->
<section id="resolver">
<h2>System-wide — Ariadne Resolver (standalone)</h2>
<p class="lede">For advanced users who want BNS names working in <i>every</i>
browser on their Windows machine — Chrome, Edge, Firefox, everything — without
installing Theseus. Runs as a small background service that intercepts DNS and
mints TLS certificates on the fly for BCH-registered names. This will become an
standalone download; a future Theseus release will fetch and update it from
inside the browser's Settings panel.</p>
<div class="dl">
<div>
<span class="pill p-alpha">alpha</span>
<h3>Ariadne Resolver for Windows</h3>
<p>Asks for administrator rights because it changes how your machine resolves
names. Adds a background service, adds NRPT rules that route only BCNR
TLDs to the local daemon, imports one root certificate <b>name-constrained</b>
to those TLDs — the root cannot vouch for <code class="inline">.com</code>.
Everything reverses with the bundled uninstaller.</p>
<div class="meta">Windows 64-bit · v0.1.2 · bundled Node runtime · unsigned build</div>
</div>
<div class="act">
<a class="btn" href="https://dl.silentmode.st/AriadneResolver-Setup-0.1.2.exe">Installer</a>
</div>
<div class="hashes">
<div style="color:var(--mut);font-size:12.5px">SHA-256 — verify before elevating:</div>
<div class="h"><b>Installer</b><code>5a2c9e4f3c5e1a162008641019f5ffc35968751c0440f94d3c5fe67aafb8cc5e</code></div>
</div>
</div>
</section>
<!-- ============ VERIFYING ============ -->
<section id="verify">
<h2>Verifying every download</h2>
<div class="grid">
<div class="card">
<h3>Windows</h3>
<p>After downloading, compute the SHA-256 and compare it to the value above:
<code class="inline">certutil -hashfile &lt;file&gt; SHA256</code>.
Builds carry <b>no code-signing certificate</b> — that requires a legal
identity, which is what this project exists to avoid. Windows will warn about
an unrecognized app; that warning is expected. The hash is the real check.</p>
</div>
<div class="card">
<h3>Android</h3>
<p>Hash the downloaded <code class="inline">.apk</code> on a computer before
moving it to the phone, or use any file-hashing app. The <b>signing
certificate fingerprint</b> is what matters most — every future update is
signed with the same key. Android will refuse to install an update signed
by anyone else, so once you have checked it, that check protects every
version after this one.</p>
</div>
<div class="card">
<h3>On chain</h3>
<p>The canonical checksum list will be published as a record on
<code class="inline">releases.silentmode.bch</code> — the name pins where it
is served from, so a tampered mirror cannot change what you check against.
Machine-readable manifest: <a href="../releases-manifest.json"><code class="inline">releases-manifest.json</code></a>.
Human-readable page: <a href="../releases/"><code class="inline">/releases/</code></a>.</p>
</div>
</div>
</section>
</div>
<footer>
<div>Silent Mode — a Deviant project.</div>
<div class="fine">Alpha software on a test network. Nothing here is signed by an
authority your device already trusts — <b>by design</b>. The SHA-256 is the real
check. Nothing here is a service, a product guarantee, or an investment.</div>
</footer>
</body>
</html>

674
vendor/LICENSE.gpl-3.0.txt vendored Normal file
View file

@ -0,0 +1,674 @@
GNU GENERAL PUBLIC LICENSE
Version 3, 29 June 2007
Copyright (C) 2007 Free Software Foundation, Inc. <https://fsf.org/>
Everyone is permitted to copy and distribute verbatim copies
of this license document, but changing it is not allowed.
Preamble
The GNU General Public License is a free, copyleft license for
software and other kinds of works.
The licenses for most software and other practical works are designed
to take away your freedom to share and change the works. By contrast,
the GNU General Public License is intended to guarantee your freedom to
share and change all versions of a program--to make sure it remains free
software for all its users. We, the Free Software Foundation, use the
GNU General Public License for most of our software; it applies also to
any other work released this way by its authors. You can apply it to
your programs, too.
When we speak of free software, we are referring to freedom, not
price. Our General Public Licenses are designed to make sure that you
have the freedom to distribute copies of free software (and charge for
them if you wish), that you receive source code or can get it if you
want it, that you can change the software or use pieces of it in new
free programs, and that you know you can do these things.
To protect your rights, we need to prevent others from denying you
these rights or asking you to surrender the rights. Therefore, you have
certain responsibilities if you distribute copies of the software, or if
you modify it: responsibilities to respect the freedom of others.
For example, if you distribute copies of such a program, whether
gratis or for a fee, you must pass on to the recipients the same
freedoms that you received. You must make sure that they, too, receive
or can get the source code. And you must show them these terms so they
know their rights.
Developers that use the GNU GPL protect your rights with two steps:
(1) assert copyright on the software, and (2) offer you this License
giving you legal permission to copy, distribute and/or modify it.
For the developers' and authors' protection, the GPL clearly explains
that there is no warranty for this free software. For both users' and
authors' sake, the GPL requires that modified versions be marked as
changed, so that their problems will not be attributed erroneously to
authors of previous versions.
Some devices are designed to deny users access to install or run
modified versions of the software inside them, although the manufacturer
can do so. This is fundamentally incompatible with the aim of
protecting users' freedom to change the software. The systematic
pattern of such abuse occurs in the area of products for individuals to
use, which is precisely where it is most unacceptable. Therefore, we
have designed this version of the GPL to prohibit the practice for those
products. If such problems arise substantially in other domains, we
stand ready to extend this provision to those domains in future versions
of the GPL, as needed to protect the freedom of users.
Finally, every program is threatened constantly by software patents.
States should not allow patents to restrict development and use of
software on general-purpose computers, but in those that do, we wish to
avoid the special danger that patents applied to a free program could
make it effectively proprietary. To prevent this, the GPL assures that
patents cannot be used to render the program non-free.
The precise terms and conditions for copying, distribution and
modification follow.
TERMS AND CONDITIONS
0. Definitions.
"This License" refers to version 3 of the GNU General Public License.
"Copyright" also means copyright-like laws that apply to other kinds of
works, such as semiconductor masks.
"The Program" refers to any copyrightable work licensed under this
License. Each licensee is addressed as "you". "Licensees" and
"recipients" may be individuals or organizations.
To "modify" a work means to copy from or adapt all or part of the work
in a fashion requiring copyright permission, other than the making of an
exact copy. The resulting work is called a "modified version" of the
earlier work or a work "based on" the earlier work.
A "covered work" means either the unmodified Program or a work based
on the Program.
To "propagate" a work means to do anything with it that, without
permission, would make you directly or secondarily liable for
infringement under applicable copyright law, except executing it on a
computer or modifying a private copy. Propagation includes copying,
distribution (with or without modification), making available to the
public, and in some countries other activities as well.
To "convey" a work means any kind of propagation that enables other
parties to make or receive copies. Mere interaction with a user through
a computer network, with no transfer of a copy, is not conveying.
An interactive user interface displays "Appropriate Legal Notices"
to the extent that it includes a convenient and prominently visible
feature that (1) displays an appropriate copyright notice, and (2)
tells the user that there is no warranty for the work (except to the
extent that warranties are provided), that licensees may convey the
work under this License, and how to view a copy of this License. If
the interface presents a list of user commands or options, such as a
menu, a prominent item in the list meets this criterion.
1. Source Code.
The "source code" for a work means the preferred form of the work
for making modifications to it. "Object code" means any non-source
form of a work.
A "Standard Interface" means an interface that either is an official
standard defined by a recognized standards body, or, in the case of
interfaces specified for a particular programming language, one that
is widely used among developers working in that language.
The "System Libraries" of an executable work include anything, other
than the work as a whole, that (a) is included in the normal form of
packaging a Major Component, but which is not part of that Major
Component, and (b) serves only to enable use of the work with that
Major Component, or to implement a Standard Interface for which an
implementation is available to the public in source code form. A
"Major Component", in this context, means a major essential component
(kernel, window system, and so on) of the specific operating system
(if any) on which the executable work runs, or a compiler used to
produce the work, or an object code interpreter used to run it.
The "Corresponding Source" for a work in object code form means all
the source code needed to generate, install, and (for an executable
work) run the object code and to modify the work, including scripts to
control those activities. However, it does not include the work's
System Libraries, or general-purpose tools or generally available free
programs which are used unmodified in performing those activities but
which are not part of the work. For example, Corresponding Source
includes interface definition files associated with source files for
the work, and the source code for shared libraries and dynamically
linked subprograms that the work is specifically designed to require,
such as by intimate data communication or control flow between those
subprograms and other parts of the work.
The Corresponding Source need not include anything that users
can regenerate automatically from other parts of the Corresponding
Source.
The Corresponding Source for a work in source code form is that
same work.
2. Basic Permissions.
All rights granted under this License are granted for the term of
copyright on the Program, and are irrevocable provided the stated
conditions are met. This License explicitly affirms your unlimited
permission to run the unmodified Program. The output from running a
covered work is covered by this License only if the output, given its
content, constitutes a covered work. This License acknowledges your
rights of fair use or other equivalent, as provided by copyright law.
You may make, run and propagate covered works that you do not
convey, without conditions so long as your license otherwise remains
in force. You may convey covered works to others for the sole purpose
of having them make modifications exclusively for you, or provide you
with facilities for running those works, provided that you comply with
the terms of this License in conveying all material for which you do
not control copyright. Those thus making or running the covered works
for you must do so exclusively on your behalf, under your direction
and control, on terms that prohibit them from making any copies of
your copyrighted material outside their relationship with you.
Conveying under any other circumstances is permitted solely under
the conditions stated below. Sublicensing is not allowed; section 10
makes it unnecessary.
3. Protecting Users' Legal Rights From Anti-Circumvention Law.
No covered work shall be deemed part of an effective technological
measure under any applicable law fulfilling obligations under article
11 of the WIPO copyright treaty adopted on 20 December 1996, or
similar laws prohibiting or restricting circumvention of such
measures.
When you convey a covered work, you waive any legal power to forbid
circumvention of technological measures to the extent such circumvention
is effected by exercising rights under this License with respect to
the covered work, and you disclaim any intention to limit operation or
modification of the work as a means of enforcing, against the work's
users, your or third parties' legal rights to forbid circumvention of
technological measures.
4. Conveying Verbatim Copies.
You may convey verbatim copies of the Program's source code as you
receive it, in any medium, provided that you conspicuously and
appropriately publish on each copy an appropriate copyright notice;
keep intact all notices stating that this License and any
non-permissive terms added in accord with section 7 apply to the code;
keep intact all notices of the absence of any warranty; and give all
recipients a copy of this License along with the Program.
You may charge any price or no price for each copy that you convey,
and you may offer support or warranty protection for a fee.
5. Conveying Modified Source Versions.
You may convey a work based on the Program, or the modifications to
produce it from the Program, in the form of source code under the
terms of section 4, provided that you also meet all of these conditions:
a) The work must carry prominent notices stating that you modified
it, and giving a relevant date.
b) The work must carry prominent notices stating that it is
released under this License and any conditions added under section
7. This requirement modifies the requirement in section 4 to
"keep intact all notices".
c) You must license the entire work, as a whole, under this
License to anyone who comes into possession of a copy. This
License will therefore apply, along with any applicable section 7
additional terms, to the whole of the work, and all its parts,
regardless of how they are packaged. This License gives no
permission to license the work in any other way, but it does not
invalidate such permission if you have separately received it.
d) If the work has interactive user interfaces, each must display
Appropriate Legal Notices; however, if the Program has interactive
interfaces that do not display Appropriate Legal Notices, your
work need not make them do so.
A compilation of a covered work with other separate and independent
works, which are not by their nature extensions of the covered work,
and which are not combined with it such as to form a larger program,
in or on a volume of a storage or distribution medium, is called an
"aggregate" if the compilation and its resulting copyright are not
used to limit the access or legal rights of the compilation's users
beyond what the individual works permit. Inclusion of a covered work
in an aggregate does not cause this License to apply to the other
parts of the aggregate.
6. Conveying Non-Source Forms.
You may convey a covered work in object code form under the terms
of sections 4 and 5, provided that you also convey the
machine-readable Corresponding Source under the terms of this License,
in one of these ways:
a) Convey the object code in, or embodied in, a physical product
(including a physical distribution medium), accompanied by the
Corresponding Source fixed on a durable physical medium
customarily used for software interchange.
b) Convey the object code in, or embodied in, a physical product
(including a physical distribution medium), accompanied by a
written offer, valid for at least three years and valid for as
long as you offer spare parts or customer support for that product
model, to give anyone who possesses the object code either (1) a
copy of the Corresponding Source for all the software in the
product that is covered by this License, on a durable physical
medium customarily used for software interchange, for a price no
more than your reasonable cost of physically performing this
conveying of source, or (2) access to copy the
Corresponding Source from a network server at no charge.
c) Convey individual copies of the object code with a copy of the
written offer to provide the Corresponding Source. This
alternative is allowed only occasionally and noncommercially, and
only if you received the object code with such an offer, in accord
with subsection 6b.
d) Convey the object code by offering access from a designated
place (gratis or for a charge), and offer equivalent access to the
Corresponding Source in the same way through the same place at no
further charge. You need not require recipients to copy the
Corresponding Source along with the object code. If the place to
copy the object code is a network server, the Corresponding Source
may be on a different server (operated by you or a third party)
that supports equivalent copying facilities, provided you maintain
clear directions next to the object code saying where to find the
Corresponding Source. Regardless of what server hosts the
Corresponding Source, you remain obligated to ensure that it is
available for as long as needed to satisfy these requirements.
e) Convey the object code using peer-to-peer transmission, provided
you inform other peers where the object code and Corresponding
Source of the work are being offered to the general public at no
charge under subsection 6d.
A separable portion of the object code, whose source code is excluded
from the Corresponding Source as a System Library, need not be
included in conveying the object code work.
A "User Product" is either (1) a "consumer product", which means any
tangible personal property which is normally used for personal, family,
or household purposes, or (2) anything designed or sold for incorporation
into a dwelling. In determining whether a product is a consumer product,
doubtful cases shall be resolved in favor of coverage. For a particular
product received by a particular user, "normally used" refers to a
typical or common use of that class of product, regardless of the status
of the particular user or of the way in which the particular user
actually uses, or expects or is expected to use, the product. A product
is a consumer product regardless of whether the product has substantial
commercial, industrial or non-consumer uses, unless such uses represent
the only significant mode of use of the product.
"Installation Information" for a User Product means any methods,
procedures, authorization keys, or other information required to install
and execute modified versions of a covered work in that User Product from
a modified version of its Corresponding Source. The information must
suffice to ensure that the continued functioning of the modified object
code is in no case prevented or interfered with solely because
modification has been made.
If you convey an object code work under this section in, or with, or
specifically for use in, a User Product, and the conveying occurs as
part of a transaction in which the right of possession and use of the
User Product is transferred to the recipient in perpetuity or for a
fixed term (regardless of how the transaction is characterized), the
Corresponding Source conveyed under this section must be accompanied
by the Installation Information. But this requirement does not apply
if neither you nor any third party retains the ability to install
modified object code on the User Product (for example, the work has
been installed in ROM).
The requirement to provide Installation Information does not include a
requirement to continue to provide support service, warranty, or updates
for a work that has been modified or installed by the recipient, or for
the User Product in which it has been modified or installed. Access to a
network may be denied when the modification itself materially and
adversely affects the operation of the network or violates the rules and
protocols for communication across the network.
Corresponding Source conveyed, and Installation Information provided,
in accord with this section must be in a format that is publicly
documented (and with an implementation available to the public in
source code form), and must require no special password or key for
unpacking, reading or copying.
7. Additional Terms.
"Additional permissions" are terms that supplement the terms of this
License by making exceptions from one or more of its conditions.
Additional permissions that are applicable to the entire Program shall
be treated as though they were included in this License, to the extent
that they are valid under applicable law. If additional permissions
apply only to part of the Program, that part may be used separately
under those permissions, but the entire Program remains governed by
this License without regard to the additional permissions.
When you convey a copy of a covered work, you may at your option
remove any additional permissions from that copy, or from any part of
it. (Additional permissions may be written to require their own
removal in certain cases when you modify the work.) You may place
additional permissions on material, added by you to a covered work,
for which you have or can give appropriate copyright permission.
Notwithstanding any other provision of this License, for material you
add to a covered work, you may (if authorized by the copyright holders of
that material) supplement the terms of this License with terms:
a) Disclaiming warranty or limiting liability differently from the
terms of sections 15 and 16 of this License; or
b) Requiring preservation of specified reasonable legal notices or
author attributions in that material or in the Appropriate Legal
Notices displayed by works containing it; or
c) Prohibiting misrepresentation of the origin of that material, or
requiring that modified versions of such material be marked in
reasonable ways as different from the original version; or
d) Limiting the use for publicity purposes of names of licensors or
authors of the material; or
e) Declining to grant rights under trademark law for use of some
trade names, trademarks, or service marks; or
f) Requiring indemnification of licensors and authors of that
material by anyone who conveys the material (or modified versions of
it) with contractual assumptions of liability to the recipient, for
any liability that these contractual assumptions directly impose on
those licensors and authors.
All other non-permissive additional terms are considered "further
restrictions" within the meaning of section 10. If the Program as you
received it, or any part of it, contains a notice stating that it is
governed by this License along with a term that is a further
restriction, you may remove that term. If a license document contains
a further restriction but permits relicensing or conveying under this
License, you may add to a covered work material governed by the terms
of that license document, provided that the further restriction does
not survive such relicensing or conveying.
If you add terms to a covered work in accord with this section, you
must place, in the relevant source files, a statement of the
additional terms that apply to those files, or a notice indicating
where to find the applicable terms.
Additional terms, permissive or non-permissive, may be stated in the
form of a separately written license, or stated as exceptions;
the above requirements apply either way.
8. Termination.
You may not propagate or modify a covered work except as expressly
provided under this License. Any attempt otherwise to propagate or
modify it is void, and will automatically terminate your rights under
this License (including any patent licenses granted under the third
paragraph of section 11).
However, if you cease all violation of this License, then your
license from a particular copyright holder is reinstated (a)
provisionally, unless and until the copyright holder explicitly and
finally terminates your license, and (b) permanently, if the copyright
holder fails to notify you of the violation by some reasonable means
prior to 60 days after the cessation.
Moreover, your license from a particular copyright holder is
reinstated permanently if the copyright holder notifies you of the
violation by some reasonable means, this is the first time you have
received notice of violation of this License (for any work) from that
copyright holder, and you cure the violation prior to 30 days after
your receipt of the notice.
Termination of your rights under this section does not terminate the
licenses of parties who have received copies or rights from you under
this License. If your rights have been terminated and not permanently
reinstated, you do not qualify to receive new licenses for the same
material under section 10.
9. Acceptance Not Required for Having Copies.
You are not required to accept this License in order to receive or
run a copy of the Program. Ancillary propagation of a covered work
occurring solely as a consequence of using peer-to-peer transmission
to receive a copy likewise does not require acceptance. However,
nothing other than this License grants you permission to propagate or
modify any covered work. These actions infringe copyright if you do
not accept this License. Therefore, by modifying or propagating a
covered work, you indicate your acceptance of this License to do so.
10. Automatic Licensing of Downstream Recipients.
Each time you convey a covered work, the recipient automatically
receives a license from the original licensors, to run, modify and
propagate that work, subject to this License. You are not responsible
for enforcing compliance by third parties with this License.
An "entity transaction" is a transaction transferring control of an
organization, or substantially all assets of one, or subdividing an
organization, or merging organizations. If propagation of a covered
work results from an entity transaction, each party to that
transaction who receives a copy of the work also receives whatever
licenses to the work the party's predecessor in interest had or could
give under the previous paragraph, plus a right to possession of the
Corresponding Source of the work from the predecessor in interest, if
the predecessor has it or can get it with reasonable efforts.
You may not impose any further restrictions on the exercise of the
rights granted or affirmed under this License. For example, you may
not impose a license fee, royalty, or other charge for exercise of
rights granted under this License, and you may not initiate litigation
(including a cross-claim or counterclaim in a lawsuit) alleging that
any patent claim is infringed by making, using, selling, offering for
sale, or importing the Program or any portion of it.
11. Patents.
A "contributor" is a copyright holder who authorizes use under this
License of the Program or a work on which the Program is based. The
work thus licensed is called the contributor's "contributor version".
A contributor's "essential patent claims" are all patent claims
owned or controlled by the contributor, whether already acquired or
hereafter acquired, that would be infringed by some manner, permitted
by this License, of making, using, or selling its contributor version,
but do not include claims that would be infringed only as a
consequence of further modification of the contributor version. For
purposes of this definition, "control" includes the right to grant
patent sublicenses in a manner consistent with the requirements of
this License.
Each contributor grants you a non-exclusive, worldwide, royalty-free
patent license under the contributor's essential patent claims, to
make, use, sell, offer for sale, import and otherwise run, modify and
propagate the contents of its contributor version.
In the following three paragraphs, a "patent license" is any express
agreement or commitment, however denominated, not to enforce a patent
(such as an express permission to practice a patent or covenant not to
sue for patent infringement). To "grant" such a patent license to a
party means to make such an agreement or commitment not to enforce a
patent against the party.
If you convey a covered work, knowingly relying on a patent license,
and the Corresponding Source of the work is not available for anyone
to copy, free of charge and under the terms of this License, through a
publicly available network server or other readily accessible means,
then you must either (1) cause the Corresponding Source to be so
available, or (2) arrange to deprive yourself of the benefit of the
patent license for this particular work, or (3) arrange, in a manner
consistent with the requirements of this License, to extend the patent
license to downstream recipients. "Knowingly relying" means you have
actual knowledge that, but for the patent license, your conveying the
covered work in a country, or your recipient's use of the covered work
in a country, would infringe one or more identifiable patents in that
country that you have reason to believe are valid.
If, pursuant to or in connection with a single transaction or
arrangement, you convey, or propagate by procuring conveyance of, a
covered work, and grant a patent license to some of the parties
receiving the covered work authorizing them to use, propagate, modify
or convey a specific copy of the covered work, then the patent license
you grant is automatically extended to all recipients of the covered
work and works based on it.
A patent license is "discriminatory" if it does not include within
the scope of its coverage, prohibits the exercise of, or is
conditioned on the non-exercise of one or more of the rights that are
specifically granted under this License. You may not convey a covered
work if you are a party to an arrangement with a third party that is
in the business of distributing software, under which you make payment
to the third party based on the extent of your activity of conveying
the work, and under which the third party grants, to any of the
parties who would receive the covered work from you, a discriminatory
patent license (a) in connection with copies of the covered work
conveyed by you (or copies made from those copies), or (b) primarily
for and in connection with specific products or compilations that
contain the covered work, unless you entered into that arrangement,
or that patent license was granted, prior to 28 March 2007.
Nothing in this License shall be construed as excluding or limiting
any implied license or other defenses to infringement that may
otherwise be available to you under applicable patent law.
12. No Surrender of Others' Freedom.
If conditions are imposed on you (whether by court order, agreement or
otherwise) that contradict the conditions of this License, they do not
excuse you from the conditions of this License. If you cannot convey a
covered work so as to satisfy simultaneously your obligations under this
License and any other pertinent obligations, then as a consequence you may
not convey it at all. For example, if you agree to terms that obligate you
to collect a royalty for further conveying from those to whom you convey
the Program, the only way you could satisfy both those terms and this
License would be to refrain entirely from conveying the Program.
13. Use with the GNU Affero General Public License.
Notwithstanding any other provision of this License, you have
permission to link or combine any covered work with a work licensed
under version 3 of the GNU Affero General Public License into a single
combined work, and to convey the resulting work. The terms of this
License will continue to apply to the part which is the covered work,
but the special requirements of the GNU Affero General Public License,
section 13, concerning interaction through a network will apply to the
combination as such.
14. Revised Versions of this License.
The Free Software Foundation may publish revised and/or new versions of
the GNU General Public License from time to time. Such new versions will
be similar in spirit to the present version, but may differ in detail to
address new problems or concerns.
Each version is given a distinguishing version number. If the
Program specifies that a certain numbered version of the GNU General
Public License "or any later version" applies to it, you have the
option of following the terms and conditions either of that numbered
version or of any later version published by the Free Software
Foundation. If the Program does not specify a version number of the
GNU General Public License, you may choose any version ever published
by the Free Software Foundation.
If the Program specifies that a proxy can decide which future
versions of the GNU General Public License can be used, that proxy's
public statement of acceptance of a version permanently authorizes you
to choose that version for the Program.
Later license versions may give you additional or different
permissions. However, no additional obligations are imposed on any
author or copyright holder as a result of your choosing to follow a
later version.
15. Disclaimer of Warranty.
THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY
APPLICABLE LAW. EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT
HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY
OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,
THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
PURPOSE. THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM
IS WITH YOU. SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF
ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
16. Limitation of Liability.
IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS
THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY
GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE
USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF
DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD
PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),
EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF
SUCH DAMAGES.
17. Interpretation of Sections 15 and 16.
If the disclaimer of warranty and limitation of liability provided
above cannot be given local legal effect according to their terms,
reviewing courts shall apply local law that most closely approximates
an absolute waiver of all civil liability in connection with the
Program, unless a warranty or assumption of liability accompanies a
copy of the Program in return for a fee.
END OF TERMS AND CONDITIONS
How to Apply These Terms to Your New Programs
If you develop a new program, and you want it to be of the greatest
possible use to the public, the best way to achieve this is to make it
free software which everyone can redistribute and change under these terms.
To do so, attach the following notices to the program. It is safest
to attach them to the start of each source file to most effectively
state the exclusion of warranty; and each file should have at least
the "copyright" line and a pointer to where the full notice is found.
<one line to give the program's name and a brief idea of what it does.>
Copyright (C) <year> <name of author>
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with this program. If not, see <https://www.gnu.org/licenses/>.
Also add information on how to contact you by electronic and paper mail.
If the program does terminal interaction, make it output a short
notice like this when it starts in an interactive mode:
<program> Copyright (C) <year> <name of author>
This program comes with ABSOLUTELY NO WARRANTY; for details type `show w'.
This is free software, and you are welcome to redistribute it
under certain conditions; type `show c' for details.
The hypothetical commands `show w' and `show c' should show the appropriate
parts of the General Public License. Of course, your program's commands
might be different; for a GUI interface, you would use an "about box".
You should also get your employer (if you work as a programmer) or school,
if any, to sign a "copyright disclaimer" for the program, if necessary.
For more information on this, and how to apply and follow the GNU GPL, see
<https://www.gnu.org/licenses/>.
The GNU General Public License does not permit incorporating your program
into proprietary programs. If your program is a subroutine library, you
may consider it more useful to permit linking proprietary applications with
the library. If this is what you want to do, use the GNU Lesser General
Public License instead of this License. But first, please read
<https://www.gnu.org/licenses/why-not-lgpl.html>.

165
vendor/LICENSE.lgpl-3.0.txt vendored Normal file
View file

@ -0,0 +1,165 @@
GNU LESSER GENERAL PUBLIC LICENSE
Version 3, 29 June 2007
Copyright (C) 2007 Free Software Foundation, Inc. <https://fsf.org/>
Everyone is permitted to copy and distribute verbatim copies
of this license document, but changing it is not allowed.
This version of the GNU Lesser General Public License incorporates
the terms and conditions of version 3 of the GNU General Public
License, supplemented by the additional permissions listed below.
0. Additional Definitions.
As used herein, "this License" refers to version 3 of the GNU Lesser
General Public License, and the "GNU GPL" refers to version 3 of the GNU
General Public License.
"The Library" refers to a covered work governed by this License,
other than an Application or a Combined Work as defined below.
An "Application" is any work that makes use of an interface provided
by the Library, but which is not otherwise based on the Library.
Defining a subclass of a class defined by the Library is deemed a mode
of using an interface provided by the Library.
A "Combined Work" is a work produced by combining or linking an
Application with the Library. The particular version of the Library
with which the Combined Work was made is also called the "Linked
Version".
The "Minimal Corresponding Source" for a Combined Work means the
Corresponding Source for the Combined Work, excluding any source code
for portions of the Combined Work that, considered in isolation, are
based on the Application, and not on the Linked Version.
The "Corresponding Application Code" for a Combined Work means the
object code and/or source code for the Application, including any data
and utility programs needed for reproducing the Combined Work from the
Application, but excluding the System Libraries of the Combined Work.
1. Exception to Section 3 of the GNU GPL.
You may convey a covered work under sections 3 and 4 of this License
without being bound by section 3 of the GNU GPL.
2. Conveying Modified Versions.
If you modify a copy of the Library, and, in your modifications, a
facility refers to a function or data to be supplied by an Application
that uses the facility (other than as an argument passed when the
facility is invoked), then you may convey a copy of the modified
version:
a) under this License, provided that you make a good faith effort to
ensure that, in the event an Application does not supply the
function or data, the facility still operates, and performs
whatever part of its purpose remains meaningful, or
b) under the GNU GPL, with none of the additional permissions of
this License applicable to that copy.
3. Object Code Incorporating Material from Library Header Files.
The object code form of an Application may incorporate material from
a header file that is part of the Library. You may convey such object
code under terms of your choice, provided that, if the incorporated
material is not limited to numerical parameters, data structure
layouts and accessors, or small macros, inline functions and templates
(ten or fewer lines in length), you do both of the following:
a) Give prominent notice with each copy of the object code that the
Library is used in it and that the Library and its use are
covered by this License.
b) Accompany the object code with a copy of the GNU GPL and this license
document.
4. Combined Works.
You may convey a Combined Work under terms of your choice that,
taken together, effectively do not restrict modification of the
portions of the Library contained in the Combined Work and reverse
engineering for debugging such modifications, if you also do each of
the following:
a) Give prominent notice with each copy of the Combined Work that
the Library is used in it and that the Library and its use are
covered by this License.
b) Accompany the Combined Work with a copy of the GNU GPL and this license
document.
c) For a Combined Work that displays copyright notices during
execution, include the copyright notice for the Library among
these notices, as well as a reference directing the user to the
copies of the GNU GPL and this license document.
d) Do one of the following:
0) Convey the Minimal Corresponding Source under the terms of this
License, and the Corresponding Application Code in a form
suitable for, and under terms that permit, the user to
recombine or relink the Application with a modified version of
the Linked Version to produce a modified Combined Work, in the
manner specified by section 6 of the GNU GPL for conveying
Corresponding Source.
1) Use a suitable shared library mechanism for linking with the
Library. A suitable mechanism is one that (a) uses at run time
a copy of the Library already present on the user's computer
system, and (b) will operate properly with a modified version
of the Library that is interface-compatible with the Linked
Version.
e) Provide Installation Information, but only if you would otherwise
be required to provide such information under section 6 of the
GNU GPL, and only to the extent that such information is
necessary to install and execute a modified version of the
Combined Work produced by recombining or relinking the
Application with a modified version of the Linked Version. (If
you use option 4d0, the Installation Information must accompany
the Minimal Corresponding Source and Corresponding Application
Code. If you use option 4d1, you must provide the Installation
Information in the manner specified by section 6 of the GNU GPL
for conveying Corresponding Source.)
5. Combined Libraries.
You may place library facilities that are a work based on the
Library side by side in a single library together with other library
facilities that are not Applications and are not covered by this
License, and convey such a combined library under terms of your
choice, if you do both of the following:
a) Accompany the combined library with a copy of the same work based
on the Library, uncombined with any other library facilities,
conveyed under the terms of this License.
b) Give prominent notice with the combined library that part of it
is a work based on the Library, and explaining where to find the
accompanying uncombined form of the same work.
6. Revised Versions of the GNU Lesser General Public License.
The Free Software Foundation may publish revised and/or new versions
of the GNU Lesser General Public License from time to time. Such new
versions will be similar in spirit to the present version, but may
differ in detail to address new problems or concerns.
Each version is given a distinguishing version number. If the
Library as you received it specifies that a certain numbered version
of the GNU Lesser General Public License "or any later version"
applies to it, you have the option of following the terms and
conditions either of that published version or of any later version
published by the Free Software Foundation. If the Library as you
received it does not specify a version number of the GNU Lesser
General Public License, you may choose any version of the GNU Lesser
General Public License ever published by the Free Software Foundation.
If the Library as you received it specifies that a proxy can decide
whether future versions of the GNU Lesser General Public License shall
apply, that proxy's public statement of acceptance of any version is
permanent authorization for you to choose that version for the
Library.