[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]
[taler-taler-ops-www] 02/02: new users
From: |
gnunet |
Subject: |
[taler-taler-ops-www] 02/02: new users |
Date: |
Sun, 25 Feb 2024 10:51:30 +0100 |
This is an automated email from the git hooks/post-receive script.
nora pushed a commit to branch master
in repository taler-ops-www.
commit 7e5a6f76e85622ca3539e91cd0aaca8d1f60c41f
Author: Nullptrderef <nullptrderef@national.shitposting.agency>
AuthorDate: Sun Feb 25 10:51:24 2024 +0100
new users
---
locale/de/LC_MESSAGES/messages.po | 126 +++----
locale/en/LC_MESSAGES/messages.po | 120 ++++---
locale/fr/LC_MESSAGES/messages.po | 120 ++++---
locale/messages.pot | 119 ++++---
static/js/toggle.ts | 2 +-
static/scss/pages/_faq-util.scss | 37 ++
static/scss/pages/users.scss | 17 +-
template/users.html.j2 | 685 ++++++++++++++++++--------------------
8 files changed, 620 insertions(+), 606 deletions(-)
diff --git a/locale/de/LC_MESSAGES/messages.po
b/locale/de/LC_MESSAGES/messages.po
index 07197ec..bb0c089 100644
--- a/locale/de/LC_MESSAGES/messages.po
+++ b/locale/de/LC_MESSAGES/messages.po
@@ -7,7 +7,7 @@ msgid ""
msgstr ""
"Project-Id-Version: PROJECT VERSION\n"
"Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
-"POT-Creation-Date: 2024-02-25 10:05+0100\n"
+"POT-Creation-Date: 2024-02-25 10:51+0100\n"
"PO-Revision-Date: 2024-02-24 20:06+0000\n"
"Last-Translator: Stefan Kügel <skuegel@web.de>\n"
"Language-Team: German <https://weblate.taler.net/projects/taler-ops/website/"
@@ -206,7 +206,7 @@ msgstr "Für Händler"
msgid "Describes how merchants can use Taler."
msgstr ""
-#: template/merchants.html.j2:15 template/users.html.j2:98
+#: template/merchants.html.j2:15 template/users.html.j2:95
#, fuzzy
#| msgid "<span>Prerequisites</span>"
msgid "Prerequisites"
@@ -400,176 +400,180 @@ msgstr "Für Kunden"
msgid "Describes how to use taler"
msgstr ""
-#: template/users.html.j2:102
-msgid "What do I need to use Taler for payments?"
-msgstr "Was braucht man zur Nutzung?"
+#: template/users.html.j2:97
+msgid "Here's what you need to get started paying with Taler:"
+msgstr ""
-#: template/users.html.j2:108
+#: template/users.html.j2:102
#, fuzzy
#| msgid "<b>SWISS BANK ACCOUNT</b> with an IBAN beginning with CH**"
-msgid "<b>Swiss bank account</b> with an IBAN beginning with \"CH\""
+msgid "<b>Swiss bank account</b> with an IBAN beginning with \"CH\";"
msgstr "<b>SCHWEIZER BANKKONTO</b> bei einer Bank, deren IBAN mit CH** beginnt"
-#: template/users.html.j2:112
+#: template/users.html.j2:106
msgid ""
-"<b>Mobile phone number</b> beginning with \"+41\" to receive P2P payments"
+"<b>Mobile phone number</b> beginning with \"+41\" to receive P2P payments, "
+"and;"
msgstr ""
-#: template/users.html.j2:116
+#: template/users.html.j2:110
#, fuzzy
#| msgid "Installation guide for users"
msgid "Installation of a"
msgstr "Installationsanleitung für Kunden"
-#: template/users.html.j2:121
+#: template/users.html.j2:115
#, fuzzy
#| msgid "Install Wallet"
-msgid "Taler wallet"
+msgid "Taler wallet."
msgstr "Installation"
-#: template/users.html.j2:133 template/users.html.j2:165
-#: template/users.html.j2:193 template/users.html.j2:241
-#: template/users.html.j2:286 template/users.html.j2:316
-#: template/users.html.j2:346 template/users.html.j2:377
-#: template/users.html.j2:424
+#: template/users.html.j2:126 template/users.html.j2:158
+#: template/users.html.j2:186 template/users.html.j2:234
+#: template/users.html.j2:279 template/users.html.j2:308
+#: template/users.html.j2:336 template/users.html.j2:365
+#: template/users.html.j2:408
msgid "Step"
msgstr ""
-#: template/users.html.j2:134
-msgid "Select provider</span>"
+#: template/users.html.j2:129
+msgid "Select provider"
msgstr ""
-#: template/users.html.j2:137
+#: template/users.html.j2:133
msgid ""
-"Initially, you may need to add Taler Operations as a payment service "
-"provider. The easiest way to do so is to scan the QR code on the right, "
-"which will also initiate the withdrawal process."
+"If you haven't already, you may need to add Taler Operations as a payment "
+"service provider. The easiest way to do so is to scan the QR code on the "
+"right, which will also initiate the withdrawal process."
msgstr ""
-#: template/users.html.j2:143
+#: template/users.html.j2:139
msgid ""
"If you already have a payment service provider for the \"CHF\" currency, you "
"can also just click on the \"add\" button on the \"CHF balance\" screen."
msgstr ""
-#: template/users.html.j2:166
-msgid "Enter amount</span>"
+#: template/users.html.j2:161
+msgid "Enter amount"
msgstr ""
-#: template/users.html.j2:169
+#: template/users.html.j2:165
msgid "Enter the desired amount to be withdrawn."
msgstr ""
-#: template/users.html.j2:172
+#: template/users.html.j2:168
msgid "Afterwards, select \"Withdraw\" from my bank account."
msgstr ""
-#: template/users.html.j2:194
-msgid "Accept terms</span>"
+#: template/users.html.j2:189
+msgid "Accept terms"
msgstr ""
-#: template/users.html.j2:197
+#: template/users.html.j2:193
msgid "Please read the Terms of Service and accept them."
msgstr ""
"Bitte lesen Sie die Allgemeinen Geschäftsbedingungen (AGB) und bestätigen "
"diese (einmalig bei der ersten Abhebung bei einem Systembetreiber und im "
"Fall von AGB-Änderungen)."
-#: template/users.html.j2:201
+#: template/users.html.j2:197
msgid ""
"You will only need to do so the first time, or when the terms have been "
"updated."
msgstr ""
-#: template/users.html.j2:242
-msgid "Review</span>"
+#: template/users.html.j2:237
+msgid "Review Operation"
msgstr ""
-#: template/users.html.j2:244
+#: template/users.html.j2:240
msgid "Review and confirm the operation."
msgstr ""
-#: template/users.html.j2:246
+#: template/users.html.j2:242
msgid "Depending on the payment service provider, you may be shown fees."
msgstr ""
-#: template/users.html.j2:287
-msgid "Wire transfer</span>"
+#: template/users.html.j2:282
+msgid "Wire Transfer"
msgstr ""
-#: template/users.html.j2:290
+#: template/users.html.j2:286
msgid ""
"The wallet will show you the subject, target account and amount to transfer."
msgstr ""
-#: template/users.html.j2:294
+#: template/users.html.j2:290
msgid ""
"Copy the information into your online banking application and wire the funds "
"to the payment service provider."
msgstr ""
-#: template/users.html.j2:317
-msgid "Wait!</span>"
+#: template/users.html.j2:310
+msgid "Wait!"
msgstr ""
-#: template/users.html.j2:320
+#: template/users.html.j2:313
msgid ""
"The wallet will automatically receive the digital cash once your wire "
"transfer has arrived at the payment service provider."
msgstr ""
-#: template/users.html.j2:325
+#: template/users.html.j2:318
msgid ""
"Depending on your bank, this may take a few days. You do not need to keep "
"the wallet open."
msgstr ""
-#: template/users.html.j2:347
-msgid "Shop</span>"
+#: template/users.html.j2:338
+msgid "Shop"
msgstr ""
-#: template/users.html.j2:350
+#: template/users.html.j2:341
msgid ""
"When shopping, the wallet may be launched automatically or you may need to "
"click a link, scan a QR code or even select the wallet extension manually "
"depending on the context."
msgstr ""
-#: template/users.html.j2:355
+#: template/users.html.j2:346
msgid ""
-"The QR code scanner button can also be held to manually enter a \"taler://\"-"
-"URI, for example if you received one via text message."
+"The QR code scanner button can also be held to manually enter a "
+"\"<code>taler://</code>-URI\", for example if you received one via text "
+"message."
msgstr ""
-#: template/users.html.j2:378
-msgid "Pay</span>"
+#: template/users.html.j2:367
+msgid "Pay"
msgstr ""
-#: template/users.html.j2:381
+#: template/users.html.j2:370
msgid ""
"The wallet will show you details about what you are buying, including the "
"price and applicable fees."
msgstr ""
-#: template/users.html.j2:385
+#: template/users.html.j2:373
msgid "Simply press \"Pay\" to make the payment."
msgstr ""
-#: template/users.html.j2:425
-msgid "Manage</span>"
+#: template/users.html.j2:410
+msgid "Manage"
msgstr ""
-#: template/users.html.j2:428
+#: template/users.html.j2:413
msgid "The wallet keeps track of your transaction history."
msgstr ""
-#: template/users.html.j2:432
+#: template/users.html.j2:417
msgid "You can delete transactions, erasing any trace that you were the buyer."
msgstr ""
-#: template/users.html.j2:458
-msgid "Frequently Asked Questions"
-msgstr "FAQs (Frequently Asked Questions)"
+#~ msgid "Frequently Asked Questions"
+#~ msgstr "FAQs (Frequently Asked Questions)"
+
+#~ msgid "What do I need to use Taler for payments?"
+#~ msgstr "Was braucht man zur Nutzung?"
#~ msgid "Costs for sending SMS to users"
#~ msgstr "Kosten für den Versand von SMS an Kunden"
diff --git a/locale/en/LC_MESSAGES/messages.po
b/locale/en/LC_MESSAGES/messages.po
index bfa0455..7d97a7d 100644
--- a/locale/en/LC_MESSAGES/messages.po
+++ b/locale/en/LC_MESSAGES/messages.po
@@ -8,7 +8,7 @@ msgid ""
msgstr ""
"Project-Id-Version: PROJECT VERSION\n"
"Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
-"POT-Creation-Date: 2024-02-25 10:05+0100\n"
+"POT-Creation-Date: 2024-02-25 10:51+0100\n"
"PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
"Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
"Language-Team: LANGUAGE <LL@li.org>\n"
@@ -176,7 +176,7 @@ msgstr ""
msgid "Describes how merchants can use Taler."
msgstr ""
-#: template/merchants.html.j2:15 template/users.html.j2:98
+#: template/merchants.html.j2:15 template/users.html.j2:95
msgid "Prerequisites"
msgstr ""
@@ -351,164 +351,162 @@ msgstr ""
msgid "Describes how to use taler"
msgstr ""
-#: template/users.html.j2:102
-msgid "What do I need to use Taler for payments?"
+#: template/users.html.j2:97
+msgid "Here's what you need to get started paying with Taler:"
msgstr ""
-#: template/users.html.j2:108
-msgid "<b>Swiss bank account</b> with an IBAN beginning with \"CH\""
+#: template/users.html.j2:102
+msgid "<b>Swiss bank account</b> with an IBAN beginning with \"CH\";"
msgstr ""
-#: template/users.html.j2:112
+#: template/users.html.j2:106
msgid ""
-"<b>Mobile phone number</b> beginning with \"+41\" to receive P2P payments"
+"<b>Mobile phone number</b> beginning with \"+41\" to receive P2P payments, "
+"and;"
msgstr ""
-#: template/users.html.j2:116
+#: template/users.html.j2:110
msgid "Installation of a"
msgstr ""
-#: template/users.html.j2:121
-msgid "Taler wallet"
+#: template/users.html.j2:115
+msgid "Taler wallet."
msgstr ""
-#: template/users.html.j2:133 template/users.html.j2:165
-#: template/users.html.j2:193 template/users.html.j2:241
-#: template/users.html.j2:286 template/users.html.j2:316
-#: template/users.html.j2:346 template/users.html.j2:377
-#: template/users.html.j2:424
+#: template/users.html.j2:126 template/users.html.j2:158
+#: template/users.html.j2:186 template/users.html.j2:234
+#: template/users.html.j2:279 template/users.html.j2:308
+#: template/users.html.j2:336 template/users.html.j2:365
+#: template/users.html.j2:408
msgid "Step"
msgstr ""
-#: template/users.html.j2:134
-msgid "Select provider</span>"
+#: template/users.html.j2:129
+msgid "Select provider"
msgstr ""
-#: template/users.html.j2:137
+#: template/users.html.j2:133
msgid ""
-"Initially, you may need to add Taler Operations as a payment service "
-"provider. The easiest way to do so is to scan the QR code on the right, "
-"which will also initiate the withdrawal process."
+"If you haven't already, you may need to add Taler Operations as a payment "
+"service provider. The easiest way to do so is to scan the QR code on the "
+"right, which will also initiate the withdrawal process."
msgstr ""
-#: template/users.html.j2:143
+#: template/users.html.j2:139
msgid ""
"If you already have a payment service provider for the \"CHF\" currency, you "
"can also just click on the \"add\" button on the \"CHF balance\" screen."
msgstr ""
-#: template/users.html.j2:166
-msgid "Enter amount</span>"
+#: template/users.html.j2:161
+msgid "Enter amount"
msgstr ""
-#: template/users.html.j2:169
+#: template/users.html.j2:165
msgid "Enter the desired amount to be withdrawn."
msgstr ""
-#: template/users.html.j2:172
+#: template/users.html.j2:168
msgid "Afterwards, select \"Withdraw\" from my bank account."
msgstr ""
-#: template/users.html.j2:194
-msgid "Accept terms</span>"
+#: template/users.html.j2:189
+msgid "Accept terms"
msgstr ""
-#: template/users.html.j2:197
+#: template/users.html.j2:193
msgid "Please read the Terms of Service and accept them."
msgstr ""
-#: template/users.html.j2:201
+#: template/users.html.j2:197
msgid ""
"You will only need to do so the first time, or when the terms have been "
"updated."
msgstr ""
-#: template/users.html.j2:242
-msgid "Review</span>"
+#: template/users.html.j2:237
+msgid "Review Operation"
msgstr ""
-#: template/users.html.j2:244
+#: template/users.html.j2:240
msgid "Review and confirm the operation."
msgstr ""
-#: template/users.html.j2:246
+#: template/users.html.j2:242
msgid "Depending on the payment service provider, you may be shown fees."
msgstr ""
-#: template/users.html.j2:287
-msgid "Wire transfer</span>"
+#: template/users.html.j2:282
+msgid "Wire Transfer"
msgstr ""
-#: template/users.html.j2:290
+#: template/users.html.j2:286
msgid ""
"The wallet will show you the subject, target account and amount to transfer."
msgstr ""
-#: template/users.html.j2:294
+#: template/users.html.j2:290
msgid ""
"Copy the information into your online banking application and wire the funds "
"to the payment service provider."
msgstr ""
-#: template/users.html.j2:317
-msgid "Wait!</span>"
+#: template/users.html.j2:310
+msgid "Wait!"
msgstr ""
-#: template/users.html.j2:320
+#: template/users.html.j2:313
msgid ""
"The wallet will automatically receive the digital cash once your wire "
"transfer has arrived at the payment service provider."
msgstr ""
-#: template/users.html.j2:325
+#: template/users.html.j2:318
msgid ""
"Depending on your bank, this may take a few days. You do not need to keep "
"the wallet open."
msgstr ""
-#: template/users.html.j2:347
-msgid "Shop</span>"
+#: template/users.html.j2:338
+msgid "Shop"
msgstr ""
-#: template/users.html.j2:350
+#: template/users.html.j2:341
msgid ""
"When shopping, the wallet may be launched automatically or you may need to "
"click a link, scan a QR code or even select the wallet extension manually "
"depending on the context."
msgstr ""
-#: template/users.html.j2:355
+#: template/users.html.j2:346
msgid ""
-"The QR code scanner button can also be held to manually enter a \"taler://\"-"
-"URI, for example if you received one via text message."
+"The QR code scanner button can also be held to manually enter a "
+"\"<code>taler://</code>-URI\", for example if you received one via text "
+"message."
msgstr ""
-#: template/users.html.j2:378
-msgid "Pay</span>"
+#: template/users.html.j2:367
+msgid "Pay"
msgstr ""
-#: template/users.html.j2:381
+#: template/users.html.j2:370
msgid ""
"The wallet will show you details about what you are buying, including the "
"price and applicable fees."
msgstr ""
-#: template/users.html.j2:385
+#: template/users.html.j2:373
msgid "Simply press \"Pay\" to make the payment."
msgstr ""
-#: template/users.html.j2:425
-msgid "Manage</span>"
+#: template/users.html.j2:410
+msgid "Manage"
msgstr ""
-#: template/users.html.j2:428
+#: template/users.html.j2:413
msgid "The wallet keeps track of your transaction history."
msgstr ""
-#: template/users.html.j2:432
+#: template/users.html.j2:417
msgid "You can delete transactions, erasing any trace that you were the buyer."
msgstr ""
-
-#: template/users.html.j2:458
-msgid "Frequently Asked Questions"
-msgstr ""
diff --git a/locale/fr/LC_MESSAGES/messages.po
b/locale/fr/LC_MESSAGES/messages.po
index 12d921d..938b690 100644
--- a/locale/fr/LC_MESSAGES/messages.po
+++ b/locale/fr/LC_MESSAGES/messages.po
@@ -7,7 +7,7 @@ msgid ""
msgstr ""
"Project-Id-Version: PROJECT VERSION\n"
"Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
-"POT-Creation-Date: 2024-02-25 10:05+0100\n"
+"POT-Creation-Date: 2024-02-25 10:51+0100\n"
"PO-Revision-Date: 2024-02-12 18:13+0000\n"
"Last-Translator: Stefan Kügel <skuegel@web.de>\n"
"Language-Team: French <https://weblate.taler.net/projects/taler-ops/website/"
@@ -196,7 +196,7 @@ msgstr "Taler Operations AG - Pour marchands"
msgid "Describes how merchants can use Taler."
msgstr ""
-#: template/merchants.html.j2:15 template/users.html.j2:98
+#: template/merchants.html.j2:15 template/users.html.j2:95
msgid "Prerequisites"
msgstr ""
@@ -375,169 +375,167 @@ msgstr "Taler Operations AG - Pour les clients"
msgid "Describes how to use taler"
msgstr ""
-#: template/users.html.j2:102
-msgid "What do I need to use Taler for payments?"
+#: template/users.html.j2:97
+msgid "Here's what you need to get started paying with Taler:"
msgstr ""
-#: template/users.html.j2:108
-msgid "<b>Swiss bank account</b> with an IBAN beginning with \"CH\""
+#: template/users.html.j2:102
+msgid "<b>Swiss bank account</b> with an IBAN beginning with \"CH\";"
msgstr ""
-#: template/users.html.j2:112
+#: template/users.html.j2:106
msgid ""
-"<b>Mobile phone number</b> beginning with \"+41\" to receive P2P payments"
+"<b>Mobile phone number</b> beginning with \"+41\" to receive P2P payments, "
+"and;"
msgstr ""
-#: template/users.html.j2:116
+#: template/users.html.j2:110
#, fuzzy
msgid "Installation of a"
msgstr "Guide d'installation utilisateur"
-#: template/users.html.j2:121
-msgid "Taler wallet"
+#: template/users.html.j2:115
+msgid "Taler wallet."
msgstr ""
-#: template/users.html.j2:133 template/users.html.j2:165
-#: template/users.html.j2:193 template/users.html.j2:241
-#: template/users.html.j2:286 template/users.html.j2:316
-#: template/users.html.j2:346 template/users.html.j2:377
-#: template/users.html.j2:424
+#: template/users.html.j2:126 template/users.html.j2:158
+#: template/users.html.j2:186 template/users.html.j2:234
+#: template/users.html.j2:279 template/users.html.j2:308
+#: template/users.html.j2:336 template/users.html.j2:365
+#: template/users.html.j2:408
msgid "Step"
msgstr ""
-#: template/users.html.j2:134
-msgid "Select provider</span>"
+#: template/users.html.j2:129
+msgid "Select provider"
msgstr ""
-#: template/users.html.j2:137
+#: template/users.html.j2:133
msgid ""
-"Initially, you may need to add Taler Operations as a payment service "
-"provider. The easiest way to do so is to scan the QR code on the right, "
-"which will also initiate the withdrawal process."
+"If you haven't already, you may need to add Taler Operations as a payment "
+"service provider. The easiest way to do so is to scan the QR code on the "
+"right, which will also initiate the withdrawal process."
msgstr ""
-#: template/users.html.j2:143
+#: template/users.html.j2:139
msgid ""
"If you already have a payment service provider for the \"CHF\" currency, you "
"can also just click on the \"add\" button on the \"CHF balance\" screen."
msgstr ""
-#: template/users.html.j2:166
-msgid "Enter amount</span>"
+#: template/users.html.j2:161
+msgid "Enter amount"
msgstr ""
-#: template/users.html.j2:169
+#: template/users.html.j2:165
msgid "Enter the desired amount to be withdrawn."
msgstr ""
-#: template/users.html.j2:172
+#: template/users.html.j2:168
msgid "Afterwards, select \"Withdraw\" from my bank account."
msgstr ""
-#: template/users.html.j2:194
-msgid "Accept terms</span>"
+#: template/users.html.j2:189
+msgid "Accept terms"
msgstr ""
-#: template/users.html.j2:197
+#: template/users.html.j2:193
msgid "Please read the Terms of Service and accept them."
msgstr ""
-#: template/users.html.j2:201
+#: template/users.html.j2:197
msgid ""
"You will only need to do so the first time, or when the terms have been "
"updated."
msgstr ""
-#: template/users.html.j2:242
-msgid "Review</span>"
+#: template/users.html.j2:237
+msgid "Review Operation"
msgstr ""
-#: template/users.html.j2:244
+#: template/users.html.j2:240
msgid "Review and confirm the operation."
msgstr ""
-#: template/users.html.j2:246
+#: template/users.html.j2:242
msgid "Depending on the payment service provider, you may be shown fees."
msgstr ""
-#: template/users.html.j2:287
-msgid "Wire transfer</span>"
+#: template/users.html.j2:282
+msgid "Wire Transfer"
msgstr ""
-#: template/users.html.j2:290
+#: template/users.html.j2:286
msgid ""
"The wallet will show you the subject, target account and amount to transfer."
msgstr ""
-#: template/users.html.j2:294
+#: template/users.html.j2:290
msgid ""
"Copy the information into your online banking application and wire the funds "
"to the payment service provider."
msgstr ""
-#: template/users.html.j2:317
-msgid "Wait!</span>"
+#: template/users.html.j2:310
+msgid "Wait!"
msgstr ""
-#: template/users.html.j2:320
+#: template/users.html.j2:313
msgid ""
"The wallet will automatically receive the digital cash once your wire "
"transfer has arrived at the payment service provider."
msgstr ""
-#: template/users.html.j2:325
+#: template/users.html.j2:318
msgid ""
"Depending on your bank, this may take a few days. You do not need to keep "
"the wallet open."
msgstr ""
-#: template/users.html.j2:347
-msgid "Shop</span>"
+#: template/users.html.j2:338
+msgid "Shop"
msgstr ""
-#: template/users.html.j2:350
+#: template/users.html.j2:341
msgid ""
"When shopping, the wallet may be launched automatically or you may need to "
"click a link, scan a QR code or even select the wallet extension manually "
"depending on the context."
msgstr ""
-#: template/users.html.j2:355
+#: template/users.html.j2:346
msgid ""
-"The QR code scanner button can also be held to manually enter a \"taler://\"-"
-"URI, for example if you received one via text message."
+"The QR code scanner button can also be held to manually enter a "
+"\"<code>taler://</code>-URI\", for example if you received one via text "
+"message."
msgstr ""
-#: template/users.html.j2:378
-msgid "Pay</span>"
+#: template/users.html.j2:367
+msgid "Pay"
msgstr ""
-#: template/users.html.j2:381
+#: template/users.html.j2:370
msgid ""
"The wallet will show you details about what you are buying, including the "
"price and applicable fees."
msgstr ""
-#: template/users.html.j2:385
+#: template/users.html.j2:373
msgid "Simply press \"Pay\" to make the payment."
msgstr ""
-#: template/users.html.j2:425
-msgid "Manage</span>"
+#: template/users.html.j2:410
+msgid "Manage"
msgstr ""
-#: template/users.html.j2:428
+#: template/users.html.j2:413
msgid "The wallet keeps track of your transaction history."
msgstr ""
-#: template/users.html.j2:432
+#: template/users.html.j2:417
msgid "You can delete transactions, erasing any trace that you were the buyer."
msgstr ""
-#: template/users.html.j2:458
-msgid "Frequently Asked Questions"
-msgstr ""
-
#, fuzzy
#~| msgid "Taler Operations AG, Biel, Switzerland"
#~ msgid ""
diff --git a/locale/messages.pot b/locale/messages.pot
index 444b168..9b65070 100644
--- a/locale/messages.pot
+++ b/locale/messages.pot
@@ -8,7 +8,7 @@ msgid ""
msgstr ""
"Project-Id-Version: PROJECT VERSION\n"
"Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
-"POT-Creation-Date: 2024-02-25 10:05+0100\n"
+"POT-Creation-Date: 2024-02-25 10:51+0100\n"
"PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
"Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
"Language-Team: LANGUAGE <LL@li.org>\n"
@@ -176,7 +176,7 @@ msgstr ""
msgid "Describes how merchants can use Taler."
msgstr ""
-#: template/merchants.html.j2:15 template/users.html.j2:98
+#: template/merchants.html.j2:15 template/users.html.j2:95
msgid "Prerequisites"
msgstr ""
@@ -351,166 +351,165 @@ msgstr ""
msgid "Describes how to use taler"
msgstr ""
-#: template/users.html.j2:102
-msgid "What do I need to use Taler for payments?"
+#: template/users.html.j2:97
+msgid "Here's what you need to get started paying with Taler:"
msgstr ""
-#: template/users.html.j2:108
-msgid "<b>Swiss bank account</b> with an IBAN beginning with \"CH\""
+#: template/users.html.j2:102
+msgid "<b>Swiss bank account</b> with an IBAN beginning with \"CH\";"
msgstr ""
-#: template/users.html.j2:112
-msgid "<b>Mobile phone number</b> beginning with \"+41\" to receive P2P
payments"
+#: template/users.html.j2:106
+msgid ""
+"<b>Mobile phone number</b> beginning with \"+41\" to receive P2P "
+"payments, and;"
msgstr ""
-#: template/users.html.j2:116
+#: template/users.html.j2:110
msgid "Installation of a"
msgstr ""
-#: template/users.html.j2:121
-msgid "Taler wallet"
+#: template/users.html.j2:115
+msgid "Taler wallet."
msgstr ""
-#: template/users.html.j2:133 template/users.html.j2:165
-#: template/users.html.j2:193 template/users.html.j2:241
-#: template/users.html.j2:286 template/users.html.j2:316
-#: template/users.html.j2:346 template/users.html.j2:377
-#: template/users.html.j2:424
+#: template/users.html.j2:126 template/users.html.j2:158
+#: template/users.html.j2:186 template/users.html.j2:234
+#: template/users.html.j2:279 template/users.html.j2:308
+#: template/users.html.j2:336 template/users.html.j2:365
+#: template/users.html.j2:408
msgid "Step"
msgstr ""
-#: template/users.html.j2:134
-msgid "Select provider</span>"
+#: template/users.html.j2:129
+msgid "Select provider"
msgstr ""
-#: template/users.html.j2:137
+#: template/users.html.j2:133
msgid ""
-"Initially, you may need to add Taler Operations as a payment service "
-"provider. The easiest way to do so is to scan the QR code on the right, "
-"which will also initiate the withdrawal process."
+"If you haven't already, you may need to add Taler Operations as a payment"
+" service provider. The easiest way to do so is to scan the QR code on the"
+" right, which will also initiate the withdrawal process."
msgstr ""
-#: template/users.html.j2:143
+#: template/users.html.j2:139
msgid ""
"If you already have a payment service provider for the \"CHF\" currency, "
"you can also just click on the \"add\" button on the \"CHF balance\" "
"screen."
msgstr ""
-#: template/users.html.j2:166
-msgid "Enter amount</span>"
+#: template/users.html.j2:161
+msgid "Enter amount"
msgstr ""
-#: template/users.html.j2:169
+#: template/users.html.j2:165
msgid "Enter the desired amount to be withdrawn."
msgstr ""
-#: template/users.html.j2:172
+#: template/users.html.j2:168
msgid "Afterwards, select \"Withdraw\" from my bank account."
msgstr ""
-#: template/users.html.j2:194
-msgid "Accept terms</span>"
+#: template/users.html.j2:189
+msgid "Accept terms"
msgstr ""
-#: template/users.html.j2:197
+#: template/users.html.j2:193
msgid "Please read the Terms of Service and accept them."
msgstr ""
-#: template/users.html.j2:201
+#: template/users.html.j2:197
msgid ""
"You will only need to do so the first time, or when the terms have been "
"updated."
msgstr ""
-#: template/users.html.j2:242
-msgid "Review</span>"
+#: template/users.html.j2:237
+msgid "Review Operation"
msgstr ""
-#: template/users.html.j2:244
+#: template/users.html.j2:240
msgid "Review and confirm the operation."
msgstr ""
-#: template/users.html.j2:246
+#: template/users.html.j2:242
msgid "Depending on the payment service provider, you may be shown fees."
msgstr ""
-#: template/users.html.j2:287
-msgid "Wire transfer</span>"
+#: template/users.html.j2:282
+msgid "Wire Transfer"
msgstr ""
-#: template/users.html.j2:290
+#: template/users.html.j2:286
msgid ""
"The wallet will show you the subject, target account and amount to "
"transfer."
msgstr ""
-#: template/users.html.j2:294
+#: template/users.html.j2:290
msgid ""
"Copy the information into your online banking application and wire the "
"funds to the payment service provider."
msgstr ""
-#: template/users.html.j2:317
-msgid "Wait!</span>"
+#: template/users.html.j2:310
+msgid "Wait!"
msgstr ""
-#: template/users.html.j2:320
+#: template/users.html.j2:313
msgid ""
"The wallet will automatically receive the digital cash once your wire "
"transfer has arrived at the payment service provider."
msgstr ""
-#: template/users.html.j2:325
+#: template/users.html.j2:318
msgid ""
"Depending on your bank, this may take a few days. You do not need to keep"
" the wallet open."
msgstr ""
-#: template/users.html.j2:347
-msgid "Shop</span>"
+#: template/users.html.j2:338
+msgid "Shop"
msgstr ""
-#: template/users.html.j2:350
+#: template/users.html.j2:341
msgid ""
"When shopping, the wallet may be launched automatically or you may need "
"to click a link, scan a QR code or even select the wallet extension "
"manually depending on the context."
msgstr ""
-#: template/users.html.j2:355
+#: template/users.html.j2:346
msgid ""
"The QR code scanner button can also be held to manually enter a "
-"\"taler://\"-URI, for example if you received one via text message."
+"\"<code>taler://</code>-URI\", for example if you received one via text "
+"message."
msgstr ""
-#: template/users.html.j2:378
-msgid "Pay</span>"
+#: template/users.html.j2:367
+msgid "Pay"
msgstr ""
-#: template/users.html.j2:381
+#: template/users.html.j2:370
msgid ""
"The wallet will show you details about what you are buying, including the"
" price and applicable fees."
msgstr ""
-#: template/users.html.j2:385
+#: template/users.html.j2:373
msgid "Simply press \"Pay\" to make the payment."
msgstr ""
-#: template/users.html.j2:425
-msgid "Manage</span>"
+#: template/users.html.j2:410
+msgid "Manage"
msgstr ""
-#: template/users.html.j2:428
+#: template/users.html.j2:413
msgid "The wallet keeps track of your transaction history."
msgstr ""
-#: template/users.html.j2:432
+#: template/users.html.j2:417
msgid "You can delete transactions, erasing any trace that you were the buyer."
msgstr ""
-#: template/users.html.j2:458
-msgid "Frequently Asked Questions"
-msgstr ""
-
diff --git a/static/js/toggle.ts b/static/js/toggle.ts
index bf32a27..2851b20 100644
--- a/static/js/toggle.ts
+++ b/static/js/toggle.ts
@@ -35,7 +35,7 @@ declare const selectGroup: (key: Key, scroll?: boolean) =>
void;
`[data-vendor-brand-path-element=${JSON.stringify(key)}]`,
)
.forEach((v) => v.setAttribute('fill', '#0042B3'));
- const firstSection = document.querySelector('#first-section');
+ const firstSection = document.querySelector('[data-is-first-section]');
if (scroll && firstSection)
document.documentElement.scrollTo({
behavior: 'smooth',
diff --git a/static/scss/pages/_faq-util.scss b/static/scss/pages/_faq-util.scss
new file mode 100644
index 0000000..b05b76d
--- /dev/null
+++ b/static/scss/pages/_faq-util.scss
@@ -0,0 +1,37 @@
+@mixin section() {
+ @apply flex-1 w-full;
+ .step {
+ @apply flex flex-col items-center justify-center gap-10 md:gap-12 w-full;
+ // assume 1st el is text, 2nd is graphic/img
+ &.graphic-right {
+ @apply md:flex-row;
+ }
+ &.graphic-left {
+ @apply md:flex-row-reverse;
+ }
+ &:not(.solo),
+ &:not(.solo) > * {
+ @apply flex-1;
+ }
+ .text {
+ @apply flex flex-col gap-2;
+ h2 {
+ @apply font-medium text-2xl;
+ }
+ &,
+ p {
+ @apply font-normal text-xl;
+ }
+ b {
+ @apply font-semibold;
+ }
+ .step-prefix,
+ .step-ctr {
+ @apply opacity-60;
+ }
+ }
+ .img {
+ @apply flex items-center justify-center flex-col;
+ }
+ }
+}
diff --git a/static/scss/pages/users.scss b/static/scss/pages/users.scss
index f598ce3..fe126c6 100644
--- a/static/scss/pages/users.scss
+++ b/static/scss/pages/users.scss
@@ -1,6 +1,15 @@
-.browser-selection {
- @apply flex flex-row items-center justify-center w-max gap-8 p-12
rounded-3xl text-center;
- svg {
- @apply w-14;
+@use './faq-util' as faq;
+.users-page {
+ .card {
+ @apply flex w-max p-12 rounded-3xl;
+ }
+ .browser-selection {
+ @apply flex-row items-center justify-center text-center gap-8;
+ svg {
+ @apply w-14;
+ }
+ }
+ section {
+ @include faq.section();
}
}
diff --git a/template/users.html.j2 b/template/users.html.j2
index dada457..f160465 100644
--- a/template/users.html.j2
+++ b/template/users.html.j2
@@ -9,7 +9,7 @@
<script src="{{ url_static('js/toggle.ts') }}" defer></script>
<link href="{{ url_static('scss/pages/users.scss') }}" rel="stylesheet" />
{% endblock %} {% block body_content %}
-<main id="maincontent" class="flex flex-col items-center gap-16">
+<main id="maincontent" class="users-page flex flex-col items-center gap-16">
<div
class="section show-on-js flex flex-col items-center justify-center w-max
text-center min-h-max h-[60vh] max-h-[42rem]"
>
@@ -17,7 +17,7 @@
class="inner flex flex-col items-center justify-center w-max text-center
p-12 bg-gray-100 rounded-3xl"
>
<h2 class="text-2xl font-semibold mb-3">Select your platform</h2>
- <div class="browser-selection">
+ <div class="browser-selection card">
<a
href="javascript:selectGroup('android')"
aria-label="Select Instructions for Android"
@@ -89,374 +89,343 @@
</div>
</div>
</div>
- <section id="first-section">
- <div class="container">
- <div class="row">
- <div class="col-sm-6">
- <div class="mid_text">
- <h2 id="quickstepsforusers">
- {% trans %}Prerequisites{% endtrans %}
- </h2>
- <p>
- <b
- >{% trans %}What do I need to use Taler for payments?{%
endtrans
- %}</b
- >
- </p>
- <ul>
- <li>
- {% trans %}<b>Swiss bank account</b> with an IBAN beginning
with
- "CH"{% endtrans %}
- </li>
- <li>
- {% trans %}<b>Mobile phone number</b> beginning with "+41" to
- receive P2P payments{% endtrans %}
- </li>
- <li>
- <b>{% trans %}Installation of a {% endtrans %}</b>
- <a
- href="https://taler.net/{{ url_localized('') }}wallet.html"
- target="_blank"
- rel="noopener noreferrer"
- >{% trans %}Taler wallet{% endtrans %}</a
- >
- </li>
- </ul>
- </div>
- </div>
+ <section id="prerequisites" data-is-first-section>
+ <div class="step solo">
+ <div class="text card bg-gray-100">
+ <h2>{% trans %}Prerequisites{% endtrans %}</h2>
+ <p>
+ {% trans %}Here's what you need to get started paying with Taler:{%
+ endtrans %}
+ </p>
+ <ul class="list-disc list-inside">
+ <li>
+ {% trans %}<b>Swiss bank account</b> with an IBAN beginning with
+ "CH";{% endtrans %}
+ </li>
+ <li>
+ {% trans %}<b>Mobile phone number</b> beginning with "+41" to
+ receive P2P payments, and;{% endtrans %}
+ </li>
+ <li>
+ <b>{% trans %}Installation of a {% endtrans %}</b>
+ <a
+ href="https://taler.net/{{ url_localized('') }}wallet.html"
+ target="_blank"
+ rel="noopener noreferrer"
+ >{% trans %}Taler wallet.{% endtrans %}</a
+ >
+ </li>
+ </ul>
</div>
-
- <div class="row">
- <div class="col-sm-6">
- <div class="mid_text">
- <h2>
- {% trans %}Step{% endtrans %} #1:
- <span>{% trans %}Select provider</span>{% endtrans %}
- </h2>
- <p>
- {% trans %}Initially, you may need to add Taler Operations as a
- payment service provider. The easiest way to do so is to scan the
- QR code on the right, which will also initiate the withdrawal
- process.{% endtrans %}
- </p>
- <p>
- {% trans %}If you already have a payment service provider for the
- "CHF" currency, you can also just click on the "add" button on
the
- "CHF balance" screen.{% endtrans %}
- </p>
- </div>
- </div>
- <div class="col-sm-6">
- <div class="img">
- <!-- FIXME: show correct QR code to scan! -->
- <img
- src="{{ url_static('images/unsorted/tops-qr.png') }}"
- alt=""
- width="350px"
- />
- </div>
- </div>
+ </div>
+ </section>
+ <section id="select-provider">
+ <div class="step graphic-left">
+ <div class="text">
+ <h2>
+ <span class="step-prefix">{% trans %}Step{% endtrans %}</span>
+ <span class="step-ctr">#1:</span>
+ <span class="step-description"
+ >{% trans %}Select provider{% endtrans %}</span
+ >
+ </h2>
+ <p>
+ {% trans %}If you haven't already, you may need to add Taler
+ Operations as a payment service provider. The easiest way to do so is
+ to scan the QR code on the right, which will also initiate the
+ withdrawal process.{% endtrans %}
+ </p>
+ <p>
+ {% trans %}If you already have a payment service provider for the
+ "CHF" currency, you can also just click on the "add" button on the
+ "CHF balance" screen.{% endtrans %}
+ </p>
</div>
-
- <div class="row">
- <div class="col-sm-6">
- <div class="mid_text">
- <h2>
- {% trans %}Step{% endtrans %} #2:
- <span>{% trans %}Enter amount</span>{% endtrans %}
- </h2>
- <p>
- {% trans %}Enter the desired amount to be withdrawn.{% endtrans
%}
- </p>
- <p>
- {% trans %}Afterwards, select "Withdraw" from my bank account.{%
- endtrans %}
- </p>
- </div>
- </div>
- <div class="col-sm-6">
- <div class="img">
- <!-- FIXME: Dialog: "Specify the amount and the origin" -->
- <img
- src="{{
url_static('images/unsorted/Screenshot_Withdrawal_Preparation_1.png') }}"
- alt=""
- width="350px"
- />
- </div>
- </div>
+ <div class="img">
+ <!-- FIXME: show correct QR code to scan! -->
+ <img
+ src="{{ url_static('images/unsorted/tops-qr.png') }}"
+ alt=""
+ width="350px"
+ />
</div>
-
- <div class="row">
- <div class="col-sm-6">
- <div class="mid_text">
- <h2>
- {% trans %}Step{% endtrans %} #3:
- <span>{% trans %}Accept terms</span>{% endtrans %}
- </h2>
- <p>
- {% trans %}Please read the Terms of Service and accept them.{%
- endtrans %}
- </p>
- <p>
- {% trans %}You will only need to do so the first time, or when
the
- terms have been updated.{% endtrans %}
- </p>
- </div>
- </div>
- <div class="col-sm-6">
- <div class="img">
- <!-- FIXME: Dialog: "Accept ToS" -->
- <img
- class="group-android"
- src="{{ url_static('images/unsorted/tops-qr.png') }}"
- alt=""
- width="350px"
- />
- <img
- class="group-chrome"
- src="{{ url_static('images/unsorted/screenshot_history_1.png')
}}"
- alt=""
- width="450px"
- />
- <img
- class="group-firefox"
- src="{{ url_static('images/unsorted/tops-qr.png') }}"
- alt=""
- width="350px"
- />
- <img
- class="group-ios"
- src="{{
url_static('images/unsorted/Screenshot_Terms_of_Service_1.png') }}"
- alt=""
- width="350px"
- />
- </div>
- </div>
+ </div>
+ </section>
+ <section id="enter-amount">
+ <div class="step graphic-right">
+ <div class="text">
+ <h2>
+ <span class="step-prefix">{% trans %}Step{% endtrans %}</span>
+ <span class="step-ctr">#2:</span>
+ <span class="step-description"
+ >{% trans %}Enter amount{% endtrans %}</span
+ >
+ </h2>
+ <p>
+ {% trans %}Enter the desired amount to be withdrawn.{% endtrans %}
+ </p>
+ <p>
+ {% trans %}Afterwards, select "Withdraw" from my bank account.{%
+ endtrans %}
+ </p>
</div>
-
- <div class="row">
- <div class="col-sm-6">
- <div class="mid_text">
- <h2>
- {% trans %}Step{% endtrans %} #4:
- <span>{% trans %}Review</span>{% endtrans %}
- </h2>
- <p>{% trans %}Review and confirm the operation.{% endtrans %}</p>
- <p>
- {% trans %}Depending on the payment service provider, you may be
- shown fees.{% endtrans %}
- </p>
- </div>
- </div>
- <div class="col-sm-6">
- <div class="img">
- <!-- FIXME: Dialog: "Digital cash withdrawal" -->
- <img
- class="group-android"
- src="{{ url_static('images/unsorted/tops-qr.png') }}"
- alt=""
- width="350px"
- />
- <img
- class="group-chrome"
- src="{{ url_static('images/unsorted/screenshot_history_1.png')
}}"
- alt=""
- width="450px"
- />
- <img
- class="group-firefox"
- src="{{ url_static('images/unsorted/tops-qr.png') }}"
- alt=""
- width="350px"
- />
- <img
- class="group-ios"
- src="{{
url_static('images/unsorted/Screenshot_Withdrawal_Confirmation_1.png') }}"
- alt=""
- width="350px"
- />
- </div>
- </div>
+ <div class="img">
+ <!-- FIXME: Dialog: "Specify the amount and the origin" -->
+ <img
+ src="{{
url_static('images/unsorted/Screenshot_Withdrawal_Preparation_1.png') }}"
+ alt=""
+ width="350px"
+ />
</div>
-
- <div class="row">
- <div class="col-sm-6">
- <div class="mid_text">
- <h2>
- {% trans %}Step{% endtrans %} #5:
- <span>{% trans %}Wire transfer</span>{% endtrans %}
- </h2>
- <p>
- {% trans %}The wallet will show you the subject, target account
- and amount to transfer.{% endtrans %}
- </p>
- <p>
- {% trans %}Copy the information into your online banking
- application and wire the funds to the payment service provider.{%
- endtrans %}
- </p>
- </div>
- </div>
- <div class="col-sm-6">
- <div class="img">
- <!-- FIXME: Dialog: "Withdraw screen (no good title!)" -->
- <img
- src="{{
url_static('images/unsorted/Screenshot_Browser_Withdrawal_Pending.png') }}"
- alt=""
- width="550px"
- />
- </div>
- </div>
+ </div>
+ </section>
+ <section id="accept-terms">
+ <div class="step graphic-left">
+ <div class="text">
+ <h2>
+ <span class="step-prefix">{% trans %}Step{% endtrans %}</span>
+ <span class="step-ctr">#3:</span>
+ <span class="step-description"
+ >{% trans %}Accept terms{% endtrans %}</span
+ >
+ </h2>
+ <p>
+ {% trans %}Please read the Terms of Service and accept them.{%
+ endtrans %}
+ </p>
+ <p>
+ {% trans %}You will only need to do so the first time, or when the
+ terms have been updated.{% endtrans %}
+ </p>
</div>
-
- <div class="row">
- <div class="col-sm-6">
- <div class="mid_text">
- <h2>
- {% trans %}Step{% endtrans %} #6:
- <span>{% trans %}Wait!</span>{% endtrans %}
- </h2>
- <p>
- {% trans %}The wallet will automatically receive the digital cash
- once your wire transfer has arrived at the payment service
- provider.{% endtrans %}
- </p>
- <p>
- {% trans %}Depending on your bank, this may take a few days. You
- do not need to keep the wallet open.{% endtrans %}
- </p>
- </div>
- </div>
- <div class="col-sm-6">
- <div class="img">
- <!-- FIXME: Dialog: "Withdraw finished screen (no good title!)" -->
- <img
- src="{{
url_static('images/unsorted/Screenshot_Withdrawal_Preparation_1.png') }}"
- alt=""
- width="350px"
- />
- </div>
- </div>
+ <div class="img">
+ <!-- FIXME: Dialog: "Accept ToS" -->
+ <img
+ class="group-android"
+ src="{{ url_static('images/unsorted/tops-qr.png') }}"
+ alt=""
+ width="350px"
+ />
+ <img
+ class="group-chrome"
+ src="{{ url_static('images/unsorted/screenshot_history_1.png') }}"
+ alt=""
+ width="450px"
+ />
+ <img
+ class="group-firefox"
+ src="{{ url_static('images/unsorted/tops-qr.png') }}"
+ alt=""
+ width="350px"
+ />
+ <img
+ class="group-ios"
+ src="{{
url_static('images/unsorted/Screenshot_Terms_of_Service_1.png') }}"
+ alt=""
+ width="350px"
+ />
</div>
-
- <div class="row">
- <div class="col-sm-6">
- <div class="mid_text">
- <h2>
- {% trans %}Step{% endtrans %} #7:
- <span>{% trans %}Shop</span>{% endtrans %}
- </h2>
- <p>
- {% trans %}When shopping, the wallet may be launched
automatically
- or you may need to click a link, scan a QR code or even select
the
- wallet extension manually depending on the context.{% endtrans %}
- </p>
- <p>
- {% trans %}The QR code scanner button can also be held to
manually
- enter a "taler://"-URI, for example if you received one via text
- message.{% endtrans %}
- </p>
- </div>
- </div>
- <div class="col-sm-6">
- <div class="img">
- <!-- FIXME: Dialog: "QR scan" -->
- <img
- src="{{
url_static('images/unsorted/Screenshot_Withdrawal_Preparation_1.png') }}"
- alt=""
- width="350px"
- />
- </div>
- </div>
+ </div>
+ </section>
+ <section id="review-operation">
+ <div class="step graphic-right">
+ <div class="text">
+ <h2>
+ <span class="step-prefix">{% trans %}Step{% endtrans %}</span>
+ <span class="step-ctr">#4:</span>
+ <span class="step-description"
+ >{% trans %}Review Operation{% endtrans %}</span
+ >
+ </h2>
+ <p>{% trans %}Review and confirm the operation.{% endtrans %}</p>
+ <p>
+ {% trans %}Depending on the payment service provider, you may be
shown
+ fees.{% endtrans %}
+ </p>
</div>
-
- <div class="row">
- <div class="col-sm-6">
- <div class="mid_text">
- <h2>
- {% trans %}Step{% endtrans %} #8:
- <span>{% trans %}Pay</span>{% endtrans %}
- </h2>
- <p>
- {% trans %}The wallet will show you details about what you are
- buying, including the price and applicable fees.{% endtrans %}
- </p>
- <p>
- {% trans %}Simply press "Pay" to make the payment.{% endtrans %}
- </p>
- </div>
- </div>
- <div class="col-sm-6">
- <div class="img">
- <!-- FIXME: Dialog: "Digital cash payment" -->
- <img
- class="group-android"
- src="{{ url_static('images/unsorted/tops-qr.png') }}"
- alt=""
- width="350px"
- />
- <img
- class="group-chrome"
- src="{{ url_static('images/unsorted/screenshot_history_1.png')
}}"
- alt=""
- width="450px"
- />
- <img
- class="group-firefox"
- src="{{ url_static('images/unsorted/tops-qr.png') }}"
- alt=""
- width="350px"
- />
- <img
- class="group-ios"
- src="{{
url_static('images/unsorted/Screenshot_Confirm_Payment_1.png') }}"
- alt=""
- width="350px"
- />
- </div>
- </div>
+ <div class="img">
+ <!-- FIXME: Dialog: "Digital cash withdrawal" -->
+ <img
+ class="group-android"
+ src="{{ url_static('images/unsorted/tops-qr.png') }}"
+ alt=""
+ width="350px"
+ />
+ <img
+ class="group-chrome"
+ src="{{ url_static('images/unsorted/screenshot_history_1.png') }}"
+ alt=""
+ width="450px"
+ />
+ <img
+ class="group-firefox"
+ src="{{ url_static('images/unsorted/tops-qr.png') }}"
+ alt=""
+ width="350px"
+ />
+ <img
+ class="group-ios"
+ src="{{
url_static('images/unsorted/Screenshot_Withdrawal_Confirmation_1.png') }}"
+ alt=""
+ width="350px"
+ />
</div>
-
- <div class="row">
- <div class="col-sm-6">
- <div class="mid_text">
- <h2>
- {% trans %}Step{% endtrans %} #9:
- <span>{% trans %}Manage</span>{% endtrans %}
- </h2>
- <p>
- {% trans %}The wallet keeps track of your transaction history.{%
- endtrans %}
- </p>
- <p>
- {% trans %}You can delete transactions, erasing any trace that
you
- were the buyer.{% endtrans %}
- </p>
- </div>
- </div>
- <div class="col-sm-6">
- <div class="img">
- <!-- FIXME: Dialog: "Deletion" -->
- <img
- src="{{ url_static('images/unsorted/screenshot_history_1.png')
}}"
- alt=""
- width="450px"
- />
- </div>
- </div>
+ </div>
+ </section>
+ <section id="wire-transfer">
+ <div class="step graphic-left">
+ <div class="text">
+ <h2>
+ <span class="step-prefix">{% trans %}Step{% endtrans %}</span>
+ <span class="step-ctr">#5:</span>
+ <span class="step-description"
+ >{% trans %}Wire Transfer{% endtrans %}</span
+ >
+ </h2>
+ <p>
+ {% trans %}The wallet will show you the subject, target account and
+ amount to transfer.{% endtrans %}
+ </p>
+ <p>
+ {% trans %}Copy the information into your online banking application
+ and wire the funds to the payment service provider.{% endtrans %}
+ </p>
+ </div>
+ <div class="img">
+ <!-- FIXME: Dialog: "Withdraw screen (no good title!)" -->
+ <img
+ src="{{
url_static('images/unsorted/Screenshot_Browser_Withdrawal_Pending.png') }}"
+ alt=""
+ width="550px"
+ />
+ </div>
+ </div>
+ </section>
+ <section id="wait-exclamationmark">
+ <div class="step graphic-right">
+ <div class="text">
+ <h2>
+ <span class="step-prefix">{% trans %}Step{% endtrans %}</span>
+ <span class="step-ctr">#6:</span>
+ <span class="step-description">{% trans %}Wait!{% endtrans %}</span>
+ </h2>
+ <p>
+ {% trans %}The wallet will automatically receive the digital cash
once
+ your wire transfer has arrived at the payment service provider.{%
+ endtrans %}
+ </p>
+ <p>
+ {% trans %}Depending on your bank, this may take a few days. You do
+ not need to keep the wallet open.{% endtrans %}
+ </p>
+ </div>
+ <div class="img">
+ <!-- FIXME: Dialog: "Withdraw finished screen (no good title!)" -->
+ <img
+ src="{{
url_static('images/unsorted/Screenshot_Withdrawal_Preparation_1.png') }}"
+ alt=""
+ width="350px"
+ />
+ </div>
+ </div>
+ </section>
+ <section id="shop">
+ <div class="step graphic-left">
+ <div class="text">
+ <h2>
+ <span class="step-prefix">{% trans %}Step{% endtrans %}</span>
+ <span class="step-ctr">#7:</span>
+ <span class="step-description">{% trans %}Shop{% endtrans %}</span>
+ </h2>
+ <p>
+ {% trans %}When shopping, the wallet may be launched automatically or
+ you may need to click a link, scan a QR code or even select the
wallet
+ extension manually depending on the context.{% endtrans %}
+ </p>
+ <p>
+ {% trans %}The QR code scanner button can also be held to manually
+ enter a "<code>taler://</code>-URI", for example if you received one
+ via text message.{% endtrans %}
+ </p>
+ </div>
+ <div class="img">
+ <!-- FIXME: Dialog: "QR scan" -->
+ <img
+ src="{{
url_static('images/unsorted/Screenshot_Withdrawal_Preparation_1.png') }}"
+ alt=""
+ width="350px"
+ />
</div>
</div>
</section>
-
- <section class="faqSec">
- <div class="container">
- <a
- href="https://taler.net/{{ url_localized('faq.html') }}"
- class="blubtn"
- target="_blank"
- rel="noopener noreferrer"
- >{% trans %}Frequently Asked Questions{% endtrans %}</a
- >
+ <section id="pay">
+ <div class="step graphic-right">
+ <div class="text">
+ <h2>
+ <span class="step-prefix">{% trans %}Step{% endtrans %}</span>
+ <span class="step-ctr">#8:</span>
+ <span class="step-description">{% trans %}Pay{% endtrans %}</span>
+ </h2>
+ <p>
+ {% trans %}The wallet will show you details about what you are
buying,
+ including the price and applicable fees.{% endtrans %}
+ </p>
+ <p>{% trans %}Simply press "Pay" to make the payment.{% endtrans %}</p>
+ </div>
+ <div class="img">
+ <!-- FIXME: Dialog: "Digital cash payment" -->
+ <img
+ class="group-android"
+ src="{{ url_static('images/unsorted/tops-qr.png') }}"
+ alt=""
+ width="350px"
+ />
+ <img
+ class="group-chrome"
+ src="{{ url_static('images/unsorted/screenshot_history_1.png') }}"
+ alt=""
+ width="450px"
+ />
+ <img
+ class="group-firefox"
+ src="{{ url_static('images/unsorted/tops-qr.png') }}"
+ alt=""
+ width="350px"
+ />
+ <img
+ class="group-ios"
+ src="{{
url_static('images/unsorted/Screenshot_Confirm_Payment_1.png') }}"
+ alt=""
+ width="350px"
+ />
+ </div>
+ </div>
+ </section>
+ <section id="manage">
+ <div class="step graphic-right">
+ <div class="text">
+ <h2>
+ <span class="step-prefix">{% trans %}Step{% endtrans %}</span>
+ <span class="step-ctr">#9:</span>
+ <span class="step-description">{% trans %}Manage{% endtrans %}</span>
+ </h2>
+ <p>
+ {% trans %}The wallet keeps track of your transaction history.{%
+ endtrans %}
+ </p>
+ <p>
+ {% trans %}You can delete transactions, erasing any trace that you
+ were the buyer.{% endtrans %}
+ </p>
+ </div>
+ <div class="img">
+ <!-- FIXME: Dialog: "Deletion" -->
+ <img
+ src="{{ url_static('images/unsorted/screenshot_history_1.png') }}"
+ alt=""
+ width="450px"
+ />
+ </div>
</div>
</section>
</main>
--
To stop receiving notification emails like this one, please contact
gnunet@gnunet.org.