added RF2020 page

404.html

@@ -10,6 +10,5 @@ layout: default
     <h1>4</h1>
   </div>
   <p><strong>Page not found</strong></p>
-  <p>¯\_(ツ)_/¯</p>
   <a href="/">return home</a>
 </div>

_data/menu-variants.yml

@@ -1,14 +1,14 @@
 main: 
   - conference: 
     en: 
-      name: conference 2020
+      name: 2020
     fr: 
-      name: conference 2020
+      name: 2020
     items:
       - program: 
         en: 
-          name: program
-          url: "/rf2020/program"
+          name: archive
+          url: "/rf2020/archive"
         fr: 
           name: programme
           url: /rf2020/programme

_data/rf2020/events.yml

@@ -13,6 +13,7 @@
     
     In this participatory workshop, we'll explore the major contributors to the internet's carbon emissions as well as build upon and dream of positive steps towards a more sustainable internet.
   participants: [0]
+  archive: 4db36fd0-c08b-447d-b613-dd8285288f97
 
 - id : 1
   title_ : Peek- creating games for understanding futures

_data/translations.yml

@@ -24,6 +24,9 @@ program:
 participants: 
   en: Participants
   fr: Intervenant·e·x
+archive: 
+  en: Archive
+  fr: Archive
 join-discord:
   en: → Join the ReclaimFutures community on Discord.
   fr: → Join the ReclaimFutures community on Discord.

_includes/common/logo.html

@@ -3,7 +3,6 @@
 {% else %}
   <H1 class="logo">
     Reclaim<br />Futures
-    <span class="subtitle block">18 → 20 {{ site.data.date-locales[page.lang]full_month[8] }} 2020</span>
   </H1>
   
 {% endif %}

_includes/program/program-item.html

@@ -1,4 +1,3 @@
-{% assign event = include.common/program/full-program.html %}
 {% assign time = event.date | date: "%H:%M" %}
 {% assign endTime = event.endDate | date: "%H:%M" %}
 

_layouts/page.html

@@ -18,4 +18,4 @@ layout: default
 </span>
 
 {% include common/footer.html %}
-{% include common/banner.html %}
+<!-- {% include common/banner.html %} -->

_sass/includes/header.scss

@@ -84,7 +84,7 @@ header.page-header {
     filter: drop-shadow(0px 0px 8px var(--colour-grey-light));
 
     @include touch {
-      margin: var(--size-128) 0 var(--size-64) 0;
+      margin: var(--size-64) 0;
     }
 
     .subtitle {

_sass/pages/rf2020.scss

@@ -1,6 +1,29 @@
 #page-rf2020 {
-  a {
+  .content img {
+    max-width: calc(var(--size-512) + var(--size-128));
+
+    @include touch {
+      width: 100%;
+    }
+  }
+
+  li {
+    font-size: var(--size-14);
+
+    &:last-of-type {
+      margin-bottom: 0;
+    }
+
+    &::before {
+      content: '-> ';
+    }
+  }
+  .rf2020-nav {
+    display: flex;
+  }
+  .rf2020-nav a {
     display: block;
+    margin-right: var(--size-14);
 
     button {
       -webkit-appearance: none;

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 + ':' + "56406" + '/');
+  var ws = new WebSocket(protocol + '://' + hostname + ':' + "53214" + '/');
 
   ws.onmessage = function (event) {
     checkedAssets = {};

rf2020/index.html

@@ -7,9 +7,20 @@ className: rf2020
 
 
 <article class="page-content margin-128-bottom">
-  <h2 class="textbox inline-block margin">ReclaimFutures 2020</h2>
-  <div>
-    <a href="/rf2020/program"><button class="textbox uppercase">{{ site.data.translations.program[page.lang] }}</button></a>
-    <a href="/rf2020/participants/"><button class="textbox uppercase">{{ site.data.translations.participants[page.lang] }}</button></a>
+  <h2 class="textbox inline-block">ReclaimFutures 2020</h2>
+  <div class="content">
+    <a href="/assets//img/posts/rf2020-full.jpg"><img src="/assets/img/posts/rf2020.png" alt=""></a>
+    <p class="textbox">The inaugural edition of ReclaimFutures conference took place on the 18th, 19th and 20th September 2020, live-streamed on Twitch, from our studio in Lasuanne, Switzerland:</p>
+    <ul class="textbox margin-32-bottom">
+      <li><strong>30</strong> events were presented by <strong>34</strong> speakers and workshop hosts.</li>
+      <li>Over <strong>1,400</strong> viewers watched.</li>
+      <li>We live-streamed for over <strong>24 hours</strong> across 3 days.</li>
+      <li>Countless messages were sent on the public discord channel.</li>
+    </ul>
+    <h3 class="textbox inline-block">Rewatch and rediscover:</h3>
+  </div> 
+  <div class="rf2020-nav content">
+    <a class="textbox uppercase" href="/rf2020/archive">{{ site.data.translations.archive[page.lang] }}</a>
+    <a class="textbox uppercase" href="/rf2020/participants/">{{ site.data.translations.participants[page.lang] }}</a>
   </div>
 </article>