merchant landing: wallet app links + bank/exchange pointers

Short dual-currency hero; Android/iOS links; SPA links unchanged.
This commit is contained in:
Hernâni Marques 2026-07-10 18:21:00 +02:00
parent b42fcf5abc
commit 76cd36dcfc
No known key found for this signature in database

View file

@ -178,6 +178,22 @@
font-size: 1.2rem; font-weight: 800; margin: 0 0 0.4rem; text-align: center; font-size: 1.2rem; font-weight: 800; margin: 0 0 0.4rem; text-align: center;
} }
.step-tagline { margin: 0 0 1rem; color: var(--muted); text-align: center; font-size: 0.95rem; } .step-tagline { margin: 0 0 1rem; color: var(--muted); text-align: center; font-size: 0.95rem; }
.app-links {
display: flex; flex-wrap: wrap; gap: 0.5rem; justify-content: center; width: 100%;
margin-bottom: 0.85rem;
}
.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(167, 139, 250, 0.45); background: rgba(0,0,0,0.28); color: #e9d5ff;
}
.app-btn.ios { border-color: rgba(94, 234, 212, 0.4); color: #b8f5ec; }
.app-btn.hub {
flex: 1 1 100%; border-color: rgba(184, 168, 201, 0.35); color: var(--muted);
font-weight: 600; font-size: 0.82rem;
}
.meta { font-size: 0.78rem; color: var(--muted); word-break: break-all; text-align: center; margin: 0.4rem 0 0.75rem; }
.links { display: flex; flex-direction: column; gap: 0.55rem; } .links { display: flex; flex-direction: column; gap: 0.55rem; }
.cta { .cta {
display: block; text-align: center; text-decoration: none; font-weight: 750; display: block; text-align: center; text-decoration: none; font-weight: 750;
@ -207,7 +223,7 @@
<span class="badge">Merchant · dual currency</span> <span class="badge">Merchant · dual currency</span>
<h1>GOA Merchant</h1> <h1>GOA Merchant</h1>
<p class="sub"> <p class="sub">
Accepts payments in <strong>GOA</strong> Payments in <strong>GOA</strong>
(<a href="https://taler.hacktivism.ch/terms" title="Terms: GOA explorational currency">explorational</a>) (<a href="https://taler.hacktivism.ch/terms" title="Terms: GOA explorational currency">explorational</a>)
and <strong>CHF</strong> and <strong>CHF</strong>
(<a href="https://taler.hacktivism.ch/terms" title="Terms: CHF via taler-ops">taler-ops</a>). (<a href="https://taler.hacktivism.ch/terms" title="Terms: CHF via taler-ops">taler-ops</a>).
@ -287,16 +303,29 @@
</ul> </ul>
</section> </section>
<section class="step-card">
<h2>Wallet</h2>
<p class="step-tagline">Android or iOS · GOA via bank/exchange one-step withdraw</p>
<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 class="links">
<a class="cta-sec" href="https://bank.hacktivism.ch/intro/">Bank →</a>
<a class="cta-sec" href="https://exchange.hacktivism.ch/intro/">Exchange →</a>
</div>
</section>
<section class="step-card"> <section class="step-card">
<h2>Merchant SPA</h2> <h2>Merchant SPA</h2>
<p class="step-tagline">Backend <code>taler.hacktivism.ch</code> · GOA + CHF</p> <p class="step-tagline"><code>taler.hacktivism.ch</code> · GOA + CHF</p>
<div class="links"> <div class="links">
<a class="cta teal" href="https://taler.hacktivism.ch/webui/">Open /webui/ →</a> <a class="cta teal" href="https://taler.hacktivism.ch/webui/">Open /webui/ →</a>
<a class="cta-sec" href="https://taler.hacktivism.ch/config">/config</a> <a class="cta-sec" href="https://taler.hacktivism.ch/config">/config</a>
<a class="cta-sec" href="https://taler.hacktivism.ch/terms">/terms</a> <a class="cta-sec" href="https://taler.hacktivism.ch/terms">/terms</a>
<a class="cta-sec" href="https://taler.hacktivism.ch/privacy">/privacy</a> <a class="cta-sec" href="https://taler.hacktivism.ch/privacy">/privacy</a>
<a class="cta-sec" href="https://bank.hacktivism.ch/intro/">Bank (GOA withdraw)</a>
<a class="cta-sec" href="https://exchange.hacktivism.ch/intro/">Exchange</a>
</div> </div>
</section> </section>