added FR donation page, other small fixes

_config.yml

@@ -27,6 +27,7 @@ baseurl: "" # the subpath of your site, e.g. /blog
 url: "" # the base hostname & protocol for your site, e.g. http://example.com
 permalink: /:categories/news/:year/:title:output_ext
 discordID: 737678270924849183
+discordInviteCode: 3yaUwg3
 twitchChannel: reclaimfutures
 
 
@@ -45,7 +46,16 @@ plugins:
 # Excluded items can be processed by explicitly listing the directories or
 # their entries' file path in the `include:` list.
 #
-# exclude:
+exclude:
+ - src/
+ - yarn.lock
+ - _config.yml
+ - .prettierrc
+ - Gemfile
+ - Gemfile.lock
+ - issue_template.md
+ - package.json
+ 
 #  - .sass-cache/
 #  - .jekyll-cache/
 #  - .cache/
@@ -53,7 +63,6 @@ plugins:
 #  - Gemfile
 #  - Gemfile.lock
 #  - node_modules/
-#  - src/
 #  - vendor/
 
 # Generation of pages for participants + events

_data/menu.yml

@@ -27,6 +27,13 @@
       fr: 
         name: intervenants
         url: /rf2020/participants
+    - discord: 
+      en: 
+        name: RF community (discord)
+        url: "https://discord.gg/3yaUwg3"
+      fr: 
+        name: RF community (discord)
+        url: "https://discord.gg/3yaUwg3"
 - donate:
   en: 
     name: donate

_data/rf2020/events.yml

@@ -282,13 +282,13 @@
   participants: [18]
 
 - id : 19
-  title_ : Seconde vie numérique
-  lang_ : FR
+  title_ : The afterlives of digital rubbish
+  lang_ : en
   format: Talk
-  ref : seconde-vie-numerique
+  ref : the-afterlives-of-digital-rubbish
   date : 2020-09-20 00:00
   description: |
-    Parmi les différents flux de déchets que nos sociétés produisent, le e-waste (déchets électroniques) est celui qui connaît depuis plusieurs années une croissance accélérée, du fait du remplacement constant des téléphones et des ordinateurs portables, des téléviseurs et consoles de jeu et autres périphériques divers. Ces « restes du numérique », qui subsistent quand leur usage est révolu se retrouvent par conséquent mis au rebut, parfois chez leurs propriétaires, parfois à la poubelle ou dans des circuits de recyclage plus ou moins sérieux. Outre les activités de remise en état des objets numériques de type smartphone, ordinateurs ou objets connectés, de multiples pratiques de ré-emploi singulières et originales existent pour faire durer, ou réinventer, ces machines : techniques de conservation ou la valorisation des machines passées, autour d’acteurs associatifs, réemploi de pièces et composants prélevés sur des appareils inutilisés pour créer de systèmes d’information à bas coût, artisanat électronique visant la personnalisation, l’adaptation ou la création d’objets numériques en série limitée, concours, festivals et ateliers de conception de jeu vidéo, de démos ou de contenus musicaux sur ordinateurs et consoles des années 1980-1990, etc. Sur la base d'un travail d'enquête en cours sur les pratiques de ré-emploi des objets numériques, cette présentation abordera les enjeux anthropologiques de la seconde vie des objets numériques. Ce faisant, elle abordera les manières de revenir sur l'idée de progrès, de l'interroger et de trouver des pistes originales en intégrant la durabilité de nos appareillages numériques.
+    Among the various waste streams that our companies produce, e-waste (electronic waste) is the one that has been growing rapidly for several years, due to the constant replacement of telephones and laptops, televisions and game consoles and other miscellaneous peripherals. This kind of digital rubbish, which remains when their use is over, are generally discarded, sometimes stuffed in a box in the attic, sometimes in the trash, or in more or less serious recycling circuits. In addition to the refurbishment of digital objects such as smartphones, computers or connected objects, many unique and original reuse practices exist to make these machines last, or reinvent them: techniques for the conservation or enhancement of past machines, reuse of parts and components taken from unused devices to create low-cost information systems, electronic craftsmanship aimed at customising, adapting or creating digital objects in limited editions, competitions, festivals and workshops for the design of video games, demos or musical content on computers and consoles from the 1980s and 1990s, etc. On the basis of an ongoing investigation of the re-use practices of digital objects, this presentation will address the anthropological issues of the second life of digital objects. In doing so, it will address ways of returning to the idea of progress, of questioning it and of finding original avenues by integrating the sustainability of our digital devices.
   participants: [19]
 
 - id : 20

_includes/common/banner.html

@@ -1,5 +1,5 @@
 <div id="full-banner">
     <h1 class="countdown">
-      Livestream begins in: <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)</span>
     </h1>
 </div>

_includes/common/head.html

@@ -10,6 +10,14 @@
     {% endif %}
 {% endcapture %}
 
+{% capture pic %}
+    {% if page.pic %}
+        https://reclaimfutures.org{{ page.pic }}
+    {% else %}
+        "https://reclaimfutures.org/assets/img/TwitterCard.png"
+    {% endif %}
+{% endcapture %}
+
 <!-- HEAD -->
 <head>
     <title>{{ title }}</title>
@@ -34,10 +42,11 @@
     <meta name="twitter:site" content="{{ site.twitter }}" />
     <meta name="twitter:title" content="{{ site.title }}" />
     <meta name="twitter:description" content="{{ site.description }}" />
-    <meta name="twitter:image" content="https://reclaimfutures.org/assets/img/TwitterCard.png" />
+    <meta name="twitter:image" content="{{ pic }}" />
 
     <meta property="og:title" content="{{ title }}" />
     <meta property="og:description" content="{{ page.excerpt | default: site.description | strip_html | normalize_whitespace | truncate: 160 | escape }}" />
+    <meta property="og:image" content="{{ pic }}">
     <meta property="article:published_time" content="{{page.date}}" />
 
     <!-- page.modified isn't a natural Jekyll property, but it can be added. -->

_includes/common/logo.html

@@ -1,5 +1,9 @@
 {% if include.size == 'small' %}
   <H1 class="logo logo-sm">Reclaim Futures 2020</H1>
 {% else %}
-  <H1 class="logo">Reclaim<br />Futures</H1>
+  <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/common/navigation.html

@@ -7,7 +7,7 @@
 
 
 <nav class="menu page-content">
-    {% if include.clock %}
+    {% if include.clock or page.with-clock %}
       {% include common/clock.html %}
     {% endif %}
     

_includes/program/program-item.html

@@ -1,11 +1,17 @@
 {% assign event = include.common/program/full-program.html %}
 {% assign time = event.date | date: "%H:%M" %}
+{% assign endTime = event.endDate | date: "%H:%M" %}
 
+{% if time and time != '00:00' %}
+  <p class="event-time textbox inline-block">
+    {{time}}
+    {% if endTime %}
+      → {{ endTime }}
+    {% endif %}
+  </p>
+{% endif %}
 
-<li class="margin-16-bottom flex flex-justify-space-between flex-align-center textbox event">
-  {% if time != '00:00' %}
-    <span class="event-time">{{time}}</span>
-  {% endif %}
+<li class="margin-32-bottom flex flex-justify-space-between flex-align-center textbox event">
   <span class="flex-5 margin-0 text-lg">
     <a href="/rf2020/events/{{ event.ref }}.html" class="margin-0">{{ event.title_ }}</a>
     {% if event.format %}
@@ -17,7 +23,7 @@
     {% for eventParticipantId in event.participants %}
       {% for participant in site.data.rf2020.participants %}
         {% if participant.id == eventParticipantId %}
-          <a href="/rf2020/participants/{{ participant.ref }}.html" class="margin-0 with-url-arrow">{{ participant.fullname }}</a>
+          <a href="/rf2020/participants/{{ participant.ref }}.html" class="margin-0 with-url-arrow block">{{ participant.fullname }}</a>
         {% endif %}
       {% endfor %}
     {% endfor %}

_layouts/default.html

@@ -4,5 +4,5 @@
   <body id="page-{{ page.className }}">
       {{ content }}
   </body>
-  <script src="{{ site.baseurl }}/assets/js/index.js"  }}></script>
+  <script src="{{ site.baseurl }}/assets/js/index.js"></script>
 </html>

_sass/includes/banner.scss

@@ -45,6 +45,10 @@
     }
   }
 
+  .now-live {
+    color: var(--colour-red);
+  }
+
   @include darkMode {
     border-color: var(--colour-graphite);
   }

_sass/includes/header.scss

@@ -82,10 +82,17 @@ header.page-header {
     // 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));
 
     @include touch {
       margin: var(--size-128) 0 var(--size-64) 0;
     }
+
+    .subtitle {
+      font-family: var(--font-logo);
+      color: var(--colour-text, var(--colour-graphite));
+      font-size: var(--size-32);
+    }
   }
 
   &.header-collapsed {
@@ -108,8 +115,10 @@ header.page-header {
     }
 
     @include darkMode {
-      h1 {
+      h1,
+      .subtitle {
         color: var(--colour-white);
+        filter: drop-shadow(0px 0px 8px var(--colour-graphite));
       }
     }
   }

_sass/layouts/program.scss

@@ -11,10 +11,11 @@
     @include touch {
       line-height: 1.5;
     }
+  }
 
-    .event-time {
-      margin: 0 var(--size-16) 0 0;
-    }
+  .event-time {
+    margin: 0 var(--size-16) var(--size-8) 0;
+    line-height: 1;
   }
 
   h2 {

_sass/variables.scss

@@ -8,6 +8,7 @@
   --colour-duckegg: #b3bbca;
 
   --colour-true-blue: #037fe4;
+  --colour-red: #f74b22;
   --colour-highlight: var(--colour-turquoise, #0ac2c9);
   --colour-highlight-darker: #06a1a7;
 

fr/donate/index.md

@@ -6,14 +6,12 @@ className: donate
 ref: donate
 ---
 
-## Make a donation to ReclaimFutures
-ReclaimFutures is run as a DIT (Do It Together), self-funded, not-for-profit project and rejects *commercial* influence. 
-
-**All proceeds received via donations will go directly to participants of the conference** (after 3rd party handler fees<span class="sup">[1]</span>). The expenses of running the event are covered by the ReclaimFutures organisers personally.
-
-Click the button below to make a donation through OpenCollective:
+## Faire un don à ReclaimFutures
+ReclaimFutures est géré comme un projet DIT (Do It Together / "fait ensemble"), auto-financé,  à but non lucratif et rejette toute collusion avec des intérêts commerciaux.
 
+**Toute donation financière sera reversée directement aux participants de la conférence** (après  les frais de gestion de services externes <span class="sup">[1]</span>). Les frais de gestion de l'événement sont pris en charge par les organisateurs de ReclaimFutures.
 
 {% include common/donate-button.html %}
 
-<small>1. [Stripe](https://stripe.com/gb/pricing) (card handler) and [OpenCollective Europe](https://opencollective.com/europe-collective#section-about) (fiscal host)</small>
+
+1. ***[Stripe](https://stripe.com/gb/pricing)*** (gestionnaire de carte) and ***[OpenCollective Europe](https://opencollective.com/europe-collective#section-about)*** (hébergement fiscal)

fr/rf2020/programme/index.html

@@ -3,6 +3,7 @@ layout: page
 lang: fr
 ref: 2020-program
 title: 2020 Programme
+with-clock: true
 ---
 
 

rf2020/program/index.html

@@ -3,6 +3,7 @@ layout: page
 lang: en
 ref: 2020-program
 title: 2020 Program
+with-clock: true
 ---
 
 

src/index.js

@@ -5,7 +5,7 @@ import countdownTimer from './modules/countdown';
 const app = () => {
   scrollHandler();
   clock();
-  
+
   countdownTimer();
   setInterval(countdownTimer, 1000);
 };