exchange landing: one-step withdraw-exchange + Android/iOS links

Short hero; wallet apps; single withdraw-exchange QR.
This commit is contained in:
Hernâni Marques 2026-07-10 18:13:00 +02:00
parent 5af039ca03
commit b42fcf5abc
No known key found for this signature in database

View file

@ -103,6 +103,22 @@
border: 1px solid rgba(62, 207, 191, 0.4); padding: 0.55rem; border-radius: 10px; font-weight: 600;
}
.meta { font-size: 0.78rem; color: var(--muted); word-break: break-all; text-align: center; }
.app-links {
display: flex; flex-wrap: wrap; gap: 0.5rem; justify-content: center; width: 100%;
}
.app-btn {
display: inline-flex; align-items: center; justify-content: center;
min-width: 9rem; text-decoration: none; font-weight: 700; font-size: 0.88rem;
padding: 0.55rem 0.85rem; border-radius: 10px;
border: 1px solid rgba(232, 168, 56, 0.4); background: rgba(0,0,0,0.28); color: #f0d090;
}
.app-btn.ios { border-color: rgba(62, 207, 191, 0.4); color: #b8f5ec; }
.app-btn.hub {
flex: 1 1 100%; border-color: rgba(201, 184, 160, 0.35); color: var(--muted);
font-weight: 600; font-size: 0.82rem;
}
.step-body ol { margin: 0; padding-left: 1.2rem; width: 100%; align-self: stretch; color: var(--muted); }
.step-body li { margin: 0.35rem 0; }
footer { margin-top: 1.75rem; text-align: center; color: var(--muted); font-size: 0.85rem; }
footer a { color: #e8c878; }
code { font-family: ui-monospace, Menlo, monospace; font-size: 0.86em; background: rgba(0,0,0,0.35); padding: 0.1em 0.35em; border-radius: 4px; color: #f0d090; }
@ -114,7 +130,7 @@
<header class="hero">
<span class="badge">GOA · Exchange</span>
<h1>GOA Exchange</h1>
<p class="sub">Explorational intergalactic exchange — <strong>coins</strong>, denominations, withdraw / refresh / deposit.</p>
<p class="sub">Explorational exchange — coins, denoms, one-step withdraw.</p>
</header>
<section class="stats" id="stats-coins" aria-labelledby="coins-title">
@ -187,17 +203,30 @@
</section>
<section class="step-card">
<h2>Add the exchange</h2>
<p class="step-tagline">Trust <code>exchange.hacktivism.ch</code></p>
<h2>Get the wallet</h2>
<p class="step-tagline">Android or iOS</p>
<div class="step-body">
<div class="app-links">
<a class="app-btn" href="https://play.google.com/store/apps/details?id=net.taler.wallet" target="_blank" rel="noopener noreferrer">Android · Play Store</a>
<a class="app-btn" href="https://f-droid.org/en/packages/net.taler.wallet.fdroid/" target="_blank" rel="noopener noreferrer">Android · F-Droid</a>
<a class="app-btn ios" href="https://apps.apple.com/app/taler-wallet/id6463440117" target="_blank" rel="noopener noreferrer">iOS · App Store</a>
<a class="app-btn hub" href="https://wallet.taler.net/" target="_blank" rel="noopener noreferrer">All platforms · wallet.taler.net</a>
</div>
</div>
</section>
<section class="step-card">
<h2>Withdraw GOA</h2>
<p class="step-tagline">One-step: add exchange + withdraw</p>
<div class="step-body">
<div class="qr-box">
<div id="qr-exchange"></div>
<div class="qr-label">Add exchange</div>
<div class="qr-label">Scan or open in wallet</div>
</div>
<a class="cta" href="taler://add-exchange/exchange.hacktivism.ch/">Open in wallet →</a>
<p class="meta">taler://add-exchange/exchange.hacktivism.ch/</p>
<a class="cta teal" href="taler://withdraw-exchange/exchange.hacktivism.ch/">Open in wallet →</a>
<p class="meta">taler://withdraw-exchange/exchange.hacktivism.ch/</p>
<div class="links">
<a class="cta teal" href="https://bank.hacktivism.ch/intro/">Withdraw GOA at bank →</a>
<a class="cta-sec" href="https://bank.hacktivism.ch/intro/">Bank →</a>
<a class="cta-sec" href="https://exchange.hacktivism.ch/keys">/keys</a>
<a class="cta-sec" href="https://exchange.hacktivism.ch/terms">/terms</a>
<a class="cta-sec" href="https://exchange.hacktivism.ch/privacy">/privacy</a>
@ -343,7 +372,7 @@
var el = document.getElementById("qr-exchange");
if (el && typeof QRCode !== "undefined") {
new QRCode(el, {
text: "taler://add-exchange/exchange.hacktivism.ch/",
text: "taler://withdraw-exchange/exchange.hacktivism.ch/",
width: 220, height: 220, correctLevel: QRCode.CorrectLevel.M
});
}