diff options
Diffstat (limited to 'template/ngi-taler.html.j2')
-rw-r--r-- | template/ngi-taler.html.j2 | 241 |
1 files changed, 241 insertions, 0 deletions
diff --git a/template/ngi-taler.html.j2 b/template/ngi-taler.html.j2 new file mode 100644 index 00000000..05be7ed0 --- /dev/null +++ b/template/ngi-taler.html.j2 @@ -0,0 +1,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|sort(attribute='date',reverse=true) %} + <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 %} |