diff --git a/configs/bank-landing/README.md b/configs/bank-landing/README.md index 0f13452..248ac69 100644 --- a/configs/bank-landing/README.md +++ b/configs/bank-landing/README.md @@ -17,13 +17,14 @@ point merchants at `taler.hacktivism.ch`. ## Page layout (top → bottom) 1. Hero (badge, short shared-account line) -2. **Get the wallet** — Play / F-Droid / iOS / web hub (Chrome · Firefox · Opera · Ubuntu Touch; gold+blue icons, [taler.net wallet](https://www.taler.net/de/wallet.html)) -3. **Withdraw GOA** — QR_Taler frame (blue ring + logo), open CTA, live pool balance note -4. **How the shared account works** — collapsed fold (click to expand) -5. **Optional · bank UI & GOA shop** — collapsed fold: auto-create account + credentials + QR_Taler for bank UI; mini shop -6. **GOA flow** stats -7. **Performance** -8. Footer +2. **Get the wallet** — Play / F-Droid / iOS / web hub (Chrome · Firefox · Opera · Ubuntu Touch; solid blue icons, [taler.net wallet](https://www.taler.net/de/wallet.html)) +3. **Withdraw GOA** — compact QR_Taler, open CTA, live pool balance note, generate-own-account link +4. **GOA shop · samples** — always visible (2 products + merchant link) +5. **How the shared account works** — collapsed fold (click to expand) +6. **Optional · own bank account** — collapsed fold: auto-create account + credentials + QR_Taler for bank UI +7. **GOA flow** stats +8. **Performance** +9. Footer ## User flow (documented on the page) diff --git a/configs/bank-landing/index.html b/configs/bank-landing/index.html index 719d0fa..eda1550 100644 --- a/configs/bank-landing/index.html +++ b/configs/bank-landing/index.html @@ -163,6 +163,63 @@ } .step-card.step-money { border-color: rgba(62, 207, 191, 0.4); + padding: 1rem 1.05rem 1.05rem; + margin-bottom: 1rem; + } + .step-card.step-money h2 { + font-size: 1.15rem; + margin: 0 0 0.15rem; + } + .step-card.step-money .step-num { + width: 1.75rem; + height: 1.75rem; + font-size: 1rem; + margin-right: 0.4rem; + } + .step-card.step-money .step-tagline { + margin: 0 0 0.65rem; + font-size: 0.88rem; + } + .step-card.step-money .step-body { + gap: 0.5rem; + } + .step-card.step-money .qr-taler-wrap { + max-width: 200px; + } + .step-card.step-money .qr-taler-wrap .goa-pay-taler-qr { + margin-bottom: 0.3rem; + max-width: 200px; + padding: 7px; + border-radius: 16px; + } + .step-card.step-money .goa-pay-taler-qr__inner { + padding: 7px; + border-radius: 14px; + min-height: 0; + } + .step-card.step-money .qr-label { + margin-top: 0; + font-size: 0.78rem; + } + .step-card.step-money .cta { + font-size: 0.92rem; + padding: 0.55rem 1.05rem; + border-radius: 10px; + } + .step-card.step-money a.meta-uri { + margin: 0.1rem 0 0; + font-size: 0.68rem; + max-width: 20rem; + } + .step-card.step-money .balance-note { + margin: 0.35rem 0 0; + padding: 0.4rem 0.55rem; + font-size: 0.76rem; + line-height: 1.35; + } + .step-card.step-money button.gen-own-acct { + margin-top: 0.05rem; + font-size: 0.76rem; } .step-num { display: inline-flex; @@ -825,10 +882,10 @@ - +

2 Withdraw GOA

-

One QR · shared account · no registration

+

One QR · shared pool · no registration

@@ -852,6 +909,27 @@
+ + +
- +
- - @@ -1071,10 +1129,10 @@ }; imgEl.style.display = ""; } - function makeQr(el, text, logoEl) { + function makeQr(el, text, logoEl, sizeOpt) { if (!el) return; el.innerHTML = ""; - var size = 220; + var size = sizeOpt || 220; if (!text) { el.innerHTML = '

'; return; @@ -1158,7 +1216,8 @@ makeQr( document.getElementById("qr-withdraw-demo"), uri, - document.getElementById("qr-withdraw-demo-logo") + document.getElementById("qr-withdraw-demo-logo"), + 176 ); }