dgb-wallet/ops/scratch-digibyte-x.html
Digibyte.X d50286a9a5 DigiByte.X Wallet — recovery-first web wallet monorepo
Packages: core (BIP39/32/44/49/84/86 derivation, WIF), keystore (PBKDF2 +
AES-GCM), psbt, p2p (BIP157/158 SPV daemon, Dandelion++ broadcast with
relay-echo verification), blockbook, rpc, electrum, net, bns, web-ui
(React/Vite), mobile (Expo). ops/ holds the nginx vhost, systemd unit and
push.sh deploy script for digibyte.x/web.
2026-09-20 20:16:52 +02:00

321 lines
13 KiB
HTML

<!doctype html>
<html lang="en" data-theme="dark">
<head><base href="/bns/digibyte.x/">
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>DigiByte — no ICO, no company, no VCs</title>
<meta name="description" content="DigiByte: 15-second blocks, five mining algorithms, no premine, no company, community-run since 2014. Layer-1 assets via DigiAssets.">
<style>
:root{
/* DigiByte brand palette — deep digital blue + bright accent */
--dgb-deep:#002583;
--dgb-blue:#22A0FF;
--dgb-bright:#4AC8FF;
--dgb-black:#000000;
--dgb-white:#F8FBFF;
--dgb-slate:#1E2A40;
/* Sister-chain accent — used only on the BCH column of the compare grid. */
--bch-green:#0AC18E;
--mono:ui-monospace,"SF Mono",Menlo,Consolas,"Courier New",monospace;
--sans:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
}
:root[data-theme="dark"]{
--bg:var(--dgb-black);
--panel:#0e0e10;
--panel-hover:#141419;
--line:rgba(248,251,255,.10);
--line-strong:rgba(248,251,255,.22);
--txt:var(--dgb-white);
--dim:#7a848f;
--accent:var(--dgb-blue);
--glow:rgba(34,160,255,.55);
--glow-soft:rgba(34,160,255,.20);
}
:root[data-theme="light"]{
--bg:var(--dgb-white);
--panel:#ffffff;
--panel-hover:#f2f5fa;
--line:rgba(30,42,64,.12);
--line-strong:rgba(30,42,64,.24);
--txt:var(--dgb-black);
--dim:var(--dgb-slate);
--accent:var(--dgb-deep);
--glow:rgba(0,37,131,.35);
--glow-soft:rgba(0,37,131,.14);
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--bg);color:var(--txt);font-family:var(--sans);min-height:100vh}
body{
background:
radial-gradient(1000px 600px at 12% -10%, rgba(34,160,255,.14), transparent 60%),
radial-gradient(800px 500px at 92% 100%, rgba(34,160,255,.08), transparent 60%),
var(--bg);
padding:0 22px 96px;
transition:background-color .2s ease, color .2s ease;
}
.wrap{max-width:1000px;margin:0 auto;position:relative;z-index:2}
.theme-toggle{
position:fixed;top:16px;right:16px;z-index:10;
background:transparent;color:var(--dim);border:1px solid var(--line);
padding:7px 12px;border-radius:6px;cursor:pointer;
font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;
}
.theme-toggle:hover{color:var(--accent);border-color:var(--accent)}
/* ---------- Hero ---------- */
.hero{
min-height:100vh;
display:flex;flex-direction:column;
align-items:center;justify-content:center;
text-align:center;padding:0;
}
.kicker{
display:inline-flex;align-items:center;gap:8px;
font-family:var(--mono);font-size:11px;letter-spacing:.35em;text-transform:uppercase;
color:var(--accent);
padding:6px 12px 6px 8px;border:1px solid var(--line);border-radius:100px;
margin-bottom:32px;
}
.dmark{width:16px;height:16px;flex:0 0 16px}
.wordmark{
font-weight:900;line-height:.95;letter-spacing:-.01em;
font-size:clamp(56px,12vw,148px);
color:var(--txt);
}
.wordmark .byte{
color:var(--accent);
text-shadow:0 0 12px var(--glow),0 0 40px var(--glow-soft);
}
.tag{
margin-top:22px;
font-size:clamp(16px,2.2vw,24px);
color:var(--dim);font-weight:400;letter-spacing:.01em;
}
.tag b{color:var(--accent);font-weight:600}
/* ---------- Sections ---------- */
section{padding:48px 0 24px}
section h2{
font-family:var(--mono);font-size:12px;letter-spacing:.3em;text-transform:uppercase;
color:var(--accent);margin-bottom:20px;
}
section .lede{
font-size:clamp(20px,2.4vw,28px);line-height:1.4;
max-width:780px;color:var(--txt);font-weight:400;
margin-bottom:22px;
}
section .lede b{color:var(--accent);font-weight:600}
section .body{
font-size:16px;line-height:1.65;color:var(--txt);opacity:.88;
max-width:720px;
}
section .body p+p{margin-top:14px}
.stats{
display:grid;gap:14px;margin-top:26px;
grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
max-width:820px;
}
.stat{
border:1px solid var(--line);background:var(--panel);
padding:18px 18px 16px;border-radius:8px;
}
.stat .n{
font-family:var(--mono);font-size:24px;font-weight:800;
color:var(--accent);letter-spacing:-.01em;
}
.stat .l{
font-family:var(--mono);font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;
color:var(--dim);margin-top:6px;
}
/* ---------- Sister-chain compare ---------- */
.siblings .lede{margin-bottom:28px}
.compare{
display:grid;gap:14px;
grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
max-width:920px;
}
.col{
border:1px solid var(--line);background:var(--panel);
padding:20px 22px 22px;border-radius:10px;
display:flex;flex-direction:column;gap:14px;
}
.col-h{
font-family:var(--mono);font-size:11px;letter-spacing:.28em;text-transform:uppercase;
color:var(--dim);
padding-bottom:12px;border-bottom:1px solid var(--line);
display:flex;align-items:center;gap:8px;
}
.col-h .swatch{
width:10px;height:10px;border-radius:2px;flex:0 0 10px;
}
.col.dgb .col-h{color:var(--accent)}
.col.dgb .col-h .swatch{background:var(--accent);box-shadow:0 0 8px var(--glow)}
.col.bch .col-h{color:var(--bch-green)}
.col.bch .col-h .swatch{background:var(--bch-green);box-shadow:0 0 8px rgba(10,193,142,.55)}
.col ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.col li{
display:grid;grid-template-columns:38% 1fr;gap:12px;
font-size:14.5px;line-height:1.45;
}
.col li .k{
font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;
color:var(--dim);padding-top:2px;
}
.col li .v{color:var(--txt);opacity:.94}
.compare-note{
margin-top:20px;font-size:14px;color:var(--dim);
}
.compare-note a{color:var(--accent);text-decoration:none;border-bottom:1px dotted var(--accent)}
.compare-note a:hover{opacity:.75}
/* ---------- Placeholder / soon card ---------- */
.soon{
margin-top:26px;padding:22px 24px;border-radius:10px;
border:1px dashed var(--line-strong);background:var(--panel);
display:flex;align-items:center;gap:16px;flex-wrap:wrap;
}
.soon .blink{
width:10px;height:10px;border-radius:2px;background:var(--accent);
box-shadow:0 0 10px var(--glow);
animation:blink 1.1s steps(2,end) infinite;
}
@keyframes blink{50%{opacity:.25}}
.soon .label{
font-family:var(--mono);font-size:11px;letter-spacing:.25em;text-transform:uppercase;
color:var(--accent);font-weight:700;
}
.soon .msg{color:var(--txt);opacity:.9;font-size:15px}
/* ---------- Footer ---------- */
footer{
margin-top:64px;padding:22px 0 0;border-top:1px solid var(--line);
display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;
color:var(--dim);font-family:var(--mono);
font-size:11.5px;letter-spacing:.15em;text-transform:uppercase;
}
footer a{color:var(--accent);text-decoration:none;border-bottom:1px dotted var(--accent)}
footer a:hover{opacity:.7}
footer .wm .g{color:var(--accent)}
@media (max-width:600px){
body{padding:0 16px 60px}
.theme-toggle{top:12px;right:12px;padding:6px 10px}
.col li{grid-template-columns:1fr;gap:2px}
}
</style>
</head>
<body>
<button class="theme-toggle" type="button" id="themeToggle" aria-label="Toggle theme">◐ Theme</button>
<div class="wrap">
<header class="hero">
<span class="kicker">
<!-- Stylized "D" mark — DigiByte's identity is the deep-blue-hex Rubik shape;
this is a simple geometric stand-in so the page stays self-contained. -->
<svg class="dmark" viewBox="0 0 32 32" fill="none" aria-hidden="true">
<polygon points="16,2 30,10 30,22 16,30 2,22 2,10" fill="var(--dgb-blue)"/>
<text x="16" y="21" text-anchor="middle" font-family="system-ui" font-weight="900" font-size="14" fill="#fff">D</text>
</svg>
Since 2014 · Community-run
</span>
<h1 class="wordmark">Digi<span class="byte">Byte</span></h1>
<p class="tag">No <b>ICO</b>. No <b>company</b>. No <b>VCs</b>. Just the chain.</p>
</header>
<section>
<h2>What it is</h2>
<p class="lede">
DigiByte is a proof-of-work chain that launched in January 2014 with <b>no premine, no ICO, no founder allocation</b> — and is still run by the community that showed up, not by a company that owns it.
</p>
<div class="body">
<p>Where Bitcoin picked a 10-minute block target for a settlement layer, DigiByte picked 15 seconds for a payments layer. Where Bitcoin picked one hash function, DigiByte picked five — so no single class of miner (ASIC, GPU, CPU) can dominate the chain, and no algo failure takes it down.</p>
<p>It has run continuously since 2014 without a foundation, a treasury, or a corporate address. If that sounds unremarkable, look at how few chains that describes.</p>
</div>
<div class="stats">
<div class="stat"><div class="n">15 s</div><div class="l">Block target</div></div>
<div class="stat"><div class="n">5</div><div class="l">Mining algorithms</div></div>
<div class="stat"><div class="n">21 B</div><div class="l">Max supply</div></div>
<div class="stat"><div class="n">0</div><div class="l">Premine · ICO · VCs</div></div>
</div>
</section>
<section>
<h2>What you can build on it</h2>
<p class="lede">
<b>DigiAssets</b> — a Layer-2 asset issuance protocol on top of DigiByte. Issue tokens, NFTs, identity attestations, receipts, and event-tickets that inherit DigiByte's multi-algo security.
</p>
<div class="body">
<p>DigiID is the companion — password-less authentication signed by a DigiByte key, no server-side account database to breach. Both have been live for years, with reference implementations and open specifications.</p>
<p>Everything settles on the base chain. No sidechain, no rollup, no bridge — same design ethos as the Bitcoin Cash side of this registry.</p>
</div>
</section>
<section class="siblings">
<h2>Sister chains</h2>
<p class="lede">
DigiByte and Bitcoin Cash both keep money on the base chain. Different specialisations, same conviction that <b>the chain enforces, not a server</b>.
</p>
<div class="compare">
<div class="col dgb">
<div class="col-h"><span class="swatch" aria-hidden="true"></span>DigiByte</div>
<ul>
<li><span class="k">Launched</span><span class="v">January 2014</span></li>
<li><span class="k">Block time</span><span class="v">15 seconds</span></li>
<li><span class="k">Mining</span><span class="v">5 algorithms (multi-PoW)</span></li>
<li><span class="k">Supply cap</span><span class="v">21 billion</span></li>
<li><span class="k">Assets</span><span class="v">DigiAssets · Layer 2</span></li>
<li><span class="k">Foundation · premine</span><span class="v">None · none</span></li>
</ul>
</div>
<div class="col bch">
<div class="col-h"><span class="swatch" aria-hidden="true"></span>Bitcoin Cash</div>
<ul>
<li><span class="k">Launched</span><span class="v">August 2017 (fork at 478,558)</span></li>
<li><span class="k">Block time</span><span class="v">10 minutes</span></li>
<li><span class="k">Mining</span><span class="v">SHA-256</span></li>
<li><span class="k">Supply cap</span><span class="v">21 million</span></li>
<li><span class="k">Assets</span><span class="v">CashTokens · Layer 1 (2023)</span></li>
<li><span class="k">Foundation · premine</span><span class="v">None · none</span></li>
</ul>
</div>
</div>
<p class="compare-note">Read the sister page at <a href="https://navigate.st/bns/bitcoincash.x/">bitcoincash.x</a>.</p>
</section>
<section class="community">
<h2>Community</h2>
<div class="soon" role="status">
<span class="blink" aria-hidden="true"></span>
<span class="label">Coming soon</span>
<span class="msg">Curated Telegram / Discord / Reddit links land here — added deliberately after verification.</span>
</div>
</section>
<footer>
<span class="wm">digibyte<span class="g">.x</span> · on the Bitcoin Cash name registry</span>
<span>A <a href="https://silentmode.st/">Silent Mode</a> project</span>
</footer>
</div>
<script>
(function(){
var root=document.documentElement,btn=document.getElementById('themeToggle');
var saved=null;try{saved=localStorage.getItem('dgbx-theme')}catch(e){}
if(!saved){saved=window.matchMedia&&window.matchMedia('(prefers-color-scheme: light)').matches?'light':'dark';}
root.setAttribute('data-theme',saved);
btn.addEventListener('click',function(){
var t=root.getAttribute('data-theme')==='dark'?'light':'dark';
root.setAttribute('data-theme',t);
try{localStorage.setItem('dgbx-theme',t)}catch(e){}
});
})();
</script>
</body>
</html>