diff options
author | Florian Dold <florian.dold@gmail.com> | 2017-03-06 00:21:07 +0100 |
---|---|---|
committer | Florian Dold <florian.dold@gmail.com> | 2017-03-06 00:32:35 +0100 |
commit | f951d9e2660ab3c12ed5fe47165c027ee309ae60 (patch) | |
tree | 63cdcc9dedae1975e2052b11fc2e3150fc294354 /index.html.j2 | |
parent | df95abeb7a4a967553b08b3f4bbc5065aa4c63e2 (diff) | |
download | www-f951d9e2660ab3c12ed5fe47165c027ee309ae60.tar.gz www-f951d9e2660ab3c12ed5fe47165c027ee309ae60.zip |
factor out base template
Diffstat (limited to 'index.html.j2')
-rw-r--r-- | index.html.j2 | 210 |
1 files changed, 109 insertions, 101 deletions
diff --git a/index.html.j2 b/index.html.j2 index 5262bf2d..bbbb525d 100644 --- a/index.html.j2 +++ b/index.html.j2 | |||
@@ -1,121 +1,129 @@ | |||
1 | <!DOCTYPE html> | 1 | {% extends "common/base.j2" %} |
2 | <html lang="{{ lang }}"> | 2 | {% block body_content %} |
3 | <head> | 3 | <div class="container c_intro"> |
4 | <meta charset="UTF-8"/> | 4 | <!-- Jumbotron --> |
5 | <title>{{ _("GNU Taler") }}</title> | 5 | <div class="jumbotron"> |
6 | <meta name="description" content="{{ _('Taxable Anonymous Libre Electronic Reserves') }}" /> | 6 | <img align="middle" alt="Taler logo" width="33%" src="{{ url('taler-big.svg') }}" style="margin: 0px 0px -120px 0px;"> |
7 | {% include "common/header.j2.inc" %} | ||
8 | </head> | ||
9 | <body> | ||
10 | <div class="container c_intro"> | ||
11 | {% include "common/navigation.j2.inc" %} | ||
12 | <!-- Jumbotron --> | ||
13 | <div class="jumbotron"> | ||
14 | <img align="middle" alt="Taler logo" width="33%" src="{{ url('taler-big.svg') }}" style="margin: 0px 0px -120px 0px;"> | ||
15 | </div> | ||
16 | <div class="jumbotron"> | ||
17 | <h1>{{ _("Independent One-Click Payments!") }}</h1> | ||
18 | |||
19 | <p>{{ _("Taler is an electronic payment system under | ||
20 | development | ||
21 | at <a href=\"http://www.inria.fr/\">Inria</a>. We expect to make it operational in 2017. | ||
22 | Meanwhile you can learn about Taler on this website, try the <a href=\"https://demo.taler.net\">demo</a> | ||
23 | and look at our <a href=\"https://docs.taler.net\">developer</a> and <a href=\"https://api.taler.net\">API</a> documentation. | ||
24 | ") }}</p> | ||
25 | |||
26 | </div> | ||
27 | |||
28 | </div> | 7 | </div> |
8 | <div class="jumbotron"> | ||
9 | <h1>{{ _("Independent One-Click Payments!") }}</h1> | ||
29 | 10 | ||
30 | <div class="contianer-fluid c_acronym"> | 11 | <p> |
31 | <div class="container"> | 12 | {% trans %} |
13 | Taler is an electronic payment system under | ||
14 | development | ||
15 | at <a href="http://www.inria.fr/">Inria</a>. We expect to make it operational in 2017. | ||
16 | Meanwhile you can learn about Taler on this website, try the <a href="https://demo.taler.net\">demo</a> | ||
17 | and look at our <a href="https://docs.taler.net\">developer</a> and <a href="https://api.taler.net">API</a> documentation. | ||
18 | {% endtrans %} | ||
19 | </p> | ||
20 | |||
21 | </div> | ||
32 | 22 | ||
33 | <div class="row"> | 23 | </div> |
34 | <div class="col-lg-4"> | ||
35 | <h2>{{ _("<b>T</b>axable") }}</h2> | ||
36 | 24 | ||
37 | <p>{{ _("Unlike Bitcoin or cash payments, Taler ensures that | 25 | <div class="contianer-fluid c_acronym"> |
38 | governments can learn their citizen's total income | 26 | <div class="container"> |
39 | and thus collect sales, value-added or income | ||
40 | taxes. Taler is a currency for the mainstream | ||
41 | economy, and not the black market.") }}</p> | ||
42 | 27 | ||
43 | </div> | 28 | <div class="row"> |
44 | <div class="col-lg-4"> | 29 | <div class="col-lg-4"> |
45 | <h2>{{ _("<b>A</b>nonymous") }}</h2> | 30 | <h2>{{ _("Taxable") }}</h2> |
46 | 31 | ||
47 | <p>{{ _("When you pay with Taler, your identity does not | 32 | <p> |
48 | have to be revealed to the merchant. Just like | 33 | {% trans %} |
49 | payments in cash, nobody else can track how you | 34 | Unlike Bitcoin or cash payments, Taler ensures that |
50 | spent your electronic money. However, you obtain a | 35 | governments can learn their citizen's total income |
51 | legally valid proof of payment.") }}</p> | 36 | and thus collect sales, value-added or income |
37 | taxes. Taler is a currency for the mainstream | ||
38 | economy, and not the black market. | ||
39 | {% endtrans %} | ||
40 | </p> | ||
52 | 41 | ||
53 | </div> | 42 | </div> |
54 | <div class="col-lg-4"> | 43 | <div class="col-lg-4"> |
55 | <h2>{{ _("<b>L</b>ibre") }}</h2> | 44 | <h2>{{ _("<b>A</b>nonymous") }}</h2> |
56 | 45 | ||
57 | <p>{{ _("Taler is free software | 46 | <p> |
58 | from <a href=\"http://www.gnu.org/\">the GNU | 47 | {% trans %} |
59 | project</a> implementing an open protocol. Anybody | 48 | When you pay with Taler, your identity does not |
60 | is welcome to inspect our code and integrate our | 49 | have to be revealed to the merchant. Just like |
61 | reference implementation into their applications.") | 50 | payments in cash, nobody else can track how you |
62 | }}</p> | 51 | spent your electronic money. However, you obtain a |
52 | legally valid proof of payment. | ||
53 | {% endtrans %} | ||
54 | </p> | ||
63 | 55 | ||
64 | </div> | ||
65 | </div> | 56 | </div> |
66 | <div class="row"> | 57 | <div class="col-lg-4"> |
67 | <div class="col-lg-4"> | 58 | <h2>{{ _("<b>L</b>ibre") }}</h2> |
68 | <h2>{{ _("<b>E</b>lectronic") }}</h2> | ||
69 | |||
70 | <p>{{ _("Taler is easy to integrate with existing Web | ||
71 | applications. Payments are cryptographically | ||
72 | secured and are confirmed within milliseconds with | ||
73 | extremely low transaction costs.") }}</p> | ||
74 | 59 | ||
75 | </div> | 60 | <p> |
76 | <div class="col-lg-4"> | 61 | {% trans %} |
77 | <h2>{{ _("<b>R</b>eserves") }}</h2> | 62 | Taler is free software |
63 | from <a href="http://www.gnu.org/">the GNU project</a> | ||
64 | implementing an open protocol. Anybody | ||
65 | is welcome to inspect our code and integrate our | ||
66 | reference implementation into their applications. | ||
67 | {% endtrans %} | ||
68 | </p> | ||
78 | 69 | ||
79 | <p>{{ _("Taler does not introduce a new currency with | ||
80 | fluctuation risks, and instead uses a digital | ||
81 | wallet holding coins in reserve. Taler's | ||
82 | cryptographic coins correspond to existing | ||
83 | currencies, such as US Dollars, Euros or even | ||
84 | Bitcoins.") }}</p> | ||
85 | |||
86 | </div> | ||
87 | </div> | 70 | </div> |
88 | </div> | 71 | </div> |
89 | </div> | 72 | <div class="row"> |
73 | <div class="col-lg-4"> | ||
74 | <h2>{{ _("<b>E</b>lectronic") }}</h2> | ||
75 | |||
76 | <p> | ||
77 | {% trans %} | ||
78 | Taler is easy to integrate with existing Web | ||
79 | applications. Payments are cryptographically | ||
80 | secured and are confirmed within milliseconds with | ||
81 | extremely low transaction costs. | ||
82 | {% endtrans %} | ||
83 | </p> | ||
90 | 84 | ||
91 | <div class="container"> | 85 | </div> |
92 | <div class="row"> | 86 | <div class="col-lg-4"> |
87 | <h2>{{ _("<b>R</b>eserves") }}</h2> | ||
93 | 88 | ||
94 | <div class="col-lg-4"> | 89 | <p> |
95 | <h2>{{ _("Latest Videos") }}</h2> | 90 | {% trans %} |
96 | <p>{{ _("Florian Dold talks about Taler at 50p!") }}</p> | 91 | Taler does not introduce a new currency with |
97 | <video id="video" poster="/videos/dold50p.png" autobuffer="" height="180" width="320" controls="controls"> | 92 | fluctuation risks, and instead uses a digital |
98 | <source src="/videos/dold50p.webm" type="video/webm"> | 93 | wallet holding coins in reserve. Taler's |
99 | <source src="/videos/dold50p.ogv" type="video/ogv"> | 94 | cryptographic coins correspond to existing |
100 | </video> | 95 | currencies, such as US Dollars, Euros or even |
101 | <a rel="license" href="https://creativecommons.org/licenses/by-nd/3.0/deed.en_US"><img alt="Creative Commons License" style="border-width:0" src="/images/ccby.png"></a><br>"<span xmlns:dct="http://purl.org/dc/terms/" property="dct:title">GNU Taler</span>" by <span xmlns:cc="http://creativecommons.org/ns#" property="cc:attributionName">Florian Dold, produced by 50p</span> is licensed under a <a rel="license" href="https://creativecommons.org/licenses/by-nd/3.0/deed.en_US">Creative Commons Attribution NoDerivatives 3.0 Unported License</a>. | 96 | Bitcoins. |
102 | </div> | 97 | {% endtrans %} |
98 | </p> | ||
99 | |||
103 | </div> | 100 | </div> |
104 | <div class="row"> | 101 | </div> |
105 | <div class="col-lg-6"> | 102 | </div> |
106 | <h2>{{ _("Taler News") }}</h2> | 103 | </div> |
107 | {% include "news.html.j2.inc" %} | 104 | |
108 | </div> | 105 | <div class="container"> |
109 | <div class="col-lg-6"> | 106 | <div class="row"> |
110 | <h2>{{ _("Financial News") }}</h2> | 107 | |
111 | {% include "financial-news.html.j2.inc" %} | 108 | <div class="col-lg-4"> |
112 | </div> | 109 | <h2>{{ _("Latest Videos") }}</h2> |
110 | <p>{{ _("Florian Dold talks about Taler at 50p!") }}</p> | ||
111 | <video id="video" poster="/videos/dold50p.png" autobuffer="" height="180" width="320" controls="controls"> | ||
112 | <source src="/videos/dold50p.webm" type="video/webm"> | ||
113 | <source src="/videos/dold50p.ogv" type="video/ogv"> | ||
114 | </video> | ||
115 | <a rel="license" href="https://creativecommons.org/licenses/by-nd/3.0/deed.en_US"><img alt="Creative Commons License" style="border-width:0" src="/images/ccby.png"></a><br>"<span xmlns:dct="http://purl.org/dc/terms/" property="dct:title">GNU Taler</span>" by <span xmlns:cc="http://creativecommons.org/ns#" property="cc:attributionName">Florian Dold, produced by 50p</span> is licensed under a <a rel="license" href="https://creativecommons.org/licenses/by-nd/3.0/deed.en_US">Creative Commons Attribution NoDerivatives 3.0 Unported License</a>. | ||
113 | </div> | 116 | </div> |
114 | </div> <!-- /container --> | 117 | </div> |
115 | <div class="container-fluid"> | 118 | <div class="row"> |
116 | <div class="container"> | 119 | <div class="col-lg-6"> |
117 | {% include "common/footer.j2.inc" %} | 120 | <h2>{{ _("Taler News") }}</h2> |
121 | {% include "news.html.j2.inc" %} | ||
118 | </div> | 122 | </div> |
123 | <div class="col-lg-6"> | ||
124 | <h2>{{ _("Financial News") }}</h2> | ||
125 | {% include "financial-news.html.j2.inc" %} | ||
126 | </div> | ||
119 | </div> | 127 | </div> |
120 | </body> | 128 | </div> <!-- /container --> |
121 | </html> | 129 | {% endblock body_content %} |