hernani/koopa-admin-log
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

bank landing: mini GOA samples near merchant area

Browse source 
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
1 changed files with 29 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

40
configs/bank-landing/index.html
View file

@ -473,9 +473,12 @@
display: grid; display: grid;
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
gap: 0.5rem; gap: 0.5rem;
max-width: 22rem;
margin: 0 auto;
} }
@media (min-width: 420px) { .shop-box.shop-mini {
.shop-grid { grid-template-columns: 1fr 1fr 1fr; } margin: 0 0 1rem;
padding: 0.85rem 0.9rem 0.95rem;
} }
.shop-item { .shop-item {
background: rgba(0, 0, 0, 0.28); background: rgba(0, 0, 0, 0.28);
@ -535,7 +538,6 @@
</p> </p>
</header> </header>
<!-- ========== LIVE STATS ========== --> <!-- ========== LIVE STATS ========== -->
<section class="stats" id="stats" aria-labelledby="stats-title" hidden> <section class="stats" id="stats" aria-labelledby="stats-title" hidden>
<h2 id="stats-title">GOA flow</h2> <h2 id="stats-title">GOA flow</h2>
@ -697,15 +699,12 @@
</div> </div>
</section> </section>
<!-- ========== Optional bank UI ========== --> <!-- ========== Optional bank UI + mini GOA shop teaser ========== -->
<div class="more-section"> <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"> <div class="more-card">
<h2>Own bank account or shop?</h2> <h2>Own bank account?</h2>
<p> <p>Register in the bank UI for your own balance.</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>
<div class="more-qr"> <div class="more-qr">
<div class="qr-box"> <div class="qr-box">
<div id="qr-webui"></div> <div id="qr-webui"></div>
@ -714,9 +713,28 @@
</div> </div>
<div class="more-actions"> <div class="more-actions">
<a class="cta-sec" href="/webui/">Open bank UI →</a> <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>
</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> </div>
<footer> <footer>