exchange landing: one-step withdraw-exchange + Android/iOS links
Short hero; wallet apps; single withdraw-exchange QR.
This commit is contained in:
parent
5af039ca03
commit
b42fcf5abc
1 changed files with 37 additions and 8 deletions
|
|
@ -103,6 +103,22 @@
|
||||||
border: 1px solid rgba(62, 207, 191, 0.4); padding: 0.55rem; border-radius: 10px; font-weight: 600;
|
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; }
|
.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 { margin-top: 1.75rem; text-align: center; color: var(--muted); font-size: 0.85rem; }
|
||||||
footer a { color: #e8c878; }
|
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; }
|
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">
|
<header class="hero">
|
||||||
<span class="badge">GOA · Exchange</span>
|
<span class="badge">GOA · Exchange</span>
|
||||||
<h1>GOA Exchange</h1>
|
<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>
|
</header>
|
||||||
|
|
||||||
<section class="stats" id="stats-coins" aria-labelledby="coins-title">
|
<section class="stats" id="stats-coins" aria-labelledby="coins-title">
|
||||||
|
|
@ -187,17 +203,30 @@
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="step-card">
|
<section class="step-card">
|
||||||
<h2>Add the exchange</h2>
|
<h2>Get the wallet</h2>
|
||||||
<p class="step-tagline">Trust <code>exchange.hacktivism.ch</code></p>
|
<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="step-body">
|
||||||
<div class="qr-box">
|
<div class="qr-box">
|
||||||
<div id="qr-exchange"></div>
|
<div id="qr-exchange"></div>
|
||||||
<div class="qr-label">Add exchange</div>
|
<div class="qr-label">Scan or open in wallet</div>
|
||||||
</div>
|
</div>
|
||||||
<a class="cta" href="taler://add-exchange/exchange.hacktivism.ch/">Open in wallet →</a>
|
<a class="cta teal" href="taler://withdraw-exchange/exchange.hacktivism.ch/">Open in wallet →</a>
|
||||||
<p class="meta">taler://add-exchange/exchange.hacktivism.ch/</p>
|
<p class="meta">taler://withdraw-exchange/exchange.hacktivism.ch/</p>
|
||||||
<div class="links">
|
<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/keys">/keys</a>
|
||||||
<a class="cta-sec" href="https://exchange.hacktivism.ch/terms">/terms</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>
|
<a class="cta-sec" href="https://exchange.hacktivism.ch/privacy">/privacy</a>
|
||||||
|
|
@ -343,7 +372,7 @@
|
||||||
var el = document.getElementById("qr-exchange");
|
var el = document.getElementById("qr-exchange");
|
||||||
if (el && typeof QRCode !== "undefined") {
|
if (el && typeof QRCode !== "undefined") {
|
||||||
new QRCode(el, {
|
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
|
width: 220, height: 220, correctLevel: QRCode.CorrectLevel.M
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue