97a7d2bd7c
- Performance: cache the chain index (was rebuilt on every navigation) and warm it at startup — .bch pages open near-instantly after the first. - Loading indicator: indeterminate bar under the toolbar, per-tab spinner, and reload⇄stop button (driven by did-start/stop-loading + BNS resolve). - Chrome cleanup: removed the bottom status bar and the redundant search box; security padlock now always present at the front of the address bar; minimal ICANN/BCNR pill at the end; favorites bar shows only on new-tab. - Search: added Yandex; engine picker moved into Settings > General. - Settings redesigned with a left sidebar (General / Performance / Privacy / Anti-fingerprinting). Anti-fingerprinting now Show/Hide/Spoof/Manual for timezone, language, AND location (geolocation coords overridden in-page).
130 lines
6.6 KiB
HTML
130 lines
6.6 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>
|
|
</head>
|
|
<body>
|
|
|
|
<main>
|
|
|
|
<div class="capsule" aria-hidden="true"></div>
|
|
<h1>There is no one to ask.</h1>
|
|
<p class="lede">That is the whole difference. Not better software — a missing layer.
|
|
The part of the internet that grants permission, and can therefore withdraw it,
|
|
is simply absent here. Everything below follows from that one hole.</p>
|
|
|
|
<div class="rows">
|
|
<div class="row"><span class="was">A domain leased from a registrar</span><span class="arrow">→</span>
|
|
<span class="now">A <b>certificate you hold</b>, on a public ledger. Your key, your name.</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 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 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. If that trade sounds
|
|
bad, the other pill is a legitimate choice and we are not going to pretend otherwise.
|
|
</div>
|
|
|
|
<div class="next">
|
|
<h2>Three steps, about ten minutes</h2>
|
|
<div class="steps">
|
|
<a class="step" href="/apps/#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="/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="/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>
|