1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
|
<!DOCTYPE html>
<!--
This file is part of GNU TALER.
Copyright (C) 2014, 2015, 2016, 2020, 2021 Taler Systems SA
TALER is free software; you can redistribute it and/or modify it under the
terms of the GNU Lesser General Public License as published by the Free Software
Foundation; either version 2.1, or (at your option) any later version.
TALER is distributed in the hope that it will be useful, but WITHOUT ANY
WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
A PARTICULAR PURPOSE. See the GNU Lesser General Public License for more details.
You should have received a copy of the GNU Lesser General Public License along with
TALER; see the file COPYING. If not, see <http://www.gnu.org/licenses/>
-->
<html lang="{{ getlang() }}">
<head>
<title>{{ page_title | default(gettext("GNU Taler Demo")) }}</title>
<link rel="stylesheet" type="text/css" href="{{ static('pure.css') }}">
<link rel="stylesheet" type="text/css" href="{{ static('demo.css') }}">
{% block head %}
{% endblock %}
<script>
function resetState() {
document.getElementById("lang").classList.add("hide");
}
function bodyKeyPress(event) {
if (event.code === "Escape") {
resetState();
}
}
function bodyOnClick(event) {
resetState();
}
</script>
</head>
<body onkeydown="bodyKeyPress(event)" onclick="bodyOnClick(event)">
<header class="demobar" style="display: flex; flex-direction: row; justify-content: space-between;">
<a href="#main" class="skip">Skip to main content</a>
<div style="max-width: 50em; margin-left: 2em;">
{% block header_content %}
<p>This is the header content.</p>
{% endblock %}
</div>
<a href="https://taler.net/">
<img src="{{ static('logo-white.svg') }}" alt="GNU Taler logo" height="100" width="224" style="margin: 2em 2em"><br>
</a>
</header>
<div style="display:flex; flex-direction: column;" class="navcontainer">
<nav class="demolist">
<a href="{{ env('TALER_ENV_URL_INTRO', '#') + getlang() + '/' }}"
{% if getactive() == 'landing' %} class="active" {% endif %}
>{{gettext("Introduction")}}</a>
<a href="{{ env('TALER_ENV_URL_BANK', '#') + '?lang=' + getlang() }}"
{% if getactive() == 'bank' %} class="active" {% endif %}
>{{gettext("Bank")}}</a>
<a href="{{ env('TALER_ENV_URL_MERCHANT_BLOG', '#') + getlang() + '/' }}"
{% if getactive() == 'blog' %} class="active" {% endif %}
>{{gettext("Essay Shop")}}</a>
<a href="{{ env('TALER_ENV_URL_MERCHANT_DONATIONS', '#') + getlang() + '/' }}"
{% if getactive() == 'donations' %} class="active" {% endif %}
>{{gettext("Donations")}}</a>
<a href="{{ env('TALER_ENV_URL_MERCHANT_SURVEY', '#') + getlang() + '/' }}"
{% if getactive() == 'survey' %} class="active" {% endif %}
>{{gettext("Tipping/Survey")}}</a>
<script>
function handleLang(event){
if (event.type === 'click') {
document.getElementById("lang").classList.toggle("hide");
event.stopPropagation();
}
}
</script>
{# Language Selector #}
<div class="right">
<button onkeydown="handleLang(event)" onclick="handleLang(event)" name="language">
{{ all_languages[getlang()] | default("en") }}
</button>
<div id="lang" class="hide">
<div style="position: relative; overflow: visible;">
<div class="nav" style="position: absolute; max-height: 60vh; overflow-y: scroll">
{% for lang_code, lang_display in all_languages.items() %}
{% if lang_code != getlang() %}
<a href="{{ url_for('index') + lang_code + '/' }}"
class="navbtn langbtn">{{ lang_display }}</a>
{% endif %}
{% endfor %}
</div>
</div>
</div>
</div>
</nav>
</div>
<section id="main" class="content">
{% block main %}
This is the main content of the page.
{% endblock %}
<hr>
<div>
<p>
{{
gettext('You can learn more about GNU Taler on our main <a href="{site}">website</a>.').format(site="https://taler.net/" + getlang() + "/")
}}
</p>
<div style="flex-grow:1"></div>
<p>Copyright © 2014—2022 Taler Systems SA</p>
</div>
</section>
</body>
</html>
|
