252 lines
8.2 KiB
HTML
252 lines
8.2 KiB
HTML
|
<!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>
|
|||
|
|
</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>
|