summaryrefslogtreecommitdiff
path: root/template/ngi-taler.html.j2
blob: 89a88927b693d6355cc3bf10493b74117625dd86 (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
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
{% extends "common/consortium.j2" %}
{% block body_content %}
<main id="maincontent">
<div class="container consortium dark-grey-text">
  <article>
    <div class="row">
      <div class="col-lg-6">
        <img class="img-fluid" src="{{ url_static('images/logo-NGI_TALER_Bold.svg') }}" alt="NGI Taler logo" width="500px">
      </div>
      <h4 class="font-weight-bold pb-2 mb-4">NGI TALER</h4>
      <!-- {# <div class="col col-md-auto"></div> #} project intro -->
      <div class="col-md-11 col-md-4 mb-4 px-md-4">
        <p class="w-responsive mx-auto mb-3">
          GNU Taler (<em>Taxable Anonymous Libre Electronic Resources</em>) is a new secure 
          electronic payment system based on open standards, free software, and advanced cryptography.
          GNU Taler provides privacy guarantees to the buyer while offering the possibility 
          to audit merchants, making sale incomes transparent and fraud difficult. 
          To online merchants and retailers, GNU Taler offers instant transaction clearance 
          without risks of fake payment methods. Computations needed to clear the payments 
          are efficient and scalable so that banks can pass on lower transaction costs to 
          consumers and merchants. Consumers can withdraw money from their existing bank account 
          into their GNU Taler wallet, detaching their spending habits from scrutiny, in the way cash does.
        </p>
        <p class="w-responsive mx-auto mb-3">
          The NGI TALER project is funded under Horizon Europe (Pilots for the Next Generation Internet) with the aim of bringing GNU Taler to market across Europe.
        </p>
        <p class="w-responsive mx-auto mb-3">
          To make GNU Taler accessible to European citizens, we need a commercially viable use of
          the GNU Taler technology. We will achieve this through the four key project objectives.
        </p>
        <div class="accordion" id="accordionObjectives">
          {% for objective in conf['objectives'] %}
          <div class="accordion-item">
            <h2 class="accordion-header" id="heading_{{ loop.index }}">
              <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                data-bs-target="#collapse_{{ loop.index }}" aria-expanded="false"
                aria-controls="collapse_{{ loop.index }}">
                Objective {{ loop.index }}: {{ objective.title }}
              </button>
            </h2>
            <div id="collapse_{{ loop.index }}" class="accordion-collapse collapse"
              aria-labelledby="heading_{{ loop.index }}" data-bs-parent="#accordionObjectives">
              <p class="accordion-body text-muted w-responsive">
                {{ objective.text }}
              </p>
            </div>
          </div>
          {% endfor %}
        </div>
      </div>
    </div>
  </article>

  <article>
    <div class="row">
      <h4 class="font-weight-bold pb-2 mb-4">Events</h4>
    </div>

    <div class="row mb-4">
      <p>
        The consortium will organize or participate in different types of events across Europe.
      </p>
        {# Events will include talks presenting GNU Taler and related technologies, expert panels discussing 
        financial problems and possible solutions, workshops to jointly work on GNU Taler integrations, 
        usability studies with interested volunteers, and public consultations to gather ideas and requirements 
        from the general public. #}
      
      <div>
          {% for year, yitem in eventsdata|groupby('date.year')|reverse %}
          <p><b>{{ year }}</b></p>

          <ul class="timeline">
          {% for item in yitem|reverse %}
          <li>
              <section class="item-preview">
               <header>
                  <h5> {{ item['date']}}: {{ item['title']|e }}</h5>
                  <p class="item-date">
                    {{ item['teaser'] }}
                  </p>
                </header>
                  <p class="item-abstract">
                    {{ item['location']}} - Speaker: {{ item['speaker']}}
                  </p>
                  <p class="item-date">
                    <a href="{{ item['url_ext']}}" target="_blank" rel="noopener noreferrer">External link: {{ item['url_ext']}}</a>
                  </p>
              </section>
            </li>
          {% endfor %}
          </ul>
          {% endfor %}
        </div>
    </div>
  </article>
    
{# DEPRECATED EVENTS AND DELIVERABLES IN CAROUSEL JS
  <article>
    <div class="row">
      <h4 class="font-weight-bold pb-2 mb-4">Events</h4>
      <div class="col-md-6 mb-6">
        <!-- events carousel -->
        <div class="container announce">
          <div id="AnnouncCarousel" class="carousel slide" data-bs-ride="carousel">
            <!-- Carousel indicators -->
            <div class="carousel-indicators">
              {% for number in range(0, conf['events']|count) %}
              <button data-bs-target="#AnnouncCarousel" data-bs-slide-to="{{ number }}" {% if number==0 %}
                class="active" {% endif %} aria-current="true" aria-label="Slide {{ number + 1 }}"></button>
              {% endfor %}
            </div>

            <!-- Wrapper for carousel items -->
            <div class="carousel-inner vevent">
              {% for item in conf['events'] %}

              <div {% if loop.first %} class="carousel-item active" {% else %} class="carousel-item" {% endif %}
                data-bs-interval="5000">
                <h5 class="summary">{{ item['title'] }}</h5>
                <div class="img-box">
                  {% if item['url_ext'] is defined and item['url_ext'] and item['url_ext'] != "" %}
                  <a href="{{ item['url_ext'] }}" target="_blank" rel="noopener noreferrer">
                    {% endif %}
                    <img src="{{ url( item['url_img']|default('images/logo-2021.svg', true) ) }}" alt="" width="300px">
                    {% if item['url_ext'] is defined and item['url_ext'] and item['url_ext'] != "" %}
                  </a>
                  {% endif %}
                </div>
                <p class="description">
                  {{ item['teaser'] }}
                </p>
                <div class="contact">
                  <div class="fas fa-calendar-alt"> Date:
                    <span class="dtstart">
                      <abbr class="value" title="{{ item['date'] }}"> {{ item['date'] }}</abbr>
                    </span>
                  </div>
                  {% if item['url_ext'] is defined and item['url_ext'] and item['url_ext'] != "" %}
                  <div class="fa fa-globe"> <a target="_blank" href="{{ item['url_ext'] }}"> About</a></div>
                  {% endif %}
                  {% if item['location'] is defined and item['location'] and item['location'] != "" %}
                  <p class="fas fa-map-marker-alt"> Location: <span class="location">{{ item['location'] }}</span>
                  </p>
                  {% endif %}
                  <div class="fa fa-user"> <b>{{ item['speaker'] }}</b></div>
                  {% if item['email'] is defined and item['email'] and item['email'] != "" %}
                  <div class="fas fa-envelope"> <a href="mailto:{{ item['email'] }}?subject={{ item['title'] }}"><span
                        class="dark-grey-text"> Contact</span></a></div>
                  {% endif %}
                </div>
              </div>
              {% endfor %}
            </div>
          </div>
        </div>
      </div>

      <!-- deliverables -->
      <div class="col-md-4 mb-4">
        {% if conf['deliverables'] is defined and conf['deliverables'] and conf['deliverables'] != "" %}
        <h4 class="font-weight-bold pb-2 mb-4">Deliverables</h4>
        <div class="list-group ">
          {% for item in conf['deliverables'] %}
          {% set ns = namespace(symbol='images/file-cancel.svg') %}

          {% if item['url_pdf'] is defined and item['url_pdf'] and item['url_pdf'] != "" %}
          <a href="{{ url(item['url_pdf']) }}" class="list-group-item list-group-item-action">
            {% set ns.symbol = 'images/pdf.svg' %}
            {% elif item['page'] is defined and item['page'] and item['page'] != "" %}
            <a href="{{ url(item['page']) }}" class="list-group-item list-group-item-action">
              {% set ns.symbol = 'images/html.svg' %}
              {% else %}
              <a href="#" class="list-group-item list-group-item-action">
                {% endif %}
                <div class="d-flex w-100 justify-content-between">
                  <h5 class="mb-1"><img border=0 alt="" width=24 height=24 src="{{ url_static(ns.symbol) }}"> {{
                    item['title'] }}</h5>
                  <small>{{ item['workpackage'] }}</small>
                </div>
                {% if item['comment'] is defined and item['comment'] and item['comment'] != "" %}
                <p class="mb-1">{{ item['comment'] }}</p>
                {% endif %}
              </a>
              {% endfor %}
        </div>
        {% endif %}
      </div>
    </div>
  </article>
#}

  <article>
    <div class="row">
      <h4 class="font-weight-bold pb-2 mb-4">Partners</h4>
    </div>

    <div class="row mb-4">
      <!-- intro -->
      <div class="col-md-11 col-md-4 mb-4 px-md-4">
        <p class="w-responsive mx-auto mb-3">
          The NGI TALER consortium consists of 11 partners from 8 European countries (the Netherlands, Belgium, France,
          Germany, Greece, Hungary, Luxembourg and Switzerland).
        </p>
        <p class="w-responsive mx-auto mb-3">
          The consortium is diverse in terms of types of institutions, including research (Eindhoven University of Technology) and
          applied science universities (Berner Fachhochschule BFH), small for-profit companies (Code Blau GmbH, Taler Systems S.A., VisualVest), 
          a structure (petites singularités), cooperative banks (GLS Bank, MagNet Bank), a foundation (Stichting NLnet) 
          and grassroots movements (E-Seniors Association, Homo Digitalis).
        </p>
      </div>
    </div>

    <div class="row row-cols-1 row-cols-md-3 g-4 text-center">
      <!-- consortium board -->

      {% for partner in conf['partners'] %}
      <div class="col">
        <div class="card border-0 h-100">
          <a href="{{ partner.url }}" target="_blank" rel="noopener noreferrer">
            <img src="{{ url(partner.logo) }}" height="100" class="card-header rounded-circle z-depth-3"
              alt="{{ partner.id + ' avatar'}}">
          </a>
          {# <!-- <div class="card-note grey-text text-muted mt-3">{{ partner.contact }}</div> --> #}
          <div class="card-body h-100">
            <h5 class="card-title font-weight-bold grey-text">{{ partner.name }} </h5>
            {# <!-- <p class="card-text grey-text text-muted word-wrap"> {{ partner.role }} </p> --> #}
          </div>
          {# <!-- <div class="card-footer">
            <p><small class="text-body-secondary dark-grey-text text-muted word-wrap">
                <i>{{ partner.statement }}</i>
              </small></p>
          </div> --> #}
        </div>
      </div>
      {% endfor %}
    </div>
  </article>
  
 </div>
</main>
{% endblock body_content %}