diff options
Diffstat (limited to 'template')
-rw-r--r-- | template/consortium.html.j2 | 173 |
1 files changed, 70 insertions, 103 deletions
diff --git a/template/consortium.html.j2 b/template/consortium.html.j2 index b9d22761..95681afe 100644 --- a/template/consortium.html.j2 +++ b/template/consortium.html.j2 @@ -2,6 +2,22 @@ {% 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"> <div class="row"> @@ -9,125 +25,78 @@ <h4 class="font-weight-bold pb-2 mb-4">{{ _("Events")}}</h4> <div class="container announce"> <div id="AnnouncCarousel" class="carousel slide" data-bs-ride="carousel"> - <!-- Carousel indicators --> <div class="carousel-indicators"> - <button data-bs-target="#AnnouncCarousel" data-bs-slide-to="0" class="active" aria-current="true" - aria-label="Slide 1"></button> - <button type="button" data-bs-target="#AnnouncCarousel" data-bs-slide-to="1" - aria-label="Slide 2"></button> - <button type="button" data-bs-target="#AnnouncCarousel" data-bs-slide-to="2" - aria-label="Slide 3"></button> - <button type="button" data-bs-target="#AnnouncCarousel" data-bs-slide-to="3" - aria-label="Slide 4"></button> + {% 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"> - <div class="carousel-item active" data-bs-interval="2000"> - <div class="img-box"><img src="{{ url('images/7-efficient.svg') }}" alt=""></div> - <p class="testimonial">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu sem tempor, - varius quam at, luctus dui. Mauris magna metus, dapibus nec turpis vel, semper malesuada ante. - Idac bibendum scelerisque non non purus. Suspendisse varius nibh non aliquet.</p> - <p class="overview"><b>Paula Taler</b>, Professor</p> - </div> - <div class="carousel-item" data-bs-interval="2000"> - <div class="img-box"><img src="{{ url('images/taler-arch-full.svg') }}" alt=""></div> - <p class="testimonial">Vestibulum quis quam ut magna consequat faucibus. Pellentesque eget nisi a mi - suscipit tincidunt. Utmtc tempus dictum risus. Pellentesque viverra sagittis quam at mattis. - Suspendisse potenti. Aliquam sit amet gravida nibh, facilisis gravida odio.</p> - <p class="overview"><b>Antonio Twint</b>, Web Developer</p> - </div> - <div class="carousel-item" data-bs-interval="2000"> - <div class="img-box"><img src="{{ url('images/6-usable.svg') }}" alt=""></div> - <p class="testimonial">Phasellus vitae suscipit justo. Mauris pharetra feugiat ante id lacinia. - Etiam faucibus mauris id tempor egestas. Duis luctus turpis at accumsan tincidunt. Phasellus risus - risus, volutpat vel tellus ac, tincidunt fringilla massa. Etiam hendrerit dolor eget rutrum.</p> - <p class="overview"><b>Michael Coin</b>, CEO</p> - </div> + <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['titel'] }}</h5> + <div class="img-box"> <img src="{{ url( item['url_img']|default('images/logo-2021.svg', true) ) }}" + alt=""> + </div> + <p class="description testimonial"> + {{ item['teaser'] }} + </p> + <p class="fas fa-calendar-alt"> To be held on + <span class="dtstart"> + <abbr class="value" title="{{ item['date'] }}"> {{ item['date'] }}</abbr> + </span> + </p> + {% if item['url_ext'] is defined and item['url_ext'] and item['url_ext'] != "" %} + <p class="fa fa-globe"> <a target="_blank" href="{{ item['url_ext'] }}"> About</a></p> + {% 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 %} + <p class="fa fa-user"> <b>{{ item['speaker'] }}</b></p> + {% if item['email'] is defined and item['email'] and item['email'] != "" %} + <p class="fas fa-envelope"> <a href="mailto:{{ item['email'] }}?subject={{ item['titel'] }}"><span class="dark-grey-text"> Contact</span></a></p> + {% endif %} - <div class="carousel-item" data-bs-interval="2000"> - <div class="img-box"><img src="{{ url('images/8-fault-tolerant.svg') }}" alt=""></div> - <p class="testimonial">Phasellus vitae suscipit justo. Mauris pharetra feugiat ante id lacinia. - Etiam - faucibus mauris id tempor egestas. Duis luctus turpis at accumsan tincidunt. Phasellus risus - risus, - volutpat vel tellus ac, tincidunt fringilla massa. Etiam hendrerit dolor eget rutrum.</p> - <p class="overview"><b>Michael Pay</b>, Seo Analyst</p> </div> + {% endfor %} </div> - - {# <!-- Carousel controls --> - <a class="carousel-control-prev" href="#AnnouncCarousel" data-slide="prev"> - <i class="fab fa-angle-left"></i> - </a> - <a class="carousel-control-next" href="#AnnouncCarousel" data-slide="next"> - <i class="fab fa-angle-right"></i> - </a> #} </div> </div> </div> + <div class="col-md-1 mb-1"></div> <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">List group item heading</h5> - <small>3 days ago</small> - </div> - <p class="mb-1">Some placeholder content in a paragraph.</p> - <small>And some small print.</small> - </a> - <a href="#" class="list-group-item list-group-item-action"> - <div class="d-flex w-100 justify-content-between"> - <h5 class="mb-1">List group item heading</h5> - <small class="text-muted">3 days ago</small> - </div> - <p class="mb-1">Some placeholder content in a paragraph.</p> - <small class="text-muted">And some muted small print.</small> - </a> - <a href="#" class="list-group-item list-group-item-action"> - <div class="d-flex w-100 justify-content-between"> - <h5 class="mb-1">List group item heading</h5> - <small class="text-muted">3 days ago</small> - </div> - <p class="mb-1">Some placeholder content in a paragraph.</p> - <small class="text-muted">And some muted small print.</small> - </a> - <a href="#" class="list-group-item list-group-item-action"> - <div class="d-flex w-100 justify-content-between"> - <h5 class="mb-1">List group item heading</h5> - <small class="text-muted">3 days ago</small> - </div> - <p class="mb-1">Some placeholder content in a paragraph.</p> - <small class="text-muted">And some muted small print.</small> - </a> - <a href="#" class="list-group-item list-group-item-action"> - <div class="d-flex w-100 justify-content-between"> - <h5 class="mb-1">List group item heading</h5> - <small class="text-muted">3 days ago</small> - </div> - <p class="mb-1">Some placeholder content in a paragraph.</p> - <small class="text-muted">And some muted small print.</small> - </a> - <a href="#" class="list-group-item list-group-item-action"> - <div class="d-flex w-100 justify-content-between"> - <h5 class="mb-1">List group item heading</h5> - <small class="text-muted">3 days ago</small> - </div> - <p class="mb-1">Some placeholder content in a paragraph.</p> - <small class="text-muted">And some muted small print.</small> - </a> - <a href="#" class="list-group-item list-group-item-action"> - <div class="d-flex w-100 justify-content-between"> - <h5 class="mb-1">List group item heading</h5> - <small class="text-muted">3 days ago</small> + <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> - <p class="mb-1">Some placeholder content in a paragraph.</p> - <small class="text-muted">And some muted small print.</small> + {% if item['comment'] is defined and item['comment'] and item['comment'] != "" %} + <p class="mb-1">{{ item['comment'] }}</p> + {% endif %} </a> + {% endfor %} </div> + {% endif %} <div class="col cold-md-auto"></div> </div> @@ -140,12 +109,10 @@ <p class="text-muted w-responsive mx-auto mb-3"> {% trans %} The TALER project is an initiative of Horizon Europe (Pilots for the Next Generation Internet) - with the - aim of bringing the GNU Taler to market across Europe. + with the aim of bringing the GNU Taler to market across Europe. <br> To make the 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. + the GNU Taler technology. We will achieve this through the four key project objectives. {% endtrans %} </p> |