summaryrefslogtreecommitdiff
path: root/talermerchantdemos/blog/templates/base.html
blob: 114b08ae51475caeb1709c839bec024e081409cc (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
116
117
118
<!DOCTYPE html>
<!-- 
  This file is part of GNU TALER.
  Copyright (C) 2014, 2015, 2016 INRIA

  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>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  {% block meta %}{% endblock %}
  <title>Taler Essay Shop Demo</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">Taler Demo</span></h1>
    <h1><span class="it"><a href="{{ env('TALER_ENV_URL_MERCHANT_BLOG') }}">Shop</a></span></h1>
    <p>On this page you can buy articles using an imaginary currency (for now).
       The articles are chapters from Richard Stallman's book &quot;Free Software, Free Society&quot;,
       which is also
      <a href="http://shop.fsf.org/product/free-software-free-society-2/">published by the FSF</a>
      and available gratis at <a href="http://www.gnu.org/">gnu.org</a>.
    </p>
  </header>
  <div style="display:flex; flex-direction: column;" class="navcontainer">
    <nav class="demolist">
      <a href="{{ env('TALER_ENV_URL_INTRO', '#') }}">Introduction</a>
      <a href="{{ env('TALER_ENV_URL_BANK', '#') }}">Bank</a>
      <a href="{{ env('TALER_ENV_URL_MERCHANT_BLOG', '#') }}" class="active">Essay Shop</a>
      <a href="{{ env('TALER_ENV_URL_MERCHANT_DONATIONS', '#') }}">Donations</a>
      <a href="{{ env('TALER_ENV_URL_MERCHANT_SURVEY', '#') }}">Tipping/Survey</a>
      <a href="{{ env('TALER_ENV_URL_BACKOFFICE', '#') }}">Back-office</a>
      <span class="right">
        Language
        <!-- <input type="checkbox"> -->
        <div class="nav">
          <br>
          <a href="" class="navbtn">EN</a><br>
          <a href="" class="navbtn">DE</a><br>
          <a href="" class="navbtn">FR</a><br>
          <a href="" class="navbtn">IT</a><br>
          <a href="" class="navbtn">JP</a>
        </div>
      </span>
    </nav>
  </div>
  <!-- <input type="checkbox" class="r"><label>test</label> -->

  <section id="main" class="content">
    {% block main %}
      This is the main content of the page.
    {% endblock %}
    <hr />
    <div>
      <p>You can learn more about Taler on our main <a href="https://taler.net">website</a>.</p>
      <div style="flex-grow:1"></div>
      <p>Copyright &copy; 2014&mdash;2020 Taler Systems SA</p>
    </div>
  </section>
</body>
</html>