added archive grid view

_data/rf2020/events.yml

@@ -363,6 +363,7 @@
 
 - id : 24
   title_ : Identifying digital coercion - the means of re-decentralization
+  short_title : "Identifying digital coercion: the means of re-decentralization"
   lang_ : EN
   format: Talk
   ref : identifying-digital-coercion
@@ -373,6 +374,7 @@
 
 - id : 25
   title_ : Melancholic Cryptonymy and the Aesthetic Threshold of Detectability- The Blue Conceptualists, The Haunted Painter and The Existential Crisis of the Cadaver.
+  short_title: Melancholic Cryptonymy and the Aesthetic Threshold of Detectability
   lang_ : EN
   format: Talk
   ref : melancholic-cryptonymy-and-aesthetic-threshold

_includes/archive/archive-day.html

@@ -0,0 +1,16 @@
+{% assign events = site.data.rf2020.events | sort: "date" %}
+{% assign date = include.date | date: "%d.%m.%y" %}
+{% assign dateClass = include.date | date: "%d-%m" %}
+{% assign weekday = include.weekday %}
+
+<div class="margin-64-bottom day-{{ dateClass }}">
+  <h3 class="textbox inline-block ">{{ site.data.date-locales[page.lang].full_weekday[weekday] }} - {{ date }}</h3>
+  <ul class="margin-16-bottom archive-grid" >
+    {% for event in events %}
+      {% assign eventDate = event.date | date: "%d.%m.%y" %}
+      {% if eventDate == date %}
+        {% include archive/archive-item.html event=event %}
+      {% endif %}
+    {% endfor %}
+  </ul>
+</div>

_includes/archive/archive-item.html

@@ -0,0 +1,38 @@
+{% assign event = include.event %}
+{% capture inner %}
+  <div class="inner">
+    {% if event.short_title %}
+      <p class="margin text-lg">
+        {{ event.short_title }}
+      </p>
+    {% else %}
+      <p class="margin text-lg">
+        {{ event.title_ }}
+      </p>
+    {% endif %}
+
+    <div class="">
+      {% for eventParticipantId in event.participants %}
+        {% for participant in site.data.rf2020.participants %}
+          {% if participant.id == eventParticipantId %}
+            <span class="block participant-name margin-0">— {{ participant.fullname }}</span>
+          {% endif %}
+        {% endfor %}
+      {% endfor %}
+    </div>
+  </div>        
+{% endcapture %}
+
+
+{% if event.ref != "no-ref" %}
+<li class="textbox event" >
+  <a href="/rf2020/events/{{ event.ref }}.html">
+    {% if event.pic %}
+      <div class="bg-img" style="background-image: url({{ event.pic }})">
+        {{ inner }}
+      </div>
+    {% endif %}
+    {{ inner }}
+  </a>
+</li> 
+{% endif %}

_includes/archive/full-archive.html

@@ -0,0 +1,5 @@
+<div>
+  {% include archive/archive-day.html date="2020-09-18" weekday=5 %}
+  {% include archive/archive-day.html date="2020-09-19" weekday=6 %}
+  {% include archive/archive-day.html date="2020-09-20" weekday=0 %}
+</div>

_layouts/participant.html

@@ -4,8 +4,8 @@ lang: en
 ref: going-online
 parentEn: /rf2020/participants/
 parentFr: /fr/rf2020/participants/
-parentNameEn: participants
-parentNameFr: intervenants
+parentNameEn: rf2020/participants
+parentNameFr: rf2020/intervenants
 ---
 
 <article class="page-content margin-128-bottom participant">

_sass/includes/archive.scss

@@ -0,0 +1,83 @@
+.archive-grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr 1fr;
+  grid-auto-rows: minmax(calc(920px / 3 - var(--size-16)), max-content);
+  column-gap: var(--size-16);
+
+  .event a {
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    height: 100%;
+    text-decoration: none;
+    margin: 0;
+  }
+
+  .event {
+    position: relative;
+    padding: 0;
+
+    .bg-img {
+      background-size: cover;
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      z-index: 0;
+    }
+
+    .inner {
+      z-index: 1;
+      padding: var(--size-8) var(--size-12);
+      background-color: var(--colour-white);
+      height: 100%;
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+      box-sizing: border-box;
+
+      p,
+      .participant-name {
+        padding: var(--size-8);
+      }
+    }
+
+    .format-label {
+      position: absolute;
+      bottom: 0;
+      right: 0;
+      border-top: 1px solid var(--colour-graphite);
+      border-left: 1px solid var(--colour-graphite);
+      line-height: 0.8;
+      padding: 2px 0 0 2px;
+      background-color: var(--colour-white);
+    }
+
+    .participant-name {
+      font-weight: normal;
+    }
+
+    &:hover .bg-img,
+    a:focus .bg-img {
+      z-index: 3;
+      // mix-blend-mode: lighten;
+      opacity: 0.9;
+
+      .inner {
+        background-color: transparent;
+
+        font-style: normal;
+
+        p,
+        .participant-name {
+          background-color: var(--colour-white);
+        }
+      }
+    }
+
+    .text-lg {
+      font-size: var(--size-24);
+    }
+  }
+}

assets/css/index.scss

@@ -26,6 +26,7 @@
 @import 'includes/banner';
 @import 'includes/watch-panel';
 @import 'includes/clock';
+@import 'includes/archive';
 @import 'pages/home';
 @import 'pages/about';
 @import 'pages/how-to-participate';

assets/js/index.js

@@ -4439,7 +4439,7 @@ var parent = module.bundle.parent;
 if ((!parent || !parent.isParcelRequire) && typeof WebSocket !== 'undefined') {
   var hostname = "" || location.hostname;
   var protocol = location.protocol === 'https:' ? 'wss' : 'ws';
-  var ws = new WebSocket(protocol + '://' + hostname + ':' + "53214" + '/');
+  var ws = new WebSocket(protocol + '://' + hostname + ':' + "61615" + '/');
 
   ws.onmessage = function (event) {
     checkedAssets = {};

rf2020/archive/index.html

@@ -0,0 +1,13 @@
+---
+layout: page
+lang: en
+ref: archive-2020
+title: RF2020 Conference Archive
+className: rf2020-archive
+---
+
+
+<article class="page-content program margin-128-bottom">
+  <h2 class="margin-0 textbox margin-64-bottom inline-block">{{ page.title }}</h2>
+  {% include archive/full-archive.html %}
+</article> 

rf2020/program/index.html

@@ -1,15 +0,0 @@
----
-layout: page
-lang: en
-ref: 2020-program
-title: 2020 Program
-with-clock: true
----
-
-
-<article class="page-content program margin-128-bottom">
-  <div class="post-header textbox inline-block margin-64-bottom">
-    <h2 class="margin-0">{{ site.data.translations.program[page.lang] }} — 2020</h2>
-  </div>
-  {% include program/full-program.html %}
-</article>