Added events board; deliverables board

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>