taler-www

Main taler.net website
Log | Files | Refs | Submodules | README | LICENSE

commit c87a3365fa14b72fea9d1a2db4a287ec999a5502
parent 7f451c02d448c58e4bca7b074fc89eccb5d07b98
Author: Andreas HABEGGER <andreas.habegger@bfh.ch>
Date:   Thu, 30 Nov 2023 23:25:31 +0100

UC: Semantic clean-up -- feedback 9, 10, 12 from hk; WIP

Diffstat:
Mcommon/consortium.j2 | 25++++++++++++-------------
Mcommon/header.j2.inc | 6+++---
Mproperties.d/events_eu-project.yml | 18+++++++++---------
Mproperties.d/partners.yml | 18+++++++++---------
Mtemplate/consortium.html.j2 | 138+++++++++++++++++++++++++++++++++----------------------------------------------
5 files changed, 91 insertions(+), 114 deletions(-)

diff --git a/common/consortium.j2 b/common/consortium.j2 @@ -1,24 +1,23 @@ <!DOCTYPE html> <html lang="{{ lang }}"> <head> - {# TODO Fix meta data based on EU TALER Consortium requirements #} <meta charset="UTF-8"/> - <title>{{ _("GNU Taler") }}</title> - <link rel="shortcut icon" href="/favicon.ico"> - <link rel="icon" type="image/svg+xml" href="{{ url_static('images/favicon.svg') }}" sizes="any"> - <link rel="icon" type="image/png" href="{{ url_static('images/android-chrome-192x192.png') }}" sizes="192x192"> - <link rel="icon" type="image/png" href="{{ url_static('images/android-chrome-512x512.png') }}" sizes="512x512"> - <link rel="apple-touch-icon" sizes="180x180" href="{{ url_static('images/apple-touch-icon.png') }}"> - <meta name="msapplication-TileColor" content="#ffffff"> - <meta name="msapplication-TileImage" content="{{ url_static('images/mstile-150x150.png') }}"> - <meta property="og:title" content="GNU Taler - Taxable Anonymous Libre Electronic Reserves" /> + <title>{{ _("GNU Taler") }} Horizon Project</title> + <link rel="shortcut icon" href="/favicon.ico" /> + <link rel="icon" type="image/svg+xml" href="{{ url_static('images/favicon.svg') }}" sizes="any" /> + <link rel="icon" type="image/png" href="{{ url_static('images/android-chrome-192x192.png') }}" sizes="192x192" /> + <link rel="icon" type="image/png" href="{{ url_static('images/android-chrome-512x512.png') }}" sizes="512x512" /> + <link rel="apple-touch-icon" sizes="180x180" href="{{ url_static('images/apple-touch-icon.png') }}" /> + <meta name="msapplication-TileColor" content="#ffffff" /> + <meta name="msapplication-TileImage" content="{{ url_static('images/mstile-150x150.png') }}" /> + <meta property="og:title" content="The EUROTALER funded by Horizon Europe and SBFI." /> <meta property="og:type" content="website" /> - <meta property="og:url" content="{{ url_localized('index.html') }}" /> + <meta property="og:url" content="{{ url_localized('consortium.html') }}" /> <meta property="og:image" content="https://taler.net/favicon.ico" /> <meta property="og:image" content="/favicon.ico" /> <meta property="og:image" content="{{ url_static('images/favicon.png') }}" /> - {# TODO Fix description #} - <meta name="description" content="{{ _('A payment system that makes privacy-friendly online transactions fast and easy.') }}" /> + <meta name="description" content="{{ _('The EUROTALER consortium, funded by Horizon Europe and SBFI, aims to bring the GNU Taler to market across Europe.') }}" /> + {# <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@_nu/html-validator" /> #} {# TODO Other header may be needed #} {% include "common/header.j2.inc" %} {% block head_content %}{% endblock %} diff --git a/common/header.j2.inc b/common/header.j2.inc @@ -54,12 +54,12 @@ <!-- Custom styles for this template --> <link href="{{ url_static('styles.css') }}" rel="stylesheet"> - <script src="{{ url_dist('bootstrap/bootstrap.bundle.min.js') }}"></script> + <script defer src="{{ url_dist('bootstrap/bootstrap.bundle.min.js') }}"></script> <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!--[if lt IE 9]> - <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> - <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> + <script defer src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> + <script defer src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> <link rel="alternate" type="application/rss+xml" title="Taler.net rss" href="{{ url_localized('rss.xml') }}"> diff --git a/properties.d/events_eu-project.yml b/properties.d/events_eu-project.yml @@ -10,15 +10,6 @@ # email: events: - - date: 2024-06-01 - title: Carving a way out of surveillance capitalism - url_img: images/9-competition.svg - url_ext: https://www.tedxgeneva.net/ - url_html: - teaser: TEDx Geneva talk with a contribution by Marie Walrafen - location: IFRC, Chem. des Crêts 17, 1209 Geneva, Switzerland - speaker: Marie Walrafen - email: mw'AT'taler.net - date: 2023-12-08 title: Introduction to GNU Taler (lecture) url_img: images/TalerDiagram.svg @@ -37,3 +28,12 @@ events: location: Freedom of the Internet Meetup, 網路自由小聚, Taipei City, Taiwan speaker: Christian Grothoff email: cg'AT'taler.net + - date: 2024-06-01 + title: Carving a way out of surveillance capitalism + url_img: images/9-competition.svg + url_ext: https://www.tedxgeneva.net/ + url_html: + teaser: TEDx Geneva talk with a contribution by Marie Walrafen + location: IFRC, Chem. des Crêts 17, 1209 Geneva, Switzerland + speaker: Marie Walrafen + email: mw'AT'taler.net diff --git a/properties.d/partners.yml b/properties.d/partners.yml @@ -3,7 +3,7 @@ partners: name: "Eindhoven University of Technology" contact: "" logo: images/logo-tue.svg - url: "https://www.tue.nl/" + url: https://www.tue.nl role: "The team of Eindhoven University of Technology consists of Kathrin H&ouml;velmanns, Andreas H&uuml;lsing, Tanja Lange, and Heloise Vieira. They coordinate the consortium and their work focuses on research and applications of cryptology." statement: "" @@ -20,7 +20,7 @@ partners: name: "Taler Systems SA" contact: "Dr. Florian Dold" logo: images/logo-TalerSystems.svg - url: https://taler-systems.com/ + url: https://taler-systems.com role: "Taler Systems SA will sustain the development of the core GNU Taler technology and assist all partners with their respective integration efforts." statement: "This consortium offers the perfect opportunity to widely deploy GNU Taler @@ -37,7 +37,7 @@ partners: name: "MagNet Bank" contact: "-- TBD --" logo: images/logo-MagNetBank.svg - url: https://www.magnetbank.hu/ + url: https://www.magnetbank.hu role: "-- TBD --" statement: "-- TBD --" - id: CBG @@ -55,14 +55,14 @@ partners: name: "Visual Vest" contact: "-- TBD --" logo: images/logo-visualvest.svg - url: https://www.visualvest.de/ - role: "" - statement: "" + url: https://www.visualvest.de + role: "-- TBD --" + statement: "-- TBD --" - id: HODI name: "Homo Digitalis" contact: "Eleftherios Chelioudakis" logo: images/logo-HomoDigitalis.svg - url: https://www.homodigitalis.gr/ + url: https://www.homodigitalis.gr role: "Homo Digitalis is a Greek Civil Society Organization that focuses on the protection and promotion of human rights in the digital age, member of the EDRi network." statement: "Homo Digitalis, as a digital rights CSO, is extremely excited to participate in this project, working shoulder to shoulder with an amazing group of stakeholders @@ -86,13 +86,13 @@ partners: name: "E-Seniors Association" contact: "-- TBD --" logo: images/logo-esen.svg - url: 'https://www.eseniors.eu/' + url: https://www.eseniors.eu role: "ESEN fights e-exclusion by offering ICT training to seniors (people aged 55 and over) to bridge the digital gap between generations and foster seniors’ social participation." statement: "ESEN’s main focus is on representing end-users and ensuring that technical solutions meet the needs of end-users, especially senior citizens." - id: NLnet name: "Stichting NLnet" contact: "-- TBD --" logo: images/logo-nlnet.svg - url: https://nlnet.nl/ + url: https://nlnet.nl role: "-- TBD --" statement: "-- TBD --" diff --git a/template/consortium.html.j2 b/template/consortium.html.j2 @@ -1,41 +1,21 @@ {% extends "common/consortium.j2" %} {% block body_content %} -<main id="maincontent"> - - {# - <script> - window.onload = function () { - var span = document.createElement('span'); - - span.className = 'fas'; - span.style.display = 'none'; - document.body.insertBefore(span, document.body.firstChild); - - alert(window.getComputedStyle(span, null).getPropertyValue('font-family')); - - document.body.removeChild(span); - }; - </script> - #} - - <div class="container consortium dark-grey-text"> - +<main id="maincontent" class="container consortium dark-grey-text"> + <article> <div class="row"> <h4 class="font-weight-bold pb-2 mb-4">{{ _("Project")}}</h4> - <div class="col col-md-auto"></div> - - <div class="col-md-11 col-md-4 mb-4"> + {# <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"> - The TALER project is funded under Horizon Europe (Pilots for the Next Generation Internet) with the aim of bringing GNU Taler to market across Europe. - <br> + </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"> @@ -48,21 +28,24 @@ </h2> <div id="collapse_{{ loop.index }}" class="accordion-collapse collapse" aria-labelledby="heading_{{ loop.index }}" data-bs-parent="#accordionObjectives"> - <div class="accordion-body text-muted w-responsive"> + <p class="accordion-body text-muted w-responsive"> {{ objective.text }} - </div> + </p> </div> </div> {% endfor %} </div> </div> - <div class="col col-md-auto"></div> </div> + </article> + + <article> <div class="row"> <div class="col-md-6 mb-6"> <h4 class="font-weight-bold pb-2 mb-4">{{ _("Events")}}</h4> + <!-- events carousel --> <div class="container announce"> <div id="AnnouncCarousel" class="carousel slide" data-bs-ride="carousel"> <!-- Carousel indicators --> @@ -110,12 +93,12 @@ </div> </div> - <div class="col-md-1 mb-1"></div> {# DEPRECATED DELIVERABLES + <!-- 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 " > + <div class="list-group "> {% for item in conf['deliverables'] %} {% set ns = namespace(symbol='images/file-cancel.svg') %} @@ -140,64 +123,58 @@ {% endfor %} </div> {% endif %} - <div class="col cold-md-auto"></div> </div> #} + </div> + </article> - <div class="row"> - <h4 class="font-weight-bold pb-2 mb-4">{{ _("Partners")}}</h4> - </div> - - <div class="row mb-4"> - <div class="col col-md-auto"></div> - - <div class="col-md-11"> - <p class="w-responsive mx-auto mb-3"> - - The 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 (TUE) and - applied science universities (BFH), small for-profit (CBG, TSYS, VV) and non-profit (PS) companies, - cooperative banks (GLS, MAG), a foundation (NLnet) and grassroots movements (ESEN, HODI). - - </p> + <article> + <div class="row"> + <h4 class="font-weight-bold pb-2 mb-4">{{ _("Partners")}}</h4> + </div> - </div> - <div class="col col-md-auto"></div> + <div class="row mb-4"> + <!-- consortium intro --> + <div class="col-md-11 col-md-4 mb-4 px-md-4"> + <p class="w-responsive mx-auto mb-3"> + The 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 (TUE) and + applied science universities (BFH), small for-profit (CBG, TSYS, VV) and non-profit (PS) companies, + cooperative banks (GLS, MAG), a foundation (NLnet) and grassroots movements (ESEN, HODI). + </p> </div> + </div> - <div class="row row-cols-1 row-cols-md-3 g-4 text-center"> - <!-- start --> - - {% 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="180" 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"> - <small class="text-body-secondary dark-grey-text text-muted word-wrap"><i> {{ partner.statement }} - </i></small> - </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="180" 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> - - {% endfor %} </div> + {% endfor %} + </div> + </article> - </div> </main> -{% endblock body_content %} +{% endblock body_content %} +\ No newline at end of file