site/choose/free/index.html

139 lines
7.4 KiB
HTML
Raw Normal View History

<!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>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.x 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="/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>