summaryrefslogtreecommitdiff
path: root/talermerchantdemos/donations/templates/base.html.j2
blob: f3b1359c09da1b22440fa6ebb89637cd383aa552 (plain)
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
<!DOCTYPE html>
<!--
  This file is part of GNU TALER.
  Copyright (C) 2014, 2015, 2016, 2020 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 data-taler-nojs="true">
<head>
  <title>{{ gettext("GNU Taler Demo: Donations") }}</title>
  <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='pure.css') }}" />
  <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='demo.css') }}" />
  <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='navbar.css') }}" />
   <style>
    .warn {
      background-color: #aa393977;
      padding: 1em;
    }
    @keyframes hoveranim {
      from {left:0;}
      to {left:1vw;}
    }
    @keyframes hoveranimrevert {
      from {left:1vw;}
      to {left:0;}
    }
    .notice {
      border-radius: 1em;
      background: #0333;
      border-left: 0.3em solid #033;
      padding-left: 1em;
      padding-top: 0.5em;
      padding-bottom: 0.5em;
      margin-top: 2em;
      margin-bottom: 2em;
    }
    .notice {
      position: relative;
      left: 0;
      animation-name: hoveranimrevert;
      animation-duration: 1s;
    }
    .notice:hover {
      left: 1vw;
      animation-name: hoveranim;
      animation-duration: 1s;
    }
    #main a:link, #main a:visited, #main a:hover, #main a:active {
        color: black;
    }
  </style>

  {% block styles %}{% endblock %}
  {% block scripts %}{% endblock %}
</head>

<body>
  <header class="demobar" style="display: flex; flex-direction: column;">
    <h1><span class="tt adorn-brackets">{{ gettext("Taler Demo") }}</span><br/>
        <span class="it"><a href="{{ env('TALER_ENV_URL_MERCHANT_DONATIONS') }}">{{gettext("Donations")}}</a></span></h1>
    <p>{{
      gettext ("This is the donation page.") + "<br>" +
      gettext ("Using this page you can make donations in {currency} to Free Software projects.").format(currency=merchant_currency)
    }}
    </p>
  </header>

  <div style="display:flex; flex-direction: column;" class="navcontainer">
    <nav class="demolist">
      <a href="{{ env('TALER_ENV_URL_INTRO', '#') }}">{{gettext("Introduction")}}</a>
      <a href="{{ env('TALER_ENV_URL_BANK', '#') }}">{{gettext("Bank")}}</a>
      <a href="{{ env('TALER_ENV_URL_MERCHANT_BLOG', '#') }}">{{gettext("Essay Shop")}}</a>
      <a href="{{ env('TALER_ENV_URL_MERCHANT_DONATIONS', '#') }}" class="active>">{{gettext("Donations")}}</a>
      <a href="{{ env('TALER_ENV_URL_MERCHANT_SURVEY', '#') }}">{{gettext("Tipping/Survey")}}</a>
      <!-- a href="{{ env('TALER_ENV_URL_BACKOFFICE', '#') }}">{{gettext("Back-office")}}</a -->
      <span class="right">
        {{ gettext("English [en]") }}
        <!-- <input type="checkbox"> -->
        <div class="nav">
          <br>
          <!--<hr style="width: 100%;">-->
          {% if lang != 'en' %}
          <a href="/en/" class="navbtn">English [en]</a><br>
          {% endif %}
          {% if lang != 'de' %}
          <a href="/de/" class="navbtn">Deutsch [de]</a><br>
          {% endif %}
        </div>
      </span>
    </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/") }}</p>
      <div style="flex-grow:1"></div>
      <p>Copyright &copy; 2014&mdash;2020 Taler Systems SA</p>
    </div>
  </section>
</body>
</html>