small fixes etc

_includes/common/banner.html

@@ -1,5 +1,5 @@
 <div id="full-banner">
     <h1 class="countdown">
-      Livestream event begins: <span class="cd-time" id="replace-me">10:45:00 18.09.2020 (CEST)</span>
+      Livestream event begins: <span class="cd-time" id="replace-me">10:45:00 18.09.2020 CEST (UTC+2)</span>
     </h1>
 </div>

_includes/common/news.html

@@ -4,7 +4,7 @@
       {% if post.lang == page.lang %}
       <li class="post-item">
         <header class="post-header">
-          <h3 class="margin-16-bottom-m"><a href="{{ post.url }}">{{ post.title }}</a></h3>
+          <h3 class="margin-16-bottom-m margin-8-right-d"><a href="{{ post.url }}">{{ post.title }}</a></h3>
           <h3 class="titlecase">
             {% include utils/translated-date.html date=post.date  lang=page.lang %}
           </h3>

_includes/program/full-program.html

@@ -1,10 +1,11 @@
 <div>
-  <!-- <small class="textbox inline-block margin-32-bottom">{{ site.data.translations.event_time_soon[page.lang]}}</small> -->
+  <small class="textbox inline-block margin-32-bottom">All times are CEST (UTC+2 Europe/Zurich)</small>
   {% include program/program-day.html date="2020-09-18" weekday=5 %}
   {% include program/program-day.html date="2020-09-19" weekday=6 %}
   {% include program/program-day.html date="2020-09-20" weekday=0 %}
 
   <div class="content margin-64-bottom">
+
     <h3 class="textbox inline-block">The gallery:</h3>
     <ul class="prog-list margin-16-bottom block">
       {% for event in events %}

_includes/program/program-item.html

@@ -13,10 +13,14 @@
 
 <li class="margin-32-bottom flex flex-justify-space-between flex-align-center textbox event">
   <span class="flex-5 margin-0 text-lg">
+    {% if event.ref != "no-ref" %}
       <a href="/rf2020/events/{{ event.ref }}.html" class="margin-0">{{ event.title_ }}</a>
-    {% if event.format %}
+      {% if event.format and event.format != 'misc' %}
         <small class="prog-item--format sup flex-1 margin-0">[{{ event.format }}]</small>
       {% endif %}
+    {% else %}
+      <p class="margin-0 bold">{{ event.title_ }}</p>
+    {% endif %}
   </span>
 
   <span class="hide-mobile text-right flex-2 margin-0">

_layouts/event.html

@@ -9,6 +9,14 @@ parentNameFr: programme
 
 {% assign format=page.format | downcase %}
 
+{% capture regLink %}
+  {% if format == 'workshop' and page.registration-link %}
+      <div class="textbox margin-16-bottom">
+        <a class="with-url-arrow" href="{{ page. registration-link }}">register to participate in this workshop</a>
+      </div>
+    {% endif %}
+{% endcapture %}
+
 
 <article class="page-content margin-64-bottom event">
   <div class="content post-item">
@@ -24,6 +32,27 @@ parentNameFr: programme
       <img src="{{ page.pic }}" alt="" class="participant-profile">
     </header>
 
+    <div class="flex flex-row flex-justify-space-between flex-wrap-m margin-16-bottom">
+      <div class="textbox margin-16-bottom-m flex-1 hosts">
+        <h3>
+          Hosting this {{ format }}:
+        </h3>
+        {% for id in page.participants %}
+          {% for participant in site.data.rf2020.participants %}
+            {% if participant.id == id %}
+              <a class="block with-url-arrow" href="/rf2020/participants/{{ participant.ref }}.html">{{ participant.fullname }}</a>
+            {% endif %}
+          {% endfor %}
+        {% endfor %}
+      </div>
+      {% if format != 'artwork' %}
+        <div class="textbox">
+          <h3 class="text-right">{% include utils/translated-date.html date=page.date  lang=page.lang %}</h3>
+          <h3 class="margin-0 text-right">{{ page.date | date: "%H:%M" }}<small class="sup">(CEST)</small></h3>
+        </div>
+      {% endif %}
+    </div>
+
     <div class="post-content margin-16-bottom">
       {% if page.youtube %}
         {% include embeds/youtube.html slug=page.youtube %}
@@ -35,35 +64,8 @@ parentNameFr: programme
         <a class="block with-url-arrow" href="{{ link }}">{{ link | remove_first: "https://" | remove_first: "http://" | remove_first: "www." }}</a>
       {% endfor %}
     </div>
-    <div class="details">
-      <div class="flex flex-row flex-justify-space-between  flex-wrap-m margin-16-bottom">
-        <div class="textbox margin-16-bottom-m flex-1">
-          <h3>
-            In this {{ format }}:
-          </h3>
-          {% for id in page.participants %}
-            {% for participant in site.data.rf2020.participants %}
-              {% if participant.id == id %}
-                <a class="block with-url-arrow" href="/rf2020/participants/{{ participant.ref }}.html">{{ participant.fullname }}</a>
-              {% endif %}
-            {% endfor %}
-          {% endfor %}
-        </div>
-        {% if format != 'artwork' %}
-          <div class="textbox inline-block margin-16-left-d">
-            <h3>
-              Event date/time<span class="sup">*</span>:
-            </h3>
-            <p>
-                {{ page.date | date: "%d.%m.%y" }}
-            </p>
-          </div>
-        {% endif %}
-      </div>
-      <div class="text-right-d flex flex-justify-start"><small class="textbox"><span class="sup">*</span>{{ site.data.translations.event_time_soon[page.lang]}}</small></div>
-      {% if format == 'workshop' %}
-        <div class="text-right-d flex flex-justify-start"><small class="textbox">{{ site.data.translations.registration_coming[page.lang]}}</small></div>
-      {% endif %}
-    </div>
+    {{ regLink }}
   </div>
+
+
 </article>

_sass/includes/header.scss

@@ -79,7 +79,6 @@ header.page-header {
   h1.logo {
     font-family: var(--font-logo);
     margin: var(--size-128) 0;
-    // background-color: var(--colour-bg);
     color: var(--colour-text, var(--colour-graphite));
     display: inline-block;
     filter: drop-shadow(0px 0px 8px var(--colour-grey-light));
@@ -101,6 +100,17 @@ header.page-header {
       font-size: var(--size-32);
       margin: var(--size-32) 0;
     }
+
+    @include touch {
+      nav.page-content {
+        flex-direction: column;
+        margin-right: var(--size-16);
+      }
+
+      #rf-logo-wrapper {
+        margin-left: var(--size-16);
+      }
+    }
   }
 }
 

_sass/layouts/event.scss

@@ -24,25 +24,11 @@
       font-weight: bold;
     }
   }
-  .details {
-    small {
-      color: rgba(var(--colour-graphite), 0.6);
-    }
+  .hosts {
+    margin-right: var(--size-8);
 
-    p,
-    a {
+    a:last-of-type {
       margin-bottom: 0;
-      line-height: 1;
-    }
-
-    h3 {
-      font-weight: bold;
-    }
-
-    @include touch {
-      div::last-of-type {
-        margin: 0;
-      }
     }
   }
 }

fr/watch/index.html

@@ -0,0 +1,8 @@
+---
+layout: watch
+lang: fr
+title: Watch ReclaimFutures
+className: watch
+ref: watch
+---
+