bank landing: mini GOA samples near merchant area

Two sample items at the bottom; link “for more” to taler.hacktivism.ch.
This commit is contained in:
Hernâni Marques 2026-07-10 19:38:00 +02:00
parent ae521b5524
commit 5683e9dc36
No known key found for this signature in database

View file

@ -473,9 +473,12 @@
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0.5rem;
max-width: 22rem;
margin: 0 auto;
}
@media (min-width: 420px) {
.shop-grid { grid-template-columns: 1fr 1fr 1fr; }
.shop-box.shop-mini {
margin: 0 0 1rem;
padding: 0.85rem 0.9rem 0.95rem;
}
.shop-item {
background: rgba(0, 0, 0, 0.28);
@ -535,7 +538,6 @@
</p>
</header>
<!-- ========== LIVE STATS ========== -->
<section class="stats" id="stats" aria-labelledby="stats-title" hidden>
<h2 id="stats-title">GOA flow</h2>
@ -697,15 +699,12 @@
</div>
</section>
<!-- ========== Optional bank UI ========== -->
<!-- ========== Optional bank UI + mini GOA shop teaser ========== -->
<div class="more-section">
<span class="more-label">Optional · bank UI &amp; merchant</span>
<span class="more-label">Optional · bank UI &amp; GOA shop</span>
<div class="more-card">
<h2>Own bank account or shop?</h2>
<p>
Register in the bank UI for your own balance, or set up a shop at
<a href="https://taler.hacktivism.ch/" style="color:#f0c86a">taler.hacktivism.ch</a>.
</p>
<h2>Own bank account?</h2>
<p>Register in the bank UI for your own balance.</p>
<div class="more-qr">
<div class="qr-box">
<div id="qr-webui"></div>
@ -714,9 +713,28 @@
</div>
<div class="more-actions">
<a class="cta-sec" href="/webui/">Open bank UI →</a>
<a class="cta-sec merchant" href="https://taler.hacktivism.ch/">Merchant backend →</a>
</div>
</div>
<aside class="shop-box shop-mini" aria-labelledby="shop-title" style="margin-top:1rem">
<h2 id="shop-title">GOA shop · samples</h2>
<p class="shop-lead">Example items at the merchant</p>
<div class="shop-grid">
<div class="shop-item">
<span class="emoji" aria-hidden="true">🪐</span>
<span class="name">Orbit sticker pack</span>
<span class="price">GOA:2</span>
</div>
<div class="shop-item">
<span class="emoji" aria-hidden="true"></span>
<span class="name">Nebula coffee</span>
<span class="price">GOA:5</span>
</div>
</div>
<p class="shop-foot">
<a href="https://taler.hacktivism.ch/intro/">For more → taler.hacktivism.ch</a>
</p>
</aside>
</div>
<footer>