58712e77da
Bulk-inserts <link rel="icon" type="image/svg+xml" href="/favicon.svg"> before the </head> tag on every silentmode.st page that was missing it. All 36 site HTML pages now advertise the chain-links favicon; browsers show it in tabs and bookmarks across the whole umbrella site. Pages touched (29): apps/, choose/*, deviant/* (7 pages under the parent house), hephaestus/, hephaestus.x/* (9 chain-published mirror pages), nav/ (redirect stub), register.html (redirect stub), sirius/, sirius/register.html, store/ (redirect stub), tlds/. Already had favicon from earlier passes (7): index.html, brand/, tools/, prometheus/, helios/, hermes/, releases/. Line-ending preservation: choose/index.html and sirius/register.html were originally stored with CRLF endings; the plain Python read/write path normalized them to LF and produced a noisy diff. Both files re-serialized as CRLF before the favicon insert to keep the diff to +1 line each. Deploy: rsync-equivalent tar-pipe to /opt/silent-mode/site/, plus per-file scp for the two CRLF-corrected files. Verified live: 7 spot-checked URLs each report exactly one <link rel="icon"> in served HTML.
139 lines
7.5 KiB
HTML
139 lines
7.5 KiB
HTML
<!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.">
|
|
<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>
|