site/deviant/anthemus/index.html
Local Dev 58712e77da site: add favicon link to every silentmode.st HTML page
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.
2026-08-31 21:43:25 +02:00

252 lines
8.2 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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>