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

site: real logo, hero screenshot, OG tags, contrast fixes

Browse source 
- inline chain-link logo in every top nav and the two chain-emoji hero marks
  (index, sirius/register); shared.css sizes/colours it via .l1/.l2
- homepage hero figure: Theseus opening hello.bch (BCDN badge, no DNS)
- Open Graph + Twitter card meta on all 13 silentmode.st pages, image
  brand/og.png (1200x630, rendered from the brand kit)
- contrast: --dim 5e6678 -> 7a8496 (3.4:1 -> 5.1:1); default .btn no longer
  off-palette blue with 3.9:1 white text, now panel2/ink; nav links 9px pad
- figure.shot styles for screenshots; tools/img/ holds the Theseus and
  Ariadne-Android shots for the download cards (wired in a follow-up, the
  tools page is mid-ship in another session)
- scripts/serve-site.mjs: zero-dep static server for previewing site/
This commit is contained in:
Local Dev 2026-09-07 23:01:57 +02:00
parent e82db4c653
commit 7411070fd6
17 changed files with 154 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
brand/index.html
View file

@ -5,6 +5,15 @@
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>Brand — Silent Mode</title> <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 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="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="stylesheet" href="/shared.css"> <link rel="stylesheet" href="/shared.css">
<style> <style>
@ -39,7 +48,7 @@
<body> <body>
<nav class="topnav"> <nav class="topnav">
<a class="brand" href="/">⛓️ Silent <span class="g">Mode</span></a> <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="/tools/">Theseus</a>
<a href="/prometheus/">Prometheus</a> <a href="/prometheus/">Prometheus</a>
<a href="/sirius/">Sirius</a> <a href="/sirius/">Sirius</a>

BIN
brand/og.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 187 KiB

9
choose/free/index.html
View file

@ -5,6 +5,15 @@
<meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="viewport" content="width=device-width,initial-scale=1">
<title>You took the red one — Silent Mode</title> <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 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"> <link rel="stylesheet" href="/shared.css">
<style> <style>
body{background:#05070c} body{background:#05070c}

9
choose/index.html
View file

@ -5,6 +5,15 @@
<meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="viewport" content="width=device-width,initial-scale=1">
<title>Choose — Silent Mode</title> <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 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"> <link rel="stylesheet" href="/shared.css">
<style> <style>
/* Page-specific only — tokens, body and buttons come from shared.css. /* Page-specific only — tokens, body and buttons come from shared.css.

9
choose/registrars/index.html
View file

@ -5,6 +5,15 @@
<meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="viewport" content="width=device-width,initial-scale=1">
<title>The conventional stack — Silent Mode</title> <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 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"> <link rel="stylesheet" href="/shared.css">
<style> <style>
body{background:#070a11} body{background:#070a11}

9
choose/stay/index.html
View file

@ -5,6 +5,15 @@
<meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="viewport" content="width=device-width,initial-scale=1">
<title>You took the blue one — Silent Mode</title> <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 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"> <link rel="stylesheet" href="/shared.css">
<style> <style>
body{background:#070a11} body{background:#070a11}

11
helios/index.html
View file

@ -5,13 +5,22 @@
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>Helios — searching the decentralized web — Silent Mode</title> <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 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="stylesheet" href="../shared.css">
<link rel="icon" type="image/svg+xml" href="/favicon.svg"> <link rel="icon" type="image/svg+xml" href="/favicon.svg">
</head> </head>
<body> <body>
<nav class="topnav"> <nav class="topnav">
<a class="brand" href="../">⛓️ Silent <span class="g">Mode</span></a> <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="../tools/">Theseus</a>
<a href="../prometheus/">Prometheus</a> <a href="../prometheus/">Prometheus</a>
<a href="../sirius/">Sirius</a> <a href="../sirius/">Sirius</a>

11
hephaestus/index.html
View file

@ -5,6 +5,15 @@
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>Hephaestus — decentralized code forge for Silent Mode</title> <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 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> <style>
:root{ :root{
--bg:#0b0e14; --panel:#141a24; --panel2:#18202c; --line:rgba(255,255,255,.09); --bg:#0b0e14; --panel:#141a24; --panel2:#18202c; --line:rgba(255,255,255,.09);
@ -79,7 +88,7 @@
<body> <body>
<nav class="topnav"> <nav class="topnav">
<a class="brand" href="../">⛓️ Silent <span class="g">Mode</span></a> <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="../tools/">Theseus</a>
<a href="../prometheus/">Prometheus</a> <a href="../prometheus/">Prometheus</a>
<a href="../sirius/">Sirius</a> <a href="../sirius/">Sirius</a>

11
hermes/index.html
View file

@ -5,13 +5,22 @@
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>Hermes — messaging by name — Silent Mode</title> <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 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="stylesheet" href="../shared.css">
<link rel="icon" type="image/svg+xml" href="/favicon.svg"> <link rel="icon" type="image/svg+xml" href="/favicon.svg">
</head> </head>
<body> <body>
<nav class="topnav"> <nav class="topnav">
<a class="brand" href="../">⛓️ Silent <span class="g">Mode</span></a> <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="../tools/">Theseus</a>
<a href="../prometheus/">Prometheus</a> <a href="../prometheus/">Prometheus</a>
<a href="../sirius/">Sirius</a> <a href="../sirius/">Sirius</a>

18
index.html
View file

@ -5,13 +5,22 @@
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>Silent Mode — decentralized web infrastructure</title> <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 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="stylesheet" href="shared.css">
<link rel="icon" type="image/svg+xml" href="/favicon.svg"> <link rel="icon" type="image/svg+xml" href="/favicon.svg">
</head> </head>
<body> <body>
<nav class="topnav"> <nav class="topnav">
<a class="brand" href="/">⛓️ Silent <span class="g">Mode</span></a> <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="tools/">Theseus</a>
<a href="prometheus/">Prometheus</a> <a href="prometheus/">Prometheus</a>
<a href="sirius/">Sirius</a> <a href="sirius/">Sirius</a>
@ -21,7 +30,7 @@
</nav> </nav>
<header class="hero"> <header class="hero">
<div class="mark">⛓️</div> <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> <h1>Silent <span class="g">Mode</span></h1>
<p class="tag">A development department for the decentralized web. We build names, <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 hosting, apps, search, messaging, and the clients that reach them — everything you
@ -36,6 +45,11 @@
</p> </p>
</header> </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"> <div class="wrap">
<!-- ============ .st vs .bch — the split ============ --> <!-- ============ .st vs .bch — the split ============ -->

11
prometheus/index.html
View file

@ -5,6 +5,15 @@
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>Prometheus — apps and programs on the decentralized web — Silent Mode</title> <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 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"> <link rel="stylesheet" href="../shared.css">
<style> <style>
/* Category grid — visually distinct from the homepage's tool cards so the two /* Category grid — visually distinct from the homepage's tool cards so the two
@ -35,7 +44,7 @@
<body> <body>
<nav class="topnav"> <nav class="topnav">
<a class="brand" href="../">⛓️ Silent <span class="g">Mode</span></a> <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="../tools/">Theseus</a>
<a href="./" class="here">Prometheus</a> <a href="./" class="here">Prometheus</a>
<a href="../sirius/">Sirius</a> <a href="../sirius/">Sirius</a>

23
shared.css
View file

@ -10,7 +10,7 @@
--line:rgba(255,255,255,.09); --line:rgba(255,255,255,.09);
--ink:#e7eaf1; --ink:#e7eaf1;
--mut:#8b98a9; --mut:#8b98a9;
--dim:#5e6678; --dim:#7a8496; /* was #5e6678 — 3.4:1, failed AA for fine print */
--acid:#d6ff3d; --acid:#d6ff3d;
/* semantic accents used to colour-code content sources across pages */ /* semantic accents used to colour-code content sources across pages */
--chain:#d6ff3d; --chain:#d6ff3d;
@ -51,7 +51,7 @@ a{color:var(--acid)}
.topnav .brand .g{color:var(--acid)} .topnav .brand .g{color:var(--acid)}
.topnav a{ .topnav a{
color:var(--mut);text-decoration:none; color:var(--mut);text-decoration:none;
padding:6px 12px;border-radius:8px;font-size:14px; padding:9px 12px;border-radius:8px;font-size:14px;
} }
.topnav a:hover{color:var(--ink);background:var(--panel)} .topnav a:hover{color:var(--ink);background:var(--panel)}
.topnav a.here{color:var(--acid);background:rgba(214,255,61,.08)} .topnav a.here{color:var(--acid);background:rgba(214,255,61,.08)}
@ -78,8 +78,8 @@ h3{font-size:1.05rem;margin:0 0 .3rem}
.btn{ .btn{
display:inline-block;text-decoration:none; display:inline-block;text-decoration:none;
padding:11px 20px;border-radius:999px; padding:11px 20px;border-radius:999px;
background:#4b7bec;color:#fff;font-size:14.5px; background:var(--panel2);color:var(--ink);font-size:14.5px;
border:1px solid transparent;cursor:pointer;font-family:inherit; border:1px solid var(--line);cursor:pointer;font-family:inherit;
} }
.btn.ghost{background:transparent;border-color:var(--line);color:var(--ink)} .btn.ghost{background:transparent;border-color:var(--line);color:var(--ink)}
.btn.acid{background:var(--acid);color:#0b0e14;font-weight:600;border:none} .btn.acid{background:var(--acid);color:#0b0e14;font-weight:600;border:none}
@ -161,3 +161,18 @@ footer{
color:var(--dim);font-size:13px;text-align:center;margin-top:2.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} 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}

11
sirius/index.html
View file

@ -5,13 +5,22 @@
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>Sirius — names on the Bitcoin Cash chain — Silent Mode</title> <title>Sirius — names on the Bitcoin Cash chain — Silent Mode</title>
<meta name="description" content="Sirius is Silent Mode's naming registry: BNS1 domain names anchored by CashTokens certificates on Bitcoin Cash, records in OP_RETURN, discovery via a public beacon. No registrar, no ICANN, no DNS root — resolvers read the chain directly."> <meta name="description" content="Sirius is Silent Mode's naming registry: BNS1 domain names anchored by CashTokens certificates on Bitcoin Cash, records in OP_RETURN, discovery via a public beacon. No registrar, no ICANN, no DNS root — resolvers read the chain directly.">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Silent Mode">
<meta property="og:title" content="Sirius — names on the Bitcoin Cash chain — Silent Mode">
<meta property="og:description" content="Sirius is Silent Mode's naming registry: BNS1 domain names anchored by CashTokens certificates on Bitcoin Cash, records in OP_RETURN, discovery via a public beacon. No registrar, no ICANN, no DNS root — resolvers read the chain directly.">
<meta property="og:url" content="https://silentmode.st/sirius/">
<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="stylesheet" href="../shared.css">
<link rel="icon" type="image/svg+xml" href="/favicon.svg"> <link rel="icon" type="image/svg+xml" href="/favicon.svg">
</head> </head>
<body> <body>
<nav class="topnav"> <nav class="topnav">
<a class="brand" href="../">⛓️ Silent <span class="g">Mode</span></a> <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="../tools/">Theseus</a>
<a href="../prometheus/">Prometheus</a> <a href="../prometheus/">Prometheus</a>
<a href="./" class="here">Sirius</a> <a href="./" class="here">Sirius</a>

13
sirius/register.html
View file

@ -5,6 +5,15 @@
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>Register a name — Silent Mode</title> <title>Register a name — Silent Mode</title>
<meta name="description" content="Own a domain name on the Bitcoin Cash blockchain. Permanent, no renewal, censorship-resistant. Search availability, mint the name certificate to your own wallet, and pick decentralized hosting."> <meta name="description" content="Own a domain name on the Bitcoin Cash blockchain. Permanent, no renewal, censorship-resistant. Search availability, mint the name certificate to your own wallet, and pick decentralized hosting.">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Silent Mode">
<meta property="og:title" content="Register a name — Silent Mode">
<meta property="og:description" content="Own a domain name on the Bitcoin Cash blockchain. Permanent, no renewal, censorship-resistant. Search availability, mint the name certificate to your own wallet, and pick decentralized hosting.">
<meta property="og:url" content="https://silentmode.st/sirius/register.html">
<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> <style>
:root{ :root{
--bg:#0b0e14; --panel:#141a24; --panel2:#18202c; --line:rgba(255,255,255,.09); --bg:#0b0e14; --panel:#141a24; --panel2:#18202c; --line:rgba(255,255,255,.09);
@ -136,7 +145,7 @@
<body> <body>
<nav class="topnav"> <nav class="topnav">
<a class="brand" href="/">⛓️ Silent <span class="g">Mode</span></a> <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="/tools/">Theseus</a>
<a href="/prometheus/">Prometheus</a> <a href="/prometheus/">Prometheus</a>
<a href="/sirius/" class="here">Sirius</a> <a href="/sirius/" class="here">Sirius</a>
@ -146,7 +155,7 @@
</nav> </nav>
<header> <header>
<div class="mark">⛓️</div> <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>Own your <span class="g">name</span></h1> <h1>Own your <span class="g">name</span></h1>
<p class="tag">A domain name that lives on the Bitcoin Cash blockchain. You hold it — permanently, <p class="tag">A domain name that lives on the Bitcoin Cash blockchain. You hold it — permanently,
with no renewal, that no registrar can revoke or seize.</p> with no renewal, that no registrar can revoke or seize.</p>

11
tlds/index.html
View file

@ -5,6 +5,15 @@
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>TLDs — the top-level domains on the Bitcoin Cash chain — Silent Mode</title> <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 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"> <link rel="stylesheet" href="../shared.css">
<style> <style>
/* Page-specific: TLD table + snapshot-verification card */ /* Page-specific: TLD table + snapshot-verification card */
@ -58,7 +67,7 @@
<body> <body>
<nav class="topnav"> <nav class="topnav">
<a class="brand" href="../">⛓️ Silent <span class="g">Mode</span></a> <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="../tools/">Theseus</a>
<a href="../prometheus/">Prometheus</a> <a href="../prometheus/">Prometheus</a>
<a href="../sirius/">Sirius</a> <a href="../sirius/">Sirius</a>

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