aboutsummaryrefslogtreecommitdiff
path: root/citizens.html.j2
diff options
context:
space:
mode:
authorFlorian Dold <florian.dold@gmail.com>2017-03-06 13:46:31 +0100
committerFlorian Dold <florian.dold@gmail.com>2017-03-06 13:46:31 +0100
commit4cf286b15781eb737c687265e62e146282d0bcce (patch)
tree084b9013cd0177761f43ddf56998b8f4b0bfc9d6 /citizens.html.j2
parent8611eddf5fa59d2ac2a56206dd8b1634a8430d6b (diff)
downloadwww-4cf286b15781eb737c687265e62e146282d0bcce.tar.gz
www-4cf286b15781eb737c687265e62e146282d0bcce.zip
menu structure and markup fixes
Diffstat (limited to 'citizens.html.j2')
-rw-r--r--citizens.html.j2229
1 files changed, 110 insertions, 119 deletions
diff --git a/citizens.html.j2 b/citizens.html.j2
index 4c1e7fb2..b464d1ee 100644
--- a/citizens.html.j2
+++ b/citizens.html.j2
@@ -1,132 +1,123 @@
1<!DOCTYPE html> 1{% extends "common/base.j2" %}
2<html lang="{{ _('en') }}"> 2{% block body_content %}
3 <head> 3<div class="jumbotron">
4 <meta charset="UTF-8"/> 4 <div class="container text-center">
5 <title>{{ _("GNU Taler") }} - {{ _("Citizens") }}</title> 5 <h1>{{ _("Advantages for Citizens") }}</h1>
6 <meta name="description" content=""/> 6 <!-- p><a class="btn btn-lg btn-success" href="#" role="button">Get started today</a></p -->
7 {% include "common/header.j2.inc" %} 7 <div class="col-lg-12">
8 </head> 8 <p>
9 <body> 9 {% trans %}
10 <div class="container"> 10 Taler largely functions like digital cash. You
11 {% include "common/navigation.j2.inc" %} 11 withdraw money from your bank account into your
12 <!-- Jumbotron --> 12 electronic wallet, and can henceforth spend digital
13 <div class="jumbotron"> 13 cash. The electronic wallet can carry multiple
14 <h1>{{ _("Advantages for Citizens") }}</h1> 14 currencies.
15 <!-- p><a class="btn btn-lg btn-success" href="#" role="button">Get started today</a></p --> 15 {% endtrans %}
16 <div class="col-lg-12"> 16 </p>
17 </div>
18 </div>
19</div>
17 20
18 <p>{{ _("Taler largely functions like digital cash. You 21<div class="container">
19 withdraw money from your bank account into your 22 <!-- Example row of columns -->
20 electronic wallet, and can henceforth spend digital 23 <div class="row">
21 cash. The electronic wallet can carry multiple 24 <div class="col-lg-6">
22 currencies.") }}</p> 25 <h2>{{ _("Security") }}</h2>
23 26
24 </div> 27 <p>{{ _("Taler uses modern cryptography, ensuring that there
25 </div> 28 is no counterfeit. Your digital wallet is safer
29 than your physical wallet. At most, you can lose
30 its contents because your computer or mobile is
31 irreparably damaged or compromised. Unlike a
32 physical wallet, you can make backups to secure
33 against data loss.") }}</p>
26 34
27 <!-- Example row of columns --> 35 </div>
28 <div class="row"> 36 <div class="col-lg-6">
29 <div class="col-lg-6"> 37 <h2>{{ _("Privacy") }}</h2>
30 <h2>{{ _("Security") }}</h2>
31 38
32 <p>{{ _("Taler uses modern cryptography, ensuring that there 39 <p>{{ _("Your transactions are private, neither the exchange
33 is no counterfeit. Your digital wallet is safer 40 nor merchant needs to learn your identity. There is
34 than your physical wallet. At most, you can lose 41 no need to give out credit card numbers or other
35 its contents because your computer or mobile is 42 sensitive information. The merchant will only be
36 irreparably damaged or compromised. Unlike a 43 able to do exactly the transaction you agreed to.")
37 physical wallet, you can make backups to secure 44 }}</p>
38 against data loss.") }}</p>
39 45
40 </div> 46 </div>
41 <div class="col-lg-6"> 47 </div>
42 <h2>{{ _("Privacy") }}</h2> 48 <div class="row">
49 <div class="col-lg-6">
50 <h2>{{ _("Convenience") }}</h2>
43 51
44 <p>{{ _("Your transactions are private, neither the exchange 52 <p>{{ _("You will be able to withdraw money to replenish the
45 nor merchant needs to learn your identity. There is 53 digital coins in your wallet using your credit card
46 no need to give out credit card numbers or other 54 or wire transfers. Afterwards you can pay with
47 sensitive information. The merchant will only be 55 one-click using the Taler wallet, which optionally
48 able to do exactly the transaction you agreed to.") 56 keeps your transaction history on your computer.")
49 }}</p> 57 }}</p>
50 58
51 </div> 59 </div>
52 </div> 60 <div class="col-lg-6">
53 <div class="row"> 61 <h2>{{ _("Stability") }}</h2>
54 <div class="col-lg-6">
55 <h2>{{ _("Convenience") }}</h2>
56 62
57 <p>{{ _("You will be able to withdraw money to replenish the 63 <p>{{ _("Coins in your digital wallet will be of the same
58 digital coins in your wallet using your credit card 64 denomination as the cash in your physical wallet.
59 or wire transfers. Afterwards you can pay with 65 Taler is not a crypto-currency, so you do not have
60 one-click using the Taler wallet, which optionally 66 to worry about cryto-currency related value
61 keeps your transaction history on your computer.") 67 fluctuations. Banking with Taler is subject to the
62 }}</p> 68 usual government protections for finanical
69 services.") }}</p>
63 70
64 </div> 71 </div>
65 <div class="col-lg-6"> 72 </div>
66 <h2>{{ _("Stability") }}</h2> 73 <div class="col-lg-12">
74 <h2 id="overview">{{ _("Taler as seen by customers") }}</h2>
67 75
68 <p>{{ _("Coins in your digital wallet will be of the same 76 <p>{{ _("Customers interact with the Taler system mostly using
69 denomination as the cash in your physical wallet. 77 a free wallet implementation, which may be an
70 Taler is not a crypto-currency, so you do not have 78 extension or plugin to their browser or a custom
71 to worry about cryto-currency related value 79 application on their computer(s). Typical steps
72 fluctuations. Banking with Taler is subject to the 80 performed by customers are: ") }}</p>
73 usual government protections for finanical 81 <p>
74 services.") }}</p> 82 </p>
83 <img src="{{ url('images/customer.svg') }}" alt="customer perspective" style="float: right; margin: 50px 5px 5px 5px;" width="50%">
84 <ol>
85 <li>{{ _("The customer selects an exchange (i.e. by
86 visiting the respective website or selecting
87 from a list of exchanges in the application) and
88 asks the wallet to create bank transfer
89 instructions to withdraw a certain amount of
90 electronic cash. The bank transfer instructions
91 will contain an access code that must be
92 included in the subject of the transaction, as
93 well as the wire details for the exchange (i.e.
94 a SEPA account number).") }}</li>
75 95
76 </div> 96 <li>{{ _("The customer then instructs his <b>bank</b> to
77 </div> 97 transfer funds from his account to the Taler
78 <div class="col-lg-12"> 98 exchange using these instructions provided by
79 <h2 id="overview">{{ _("Taler as seen by customers") }}</h2> 99 the wallet (top left).") }}</li>
80 100
81 <p>{{ _("Customers interact with the Taler system mostly using 101 <li>{{ _("Once the funds have arrived, the wallet will
82 a free wallet implementation, which may be an 102 automatically withdraw the electronic coins.
83 extension or plugin to their browser or a custom 103 The customer can use the wallet to review his
84 application on their computer(s). Typical steps 104 remaining balance at any time. He can also make
85 performed by customers are: ") }}</p> 105 backups to secure his digital coins against
86 106 hardware failures.") }}</li>
87 <p>
88 </p>
89 <img src="{{ url('images/customer.svg') }}" alt="customer perspective" style="float: right; margin: 50px 5px 5px 5px;" width="50%">
90 <ol>
91
92 <li>{{ _("The customer selects an exchange (i.e. by
93 visiting the respective website or selecting
94 from a list of exchanges in the application) and
95 asks the wallet to create bank transfer
96 instructions to withdraw a certain amount of
97 electronic cash. The bank transfer instructions
98 will contain an access code that must be
99 included in the subject of the transaction, as
100 well as the wire details for the exchange (i.e.
101 a SEPA account number).") }}</li>
102 107
103 <li>{{ _("The customer then instructs his <b>bank</b> to 108 <li>{{ _("When visiting a merchant that supports Taler,
104 transfer funds from his account to the Taler 109 an additional payment option for Taler is
105 exchange using these instructions provided by 110 enabled in the checkout system. If the
106 the wallet (top left).") }}</li> 111 customer selects payments via Taler, the wallet
107 112 displays the secured contract from the merchant
108 <li>{{ _("Once the funds have arrived, the wallet will 113 and asks for confirmation. Taler does not
109 automatically withdraw the electronic coins. 114 require the customer to provide any identity
110 The customer can use the wallet to review his 115 information to the merchant. Transaction
111 remaining balance at any time. He can also make 116 histories and digitally signed contracts can be
112 backups to secure his digital coins against 117 preserved in the wallet for future review by
113 hardware failures.") }}</li> 118 the customer, or even use in court.") }}</li>
114 119 </ol>
115 <li>{{ _("When visiting a merchant that supports Taler, 120 <p></p>
116 an additional payment option for Taler is 121 </div>
117 enabled in the checkout system. If the 122</div> <!-- /container -->
118 customer selects payments via Taler, the wallet 123{% endblock body_content %}
119 displays the secured contract from the merchant
120 and asks for confirmation. Taler does not
121 require the customer to provide any identity
122 information to the merchant. Transaction
123 histories and digitally signed contracts can be
124 preserved in the wallet for future review by
125 the customer, or even use in court.") }}</li>
126 </ol>
127 <p></p>
128 </div>
129 {% include "common/footer.j2.inc" %}
130 </div> <!-- /container -->
131 </body>
132</html>