From 5af039ca03b08e80b4af497558e90cbaa812038d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Hern=C3=A2ni=20Marques?= Date: Fri, 10 Jul 2026 18:05:00 +0200 Subject: [PATCH] bank landing: one-step withdraw-exchange + Android/iOS links Short intro; wallet install; single taler://withdraw-exchange QR. --- configs/bank-landing/README.md | 26 ++-- configs/bank-landing/index.html | 215 +++++++++++++------------------- 2 files changed, 96 insertions(+), 145 deletions(-) diff --git a/configs/bank-landing/README.md b/configs/bank-landing/README.md index 34fbace..3b4f960 100644 --- a/configs/bank-landing/README.md +++ b/configs/bank-landing/README.md @@ -13,33 +13,25 @@ open your own bank account, and point merchants at `taler.hacktivism.ch`. ## User flow (documented on the page) -### Two steps (only path) +Same **one-step** pattern as [taler-ops.ch Android/iOS guides](https://taler-ops.ch/en/users-android.html): -1. **`taler://add-exchange/exchange.hacktivism.ch/`** — add exchange, accept ToS. -2. **Demo withdraw URI** from `withdraw.uri` — bank-integrated withdraw (default `GOA:10`). +1. **Install wallet** — Android (Play Store / F-Droid) and iOS (App Store), plus hub `wallet.taler.net`. +2. **One QR / link** — `taler://withdraw-exchange/exchange.hacktivism.ch/` + Adds the GOA exchange **and** starts withdrawal (accept ToS → enter amount). -If the demo withdraw is already **confirmed/aborted**, the page points at the bank UI instead. +The old two-step path (`taler://add-exchange/…` + demo `taler://withdraw/…` from `withdraw.uri`) is **removed** from the landing. + +Optional: bank UI (`/webui/`) and merchant (`taler.hacktivism.ch`) stay further down. ### CLI sketch (fresh wallet DB) ```bash +# equivalent one-step in CLI terms: taler-wallet-cli exchanges add https://exchange.hacktivism.ch/ taler-wallet-cli exchanges accept-tos https://exchange.hacktivism.ch/ -taler-wallet-cli withdraw accept-uri --exchange https://exchange.hacktivism.ch/ 'taler://withdraw/…' -# then bank confirm (demo often auto-confirms) + run-until-done +# then withdraw from the exchange (amount chosen in wallet UI) ``` -### URI note (`:443`) - -libeufin may emit: - -```text -taler://withdraw/bank.hacktivism.ch:443/taler-integration/ -``` - -Explicit default HTTPS port. Valid for wallets; the landing page **strips `:443`** for -QR / open links when the host is the public bank name. Both forms work. - --- ## Live stats (in bank container) diff --git a/configs/bank-landing/index.html b/configs/bank-landing/index.html index 6ecbf53..7c5a35f 100644 --- a/configs/bank-landing/index.html +++ b/configs/bank-landing/index.html @@ -66,7 +66,7 @@ .sub { color: var(--muted); margin: 0 auto; - max-width: 28rem; + max-width: 30rem; font-size: 1.05rem; line-height: 1.45; } @@ -83,7 +83,6 @@ letter-spacing: 0.04em; } - /* Big step cards */ .step-card { background: var(--card); backdrop-filter: blur(12px); @@ -168,7 +167,9 @@ font-size: 0.85rem; color: #3a342c; font-weight: 700; - max-width: 220px; + max-width: 240px; + margin-left: auto; + margin-right: auto; } .cta { display: inline-block; @@ -196,15 +197,6 @@ text-align: center; max-width: 100%; } - #status { - min-height: 1.1em; - font-size: 0.85rem; - color: var(--muted); - margin: 0.4rem 0 0; - text-align: center; - } - #status.err { color: #f0a090; } - #status.ok { color: var(--accent2); } code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.86em; @@ -214,7 +206,42 @@ color: #f0d090; } - /* Distinct “more options” section further down */ + /* App store buttons */ + .app-links { + display: flex; + flex-wrap: wrap; + gap: 0.55rem; + justify-content: center; + width: 100%; + } + .app-btn { + display: inline-flex; + align-items: center; + justify-content: center; + gap: 0.4rem; + min-width: 9.5rem; + text-decoration: none; + font-weight: 700; + font-size: 0.92rem; + padding: 0.65rem 0.95rem; + border-radius: 11px; + border: 1px solid rgba(232, 168, 56, 0.4); + background: rgba(0, 0, 0, 0.28); + color: #f0d090; + } + .app-btn:hover { filter: brightness(1.08); border-color: rgba(240, 200, 106, 0.7); } + .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.85rem; + } + .more-section { margin-top: 2.75rem; padding-top: 1.75rem; @@ -285,7 +312,6 @@ transform-origin: center top; opacity: 0.95; } - /* Live stats (written by in-container landing-stats.sh → stats.json) */ .stats { background: rgba(18, 28, 28, 0.55); border: 1px solid rgba(62, 207, 191, 0.28); @@ -335,7 +361,6 @@ text-align: center; } .stat .v.teal { color: #5eead4; } - .stat .v.muted { color: var(--muted); font-size: 0.92rem; font-weight: 600; } .stat.wide { grid-column: 1 / -1; } .wd-list { list-style: none; @@ -391,14 +416,14 @@
- Intergalactic · GOA · no IBAN + Exploration · GOA

GOA Exploration Bank

- Two steps to put GOA in your GNU Taler wallet. + Install the wallet, then one QR adds the exchange and starts a withdraw.

- + - +
-

1 Add the exchange

-

Tell the wallet where GOA coins come from.

+

1 Get the wallet

+

Android or iOS

-
    -
  1. Install the GNU Taler Wallet (phone app or browser extension).
    2. -
  2. Scan the QR with the wallet, or tap the button.
    3. -
  3. Confirm / trust exchange.hacktivism.ch.
    4. -
-
-
-
Add exchange in wallet
+
+ + Android · Play Store + + + Android · F-Droid + + + iOS · App Store + + + All platforms · wallet.taler.net +
- - Open in wallet app → - -

taler://add-exchange/exchange.hacktivism.ch/

- +
-

2 Get the money

-

Withdraw GOA into the wallet you just set up.

+

2 Withdraw GOA

+

One-step: add exchange + withdraw

-
    -
  1. Scan this second QR with the same wallet.
    2. -
  2. Default amount is GOA:10 — confirm in the wallet.
    3. -
  3. If the wallet waits on a bank transfer: leave it open a moment — demo withdrawals are auto-confirmed.
    4. -
-
-
Withdraw GOA:10
+
+
Scan or open in wallet
- Open withdraw in wallet → -

Preparing withdraw QR…

- + + Open in wallet → + +

taler://withdraw-exchange/exchange.hacktivism.ch/

- +
- Optional · own bank account + Optional · bank UI & merchant
-

Need your own balance or merchant setup?

+

Own bank account or shop?

- The two steps above use a demo withdraw prepared by the bank. - For your own GOA balance, repeated withdraws, or receiving payments as a merchant, - create an account: + Register in the bank UI for your own balance, or set up a shop at + taler.hacktivism.ch.

-
    -
  1. Register in the bank UI (username + password).
    2. -
  2. Get a credit (transfer / ops) — new accounts start at GOA:0.
    3. -
  3. Log in → Withdraw (wallet still needs the exchange from step 1).
    4. -
  4. To accept payments: set up a shop at - taler.hacktivism.ch.
    5. -
@@ -548,7 +571,7 @@
- Open bank UI (register / login) → + Open bank UI → Merchant backend →
@@ -572,17 +595,8 @@