removing gem lockfile from git

.gitignore

@@ -8,6 +8,7 @@ _site
 .jekyll-cache/
 .jekyll-metadata
 vendor
+Gemfile.lock
 
 ### Linux ###
 *~

.vscode/settings.json

@@ -12,5 +12,22 @@
     "titleBar.activeForeground": "#0ac2c9",
     "titleBar.inactiveBackground": "#20232e"
   },
-  "eslint.enable": true
+  "eslint.enable": true,
+  "files.exclude": {
+    // Directories
+    // "public/": true,
+    ".cache/": true,
+    "node_modules/": true,
+    ".jekyll-cache/": true,
+    ".bundle/": true,
+    "_site/": true,
+    "vendor/": true,
+    // Files
+    // ".npmrc": true,
+    // "gatsby-ssr.js": true,
+    "LICENSE": true,
+    // "README.md": true,
+    "yarn.lock": true
+    // "gatsby-node.js": true
+  }
 }

Gemfile

@@ -10,6 +10,9 @@ source "https://rubygems.org"
 gem "jekyll", "~> 4.0.0"
 # This is the default theme for new Jekyll sites. You may change this to anything you like.
 gem "minima", "~> 2.5"
+gem "sassc", "~> 2.1.0"
+
+gem "webrick"
 # If you want to use GitHub Pages, remove the "gem "jekyll"" above and
 # uncomment the line below. To upgrade, run `bundle update github-pages`.
 # gem "github-pages", group: :jekyll_plugins

Gemfile.lock

@@ -1,90 +0,0 @@
-GEM
-  remote: https://rubygems.org/
-  specs:
-    addressable (2.7.0)
-      public_suffix (>= 2.0.2, < 5.0)
-    colorator (1.1.0)
-    concurrent-ruby (1.1.5)
-    em-websocket (0.5.1)
-      eventmachine (>= 0.12.9)
-      http_parser.rb (~> 0.6.0)
-    eventmachine (1.2.7)
-    ffi (1.11.1)
-    forwardable-extended (2.6.0)
-    http_parser.rb (0.6.0)
-    i18n (1.7.0)
-      concurrent-ruby (~> 1.0)
-    jekyll (4.0.0)
-      addressable (~> 2.4)
-      colorator (~> 1.0)
-      em-websocket (~> 0.5)
-      i18n (>= 0.9.5, < 2)
-      jekyll-sass-converter (~> 2.0)
-      jekyll-watch (~> 2.0)
-      kramdown (~> 2.1)
-      kramdown-parser-gfm (~> 1.0)
-      liquid (~> 4.0)
-      mercenary (~> 0.3.3)
-      pathutil (~> 0.9)
-      rouge (~> 3.0)
-      safe_yaml (~> 1.0)
-      terminal-table (~> 1.8)
-    jekyll-build-notifier (0.2)
-      terminal-notifier
-    jekyll-datapage-generator (1.2.0)
-    jekyll-feed (0.12.1)
-      jekyll (>= 3.7, < 5.0)
-    jekyll-sass-converter (2.0.1)
-      sassc (> 2.0.1, < 3.0)
-    jekyll-seo-tag (2.6.1)
-      jekyll (>= 3.3, < 5.0)
-    jekyll-watch (2.2.1)
-      listen (~> 3.0)
-    kramdown (2.1.0)
-    kramdown-parser-gfm (1.1.0)
-      kramdown (~> 2.0)
-    liquid (4.0.3)
-    listen (3.2.0)
-      rb-fsevent (~> 0.10, >= 0.10.3)
-      rb-inotify (~> 0.9, >= 0.9.10)
-    mercenary (0.3.6)
-    minima (2.5.1)
-      jekyll (>= 3.5, < 5.0)
-      jekyll-feed (~> 0.9)
-      jekyll-seo-tag (~> 2.1)
-    pathutil (0.16.2)
-      forwardable-extended (~> 2.6)
-    public_suffix (4.0.1)
-    rb-fsevent (0.10.3)
-    rb-inotify (0.10.0)
-      ffi (~> 1.0)
-    rouge (3.12.0)
-    safe_yaml (1.0.5)
-    sassc (2.2.1)
-      ffi (~> 1.9)
-    terminal-notifier (2.0.0)
-    terminal-table (1.8.0)
-      unicode-display_width (~> 1.1, >= 1.1.1)
-    thread_safe (0.3.6)
-    tzinfo (1.2.5)
-      thread_safe (~> 0.1)
-    tzinfo-data (1.2019.3)
-      tzinfo (>= 1.0.0)
-    unicode-display_width (1.6.0)
-    wdm (0.1.1)
-
-PLATFORMS
-  ruby
-
-DEPENDENCIES
-  jekyll (~> 4.0.0)
-  jekyll-build-notifier
-  jekyll-datapage-generator
-  jekyll-feed (~> 0.12)
-  minima (~> 2.5)
-  tzinfo (~> 1.2)
-  tzinfo-data
-  wdm (~> 0.1.1)
-
-BUNDLED WITH
-   2.0.2

_config.yml

@@ -22,7 +22,7 @@ title: ReclaimFutures
 email: info@reclaimfutures.org
 twitter: "@reclaim_futures"
 description: >- # this means to ignore newlines until "baseurl:"
-  ReclaimFutures is a technology and culture conference exploring post-capitalist desire, utopian horizons, alternative computing and ecology..
+  ReclaimFutures is a technology and culture conference exploring post-capitalist desire, utopian horizons, alternative computing and ecology
 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

_data/menu-variants.yml

@@ -1,90 +1,82 @@
 main: 
-  - conference: 
+  - rf2022: 
     en: 
-      name: 2020
+      name: RF2022
-      url: "/rf2020/"
+      to: "/rf2022"
-    fr: 
-      name: 2020
-      url: "fr/rf2020/"
-    items:
-      - program: 
-        en: 
-          name: archive
-          url: "/rf2020/archive"
-        fr: 
-          name: programme
-          url: /rf2020/programme
-      - participants: 
-        en: 
-          name: participants
-          url: "/rf2020/participants"
-        fr: 
-          name: intervenant·e·x
-          url: /rf2020/participants
-      - credits: 
-        en: 
-          name: credits
-          url: "/rf2020/credits"
-        fr: 
-          name: intervenant·e·x
-          url: /rf2020/credits
-  - about: 
-    en: 
-      name: about
-      url: /about
-    fr: 
-      name: à propos
-      url: /a-propos
 
+    fr: 
+      name: RF2022
+      to: "/rf2022"
+
+  - archive: 
+    en: 
+      name: archive
+    fr: 
+      name: archive
+    items:
+      - rf2020: 
+        en: 
+          name: RF2020
+          to: "/rf2020"
+        fr: 
+          name: RF2020
+          to: "/rf2020"
+      - tpr: 
+        en: 
+          name: The Para-Real
+          url: "https://stream.undersco.re/series/the-para-real"
+        fr: 
+          name: The Para-Real
+          url: "https://stream.undersco.re/series/the-para-real"
   - donate:
     en: 
-      name: donate
+      name: support us
-      url: "/donate"
+      to: "/donate"
     fr: 
       name: faire un don
-      url: /donate
+      to: /donate
 
 watch:
   - program: 
     en: 
       name: program
-      url: "#program"
+      to: "#program"
     fr: 
       name: programme
-      url: "#program"
+      to: "#program"
   - gallery: 
     en: 
       name: gallery
-      url: "/rf2020/gallery"
+      to: "/rf2020/gallery"
     fr: 
       name: gallery
-      url: "/rf2020/gallery"
+      to: "/rf2020/gallery"
   - donate:
     en: 
       name: donate
-      url: "/donate"
+      to: "/donate"
     fr: 
       name: faire un don
-      url: "/donate"
+      to: "/donate"
 gallery:
   - watch: 
     en: 
       name: watch
-      url: "/rf2020/watch"
+      to: "/rf2020/watch"
     fr: 
       name: watch
-      url: "/rf2020/watch"
+      to: "/rf2020/watch"
   - program: 
     en: 
       name: program
-      url: "/rf2020/program"
+      to: "/rf2020/program"
     fr: 
       name: programme
-      url: /rf2020/programme
+      to: /rf2020/programme
   - donate:
     en: 
       name: donate
-      url: "/donate"
+      to: "/donate"
     fr: 
       name: faire un don
-      url: "/donate"
+      to: "/donate"

_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]
+  peertube-id: 28a8d898-aad3-4b42-97c1-e9380e8fca66
 
 - id : 1
   title_ : Peek- creating games for understanding futures
@@ -25,6 +26,7 @@
   description: |
     In this workshop participants will make their own version of the science fiction/novel game, [Peek](http://thepeekgame.com/). Peek is an entertaining game for exploring the complexities and twisted narratives of the future, using a variety of story structures from traditional literature. In a series of exercises, participants will learn strategies for developing narrative games and will ultimately use Peek as a basis to create their own version of a speculative futures game, with their own stories and characters. No experience is required.
   participants: [1]
+  peertube-id: 34a443cf-f110-4de1-9867-3834adff47f4
 
 - id : 2
   title_ : Avatars in Zoom for All
@@ -39,6 +41,7 @@
   description: |    
     How can you be anybody in Zoomspace? Very recent developments in deep-learning, allow creating synthetic media of unprecedented quality and ease. The first-order-motion-model can do facial reenactment in real-time, provided with only a single image of your desired avatar. This came not a moment too soon, as Human communication was forced to move online due to the Coronavirus pandemic. Can this be an opportunity to fulfil the long promised cybernetic utopia, where we could shed our physical shells and become however we wish to be? And how does this pertain to issues of privacy, identity and trust? I will review the contemporary technologies and show how I use them in my artistic and activist practices. This is a hands-on participatory tutorial, where you will create deep-fake videos using your own materials, and play with various options of becoming an online avatar. No prior knowledge needed.
   participants: [2]
+  peertube-id: 23d2acf3-4dc8-4ad4-b8b1-a32025725317
 
 - id : 3
   title_ : PGPoetry workshop
@@ -51,6 +54,7 @@
   description: |
     PGPoetry (Pretty Good Poetry) celebrates the aesthetic, poetic and political possibilities of PGP (Pretty Good Privacy) encryption protocol. Using PGP encryption protocol, I create abstract random poetry, readable only for the eyes of a specific recipient and of spying agencies (if they can decrypt them). For the rest of the world, the poems are basically digital Rorschach inkblot, and its meaning, as in every piece of art - depends on the audience's interpretation (interpretation is decryption!). With the rise of state surveillance in these emergency times, this project is more relevant than ever. PGPoetry workshop is an algorithmic poetry workshop which is also a crypto party for emergency times. In the workshop, the participants will try to figure out (and probably fail) how to read these poems, while I put them in the context and tradition of digital poetry and encrypted poetry, and raise questions about their meaning and artistic value. Then, I will teach the participants how to use PGP protocol via web based tools, and guide them as they experiment with creating PGPoetry.
   participants: [3]
+  peertube-id: 3e9dae3a-1d6b-43b9-9a5b-b0faa65e41a6
 
 - id : 4
   title_ : Futures Literacy for the Regenerative Economy
@@ -63,6 +67,7 @@
   description: |
     We use the future everyday: when we plan what to eat for dinner, when we ruminate on life after COVID, when we demand action on carbon emissions and racist policing. But when we stop to think about the future itself, rather than what we want to happen in it, something quite profound can begin to happen. Karl Popper spoke of the ‘poverty of the imagination’, whereby fallacies of determinism begin to colonise our understandings of what is possible, and our hopes and fears begin to obscure the emergent, unpredictable nature of our complex world. As Riel Miller has said: “We betray the potential of our imagination to illuminate and invent the present if we cannot be liberated from the tyranny of using-the-future to win.” Our heterodox world of resistance has a host of compelling images and narratives of the future encoded into it, but how often do we make all of their assumptions explicit, play with them, and test and nurture our resilience by troubling them? This workshop has three stages, following the Futures Literacy Novelty Laboratory model (FLL-N): Reveal, Reframe, and Rethink. Each stage is carefully designed to guide participants from utopia, into uncertainty, and back again, availing of co-creative heuristics from Critical Futures Studies to distil the myths of our ‘anticipatory assumptions’, and to point the way to a ‘decolonisation of the future’, so that life is lived values-first in the present, rather than in anguish over the plainly unforeseeable. We will take as our subject matter on this journey: ‘futures of the regenerative economy’
   participants: [4]
+  peertube-id: 67a0384c-bd98-4366-a742-dd41045ac56a
 
 - id : 5
   title_ : Turbo Mañana
@@ -95,6 +100,7 @@
     
     A new sun rises.
   participants: [5]
+  peertube-id: 8e1b2170-5ba5-47a8-a7f5-7e9a856a287f
 
 - id : 6
   title_ : Feminist Data Set
@@ -160,6 +166,7 @@
   description: |
     To quote Lizzie O’Shea in Future Histories, “The purpose of a usable past is not simply to be a record of history. Rather, by building a shared appreciation of moments and traditions in collective history, a usable past is a method for creating the world we want to see.” Very often past events and history can give us important signs to understand contemporary systems and technologies, and sometimes, also where decisions - good or bad - might be rooted. This talk will explore how algorithmic systems are becoming essential bricks for building and reorganising big parts of our society, but also how, while these systems are being adopted across different areas, we start to perceive the world through a less human and more machine-like lens. Touching on historical and literature references the talk will look at the politics and consequences of an algorithmically driven world and how artistic and activist groups can inspire critical conversations around the deployment of these systems, while enabling us to rethink and redesign these, for the shift to a more equitable AI.
   participants: [9]
+  peertube-id: 5b48b648-090e-4a16-9615-353820a363b9
 
 - id : 10
   title_ : From cradle-to-grave- Tech won’t save us
@@ -174,6 +181,7 @@
     
     Using this systemic analysis, Benjamin will introduce works by new media artists, designers, researchers and hacktivists that are addressing those issues, using strategies such as Tactical Media, Retail Poisoning, Urban Hacking and more.
   participants: [10]
+  peertube-id: 51107f34-b18b-47b7-a4ca-704ff2348f71
 
 - id : 11
   title_ : Critical Latinofuturism- Recontextualizing Modernity

_data/translations.yml

@@ -33,3 +33,6 @@ credits:
 join-discord:
   en: → Join the ReclaimFutures community on Discord.
   fr: → Join the ReclaimFutures community on Discord.
+call-for-proposals:
+  en: Call for proposals
+  fr: Appel à propositions

_includes/common/footer.html

@@ -2,10 +2,10 @@
   <div class="page-content">
     {% include svg/social-icons/email.html size='17' %}
     {% include svg/social-icons/key.html size='17' %}
-    {% include svg/social-icons/arena.html size='17' %}
+    <!-- {% include svg/social-icons/arena.html size='17' %} -->
-    {% include svg/social-icons/instagram.html size='18' %}
+    <!-- {% include svg/social-icons/instagram.html size='18' %} -->
     {% include svg/social-icons/twitter.html size='18' %}
     {% include svg/social-icons/substack.html size='17' %}
-    <!-- {% include svg/social-icons/rss.html size='17' %} -->
+    {% include svg/social-icons/rss.html size='17' %}
     </div>
 </footer>

_includes/common/head.html

@@ -1,22 +1,6 @@
-{% capture title %}
+{% capture title %}{% if page.title_ %}{{ site.title }} \ {{ page.title_ }}{% elsif page.fullname %}{{ site.title }} \ {{ page.fullname }}{% elsif page.title %}{{ site.title }} \ {{ page.title }}{% else %}{{ site.title | escape }}{% endif %}{% endcapture %}
-    {% if page.title_ %}
-        {{ site.title | append: " \ "| append: page.title_ }}
-    {% elsif page.fullname %}
-        {{ site.title | append: " \ "| append: page.fullname }}
-    {% elsif page.title %}
-        {{ site.title | append: " \ "| append: page.title }}
-    {% else %}
-        {{ site.title | escape }}
-    {% endif %}
-{% endcapture %}
 
-{% capture pic %}
+{%- capture pic -%}{% if page.pic %}https://reclaimfutures.org{{ page.pic }}{% else %}https://reclaimfutures.org/assets/img/TwitterCard.png{% endif %}{% endcapture %}
-    {% if page.pic %}
-        https://reclaimfutures.org{{ page.pic }}
-    {% else %}
-        "https://reclaimfutures.org/assets/img/TwitterCard.png"
-    {% endif %}
-{% endcapture %}
 
 <!-- HEAD -->
 <head>
@@ -27,26 +11,26 @@
     <meta name="description" content="{{ page.excerpt | default: site.description | strip_html | normalize_whitespace | truncate: 160 | escape }}">
     <meta name="author" content="{{ page.author }}">
     <meta name="keywords" content="{{ page.keyword | strip_html | normalize_whitespace | escape }}">
-    <link rel="icon" type="image/png" sizes="32x32" href="{{ site.baseurl }}/assets/favicons/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="/assets/favicons/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="{{ site.baseurl }}/assets/favicons/favicon-16x16.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="/assets/favicons/favicon-16x16.png">
-    <link rel="apple-touch-icon" sizes="180x180" href="{{ site.baseurl }}/assets/favicons/apple-touch-icon.png">
+    <link rel="apple-touch-icon" sizes="180x180" href="/assets/favicons/apple-touch-icon.png">
-    <link rel="manifest" href="{{ site.baseurl }}/assets/favicons/site.webmanifest">
+    <link rel="manifest" href="/assets/favicons/site.webmanifest">
-    <link rel="icon" href="{{ site.baseurl }}/assets/favicons/svg-favi.svg">
+    <link rel="icon" href="/assets/favicons/svg-favi.svg">
 
-    <link rel="mask-icon" href="{{ site.baseurl }}/assets/favicons/safari-pinned-tab.svg" color="#5bbad5">
+    <link rel="mask-icon" href="/assets/favicons/safari-pinned-tab.svg" color="#5bbad5">
     <meta name="msapplication-TileColor" content="#0ddfe7">
     <meta name="theme-color" content="#0ddfe7">
     <meta content="{{ site.title }}" property="og:site_name" />
 
     <meta name="twitter:card" content="summary" />
     <meta name="twitter:site" content="{{ site.twitter }}" />
-    <meta name="twitter:title" content="{{ site.title }}" />
+    <meta name="twitter:title" content="{{- title }}" />
     <meta name="twitter:description" content="{{ site.description }}" />
-    <meta name="twitter:image" content="{{ pic }}" />
+    <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="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. -->
@@ -66,6 +50,6 @@
 
 
     <!-- CSS -->
-    <link href="{{ site.baseurl }}/assets/css/index.css" rel="stylesheet">
+    <link href="/assets/css/index.css" rel="stylesheet">
     
 </head>

_includes/common/header-collapsed.html

@@ -11,9 +11,9 @@
 
   <div class="page-content --wide" id="rf-logo-wrapper">
     {% if page.lang == 'fr' %}
-      <a href="{{ site.baseurl }}/fr">{% include common/logo.html size = 'small' %}</a>
+      <a href="/fr">{% include common/logo.html size = 'small' %}</a>
     {% else %}
-      <a href="{{ site.baseurl }}/">{% include common/logo.html size = 'small' %}</a>
+      <a href="/">{% include common/logo.html size = 'small' %}</a>
     {% endif %}  
   </div>
 </header>

_includes/common/header.html

@@ -15,9 +15,9 @@
 
     <div class="page-content " id="rf-logo-wrapper">
       {% if page.lang == 'fr' %}
-        <a href="{{ site.baseurl }}/fr">{% include common/logo.html %}</a>
+        <a href="/fr">{% include common/logo.html %}</a>
       {% else %}
-        <a href="{{ site.baseurl }}/">{% include common/logo.html %}</a>
+        <a href="/">{% include common/logo.html %}</a>
       {% endif %}  
     </div>
   </header>

_includes/common/lang-selector.html

@@ -28,9 +28,9 @@
 
 
     {% elsif page.lang == 'en' %}
-        <a href="{{ site.baseurl }}/fr" class="lang lang--{{ page.lang }}">{{ include.fr-text }}</a>
+        <a href="/fr" class="lang lang--{{ page.lang }}">{{ include.fr-text }}</a>
     {% else %}
-        <a href="{{ site.baseurl }}/" class="lang lang--{{ page.lang }}">{{ include.en-text }} </a>
+        <a href="/" class="lang lang--{{ page.lang }}">{{ include.en-text }} </a>
     {% endif %}
 </div>
 

_includes/common/logo.html

@@ -9,6 +9,8 @@
     Futures
     {% if pathstub == 'rf2020' %}
       <br />2020
+      {% elsif pathstub == 'rf2022' %}
+      <br />2022
     {% endif %}
   </H1>
   

_includes/common/navigation.html

@@ -15,24 +15,28 @@
     
     {% for item in menu %}
       {% if item.items %}
-        <div class="nav-group nofocus" tabindex="0">
+        <div class="nav-group" tabindex="0">
-            <a href="{{ site.baseurl | append: item[page.lang].url }}" class="nav-link colour-{{ item.colour | default: 'black' }} {{ item.case }}">{{ item[page.lang].name }}</a>
+          <a href="{% if item[page.lang].to %}{{- item[page.lang].to -}}{% elsif item[page.lang].url %}{{- item[page.lang].url | default: '#' -}}{% endif %}" class="nav-link colour-{{ item[page.lang].colour | default: 'black' }} {{ item.case }}">{{ item[page.lang].name }}</a>
-          {% for sublink in item.items %}
+          {% if item.items %}
-            {% if page.lang == 'en' %}
+            <div class="sub-nav-group">
-              <a class="sub-nav-link colour-{{ sublink.colour | default: 'black' }} {{ sublink.case }}" href="{{ site.baseurl | append: sublink[page.lang].url }}">{{ sublink[page.lang].name }}</a>
+              {% for sublink in item.items %}
-            {% else %}
+                {% if page.lang == 'en' %}
-              <a class="sub-nav-link colour-{{ sublink.colour | default: 'black' }} {{ sublink.case }}" href="{{ site.baseurl }}/{{ page.lang | append: sublink[page.lang].url }}">{{ sublink[page.lang].name }}</a>
+                  <a class="sub-nav-link colour-{{ sublink[page.lang].colour | default: 'black' }} {{ sublink.case }}" href="{% if sublink[page.lang].to %}{{- sublink[page.lang].to -}}{% elsif sublink[page.lang].url %}{{- sublink[page.lang].url -}}{% endif %}">{{ sublink[page.lang].name }}</a>
-            {% endif %}
+                {% else %}
-          {% endfor %}
+                  <a class="sub-nav-link colour-{{ sublink[page.lang].colour | default: 'black' }} {{ sublink.case }}" href="{% if sublink[page.lang].to %}/{{- page.lang | append: sublink[page.lang].to -}}{% elsif sublink[page.lang].url %} {{- sublink[page.lang].url -}}{% endif %}">{{ sublink[page.lang].name }}</a>
+                {% endif %}
+              {% endfor %}
+            </div>
+          {% endif %}
         </div>
       {% else %}
         {% if page.lang == 'en' %}
         <div class="nav-group">
-          <a class="nav-link colour-{{ item.colour | default: 'black' }} {{ item.case }}" href="{{ site.baseurl | append: item[page.lang].url }}">{{ item[page.lang].name }}</a>
+          <a class="nav-link colour-{{ item[page.lang].colour | default: 'black' }} {{ item.case }}" href="{% if item[page.lang].to %}{{- item[page.lang].to -}}{% elsif item[page.lang].url %}{{- item[page.lang].url | default: '#' -}}{% endif %}">{{ item[page.lang].name }}</a>
         </div>
         {% else %}
         <div class="nav-group">
-          <a class="nav-link colour-{{ item.colour | default: 'black' }} {{ item.case }}" href="{{ site.baseurl }}/{{ page.lang | append: item[page.lang].url }}">{{ item[page.lang].name }}</a>
+          <a class="nav-link colour-{{ item[page.lang].colour | default: 'black' }} {{ item.case }}" href="{% if item[page.lang].to %}/{{- page.lang | append: item[page.lang].to -}}{% elsif item[page.lang].url %}{{- item[page.lang].url | default: '#' -}}{% endif %}">{{ item[page.lang].name }}</a>
         </div>
         {% endif %}
       {% endif %}

_includes/embeds/peertube.html

@@ -1,3 +1,3 @@
 <div class='embed-container'>
-  <iframe width="560" height="315" sandbox="allow-scripts allow-popups" class="peertube-embed" src="https://tv.undersco.re/videos/embed/{{ include.id }}" frameborder="0" allowfullscreen></iframe>
+  <iframe width="560" height="315" sandbox="allow-scripts allow-popups allow-same-origin" class="peertube-embed" src="https://tv.undersco.re/videos/embed/{{ include.id }}" frameborder="0" allowfullscreen></iframe>
 </div>

_includes/svg/social-icons/rss.html

@@ -1,4 +1,4 @@
-<a href="{{ site.baseUrl }}/feed.xml" class="social-link social-link--rss" title="ReclaimFutures RSS feed">
+<a href="/feed.xml" class="social-link social-link--rss" title="ReclaimFutures RSS feed">
   <svg xmlns="http://www.w3.org/2000/svg" width="{{ include.size }}" height="{{ include.size }}" viewBox="-28.364 -29.444 42.324 42.822">
     <path d="M-17.392 7.875c0 3.025-2.46 5.485-5.486 5.485s-5.486-2.46-5.486-5.485c0-3.026 2.46-5.486 5.486-5.486s5.486 2.461 5.486 5.486zm31.351 5.486C14.042.744 8.208-11.757-1.567-19.736c-7.447-6.217-17.089-9.741-26.797-9.708v9.792C-16.877-19.785-5.556-13.535.344-3.66a32.782 32.782 0 0 1 4.788 17.004h8.827v.017zm-14.96 0C-.952 5.249-4.808-2.73-11.108-7.817c-4.821-3.956-11.021-6.184-17.255-6.15v8.245c6.782-.083 13.432 3.807 16.673 9.774a19.296 19.296 0 0 1 2.411 9.326h8.278v-.017z"/>
   </svg>

_includes/text/en/call-for-proposals-2022.md

@@ -0,0 +1,46 @@
+
+
+ReclaimFutures is a meeting of resourcefulness on a planet gripped by austerity. As it becomes clear to even those in power that the current trajectory is unsustainable, **ReclaimFutures invites and disseminates local and distributed expertise in the shared pursuit of response, realignment and recovery.**
+
+ReclaimFutures is not a space for dreaming liberation achieved via networks or computing power. We define digital technologies not as spaces for world-building or governance, but tools to augment action - simple tools that exist alongside physical, financial and legal counterparts. ReclaimFutures makes space for people who have stepped outside of the global trajectory and wish to share the opportunities and tactics that they've found.
+
+**The future is uncertain but it is not hopeless. Join us and help reclaim it**.
+
+## The Conference
+
+Starting ReclaimFutures in 2020 inevitably shaped the conference in ways we couldn't have anticipated and moving our event online brought many obstacles, limitations and frustrations. But within these challenges also lay opportunities. An online-first event meant our inaugural edition was accessible to greater numbers of participants and attendees alike.
+
+For RF2022 we plan to expand on these successes making the 2022 edition more interactive and more accessible than before. Whilst once again taking place principally online, RF2022 will be spread across an expanded timeline, facilitating a deeper collaboration and wide-scale accessibility that wouldn't be possible with an in-person conference.
+
+### Timeline
+
+**3rd → 16th October 2022 — Livestreams**:  
+The talks, presentations and performances selected from responses to the call for proposals will be livestreamed. Livestreams will be repeated at multiple times during the day to facilitate attendance from different timezones. Talks and presentations will be supported with full-text closed captioning.
+In addition the broadcast platform will enable timestamped commenting and text annotation and the live chat will be recorded along side each livestream.
+
+**16th → 20th October 2022 — Archiving and meta-analysis**:  
+Comments, annotations and livechat contributions will be archived, common themes and pertinent questions will be extracted and collated.
+
+**21st → 23rd October 2022 — Live event**:  
+Livestreamed Q&A and roundtable sessions will be held in realtime with conference participants building discussions based on the findings of the archiving/analysis phase. Further participative workshops and live performances may also take place these dates.
+
+**November 2022 onward:**  
+RF2022 lives on as an interactive archive.
+
+## Call for Proposals
+
+ReclaimFutures is considered in an open, accessible and respectful philosophy and is a conference trying to feature those typically less heard within tech circles. As such, **RF is open** to all individuals or non-commercial groups to participate by presenting talks (video or audio-only format), artworks, workshops and performances and strongly encourages submissions from anyone who considers themselves to belong to an underrepresented group including but not limited to BIPOCs, LGBTQIA+, non-binary people, people with disabilities, women, working class, persons with no fixed address, immigrants, refugees, the undocumented, and first-time speakers.
+
+ReclaimFutures is run as a DIT (Do It Together), community-funded, not-for-profit project and rejects commercial financial influence and thus cannot ensure to pay ‘competitive’ large fees or expenses<sup>[[1]](#ref-1)</sup>.
+
+**All participants will be paid an equal share of the proceeds of the event**.
+
+If you’re looking for inspiration we’ve assembled a list of **[hypothetical talk titles and subjects](/rf2022/hypothetical-titles-subjects)** which you may take as a starting point, fully adopt, or of course completely disregard. You are also encouraged take a look at the archives of our ongoing series *[THE PARA-REAL: Finding the Future in Unexpected Places](https://stream.undersco.re/series/the-para-real)* or past conference edition [RF2020](/rf2020/archive/).
+
+## Submit a proposal
+
+The deadline for the proposals is the 17 July 2022. We are only able to consider proposals submitted by the link below. If you have questions don’t hesitate to get in touch [by email](mailto:info@reclaimfutures.org).
+
+<a href="https://cloud.undersco.re/apps/forms/kSdpDWPsETETwTpz"><button class="btn-ghost">Submit a proposal</button></a>
+
+<small id="ref-1">1. If you are concerned financial factors would limit your ability to partake in the conference, do not hesitate to get in touch and we will do all we can to help.</small>

_includes/text/fr/call-for-proposals-2022.md

@@ -0,0 +1,46 @@
+
+
+ReclaimFutures est une plateforme de ressources sur une planète aux prises avec l’austérité. Dans la certitude, même au sein des sphères de pouvoir, que la trajectoire actuelle est intenable, **ReclaimFutures invite et dissémine une expertise locale et décentralisée dans la recherche commune de réponses, de nouveaux axes et de stratégies de reprise du pouvoir collectif.**
+
+ReclaimFutures n’est pas un espace où on rêve la libération par les réseaux ou par la puissance de calcul. Nous définissons les technologies digitales non pas comme des espaces de réinvention du monde ou des espaces de gouvernance, mais comme un ensemble d’outils porteurs d’action – des outils simples, qui existent de pair avec leurs pendants matériels, financiers et légaux. ReclaimFutures souhaite accueillir des personnes qui dévié de la trajectoire dominante et souhaitent partager certaines tactiques et opportunités rencontrées. 
+
+**Le futur est incertain mais il n’est pas sans espoir.**  
+**Le futur est à nous, reprenons-le ensemble.**
+
+## La conférence
+
+Les débuts de ReclaimFutures en 2020 ont inévitablement façonné l’événement d’une manière que nous ne pouvions imaginer. En transposant l’événement en ligne, nous avons rencontré de nombreux obstacles, limitations et frustrations. Mais les défis ont aussi amené leur lot d’opportunités. Un événement en ligne signifiait que notre toute première édition deviendrait accessible à un nombre plus grand de participant·e·x·s et à un public plus large.
+
+Pour RF2022, nous envisageons de poursuivre sur ce modèle en rendant l’édition 2022 plus interactive et plus accessible qu’auparavant. Bien que l’événement se fera principalement en ligne, RF2022 se tiendra sur une plus longue durée, afin de faciliter la participation du public et de renforcer son accessibilité.
+
+### Timeline
+
+**3 → 16 octobre : livestreams**
+Les conférences, présentations et performances issues de l’appel à participer seront diffusées en live. Chaque présentation sera diffusée à plusieurs reprises sur la même journée pour faciliter la participation depuis différents fuseaux horaires. Les conférences et les présentations seront sous-titrées. La plateforme de diffusion permettra de commenter et d’annoter le texte de la présentation. Pour chaque livestream, le contenu du chat sera enregistré et rediffusé en temps réel afin de permettre au public des différentes diffusions de participer à une discussion commune.
+
+**16 → 20 octobre : archivage et analyse**
+Les commentaires, les annotations et les contributions du chat seront archivées. Les principaux thèmes et questions en seront extraits et rassemblés.
+
+**21 → 23 octobre 2022 – événement live**
+Des tables rondes et des séances de questions-réponses auront lieu en temps réel avec les participant·e·x·s de l’événement qui construiront une discussion basée sur les résultats de la phase d’archivage et d’analyse. Des ateliers et des performances live auront également lieu à ces dates.
+
+**A partir de novembre 2022**
+RF2022 continue d’exister sous la forme d’archive interactive.
+
+## Appel à participer
+
+ReclaimFutures est pensé comme un espace ouvert, accessible et respectueux, aspirant à soutenir les moins visible·x·s au sein des cercles tech. RF est ainsi ouvert à tout individu ou groupe non-commercial souhaitant présenter une conférence (au format vidéo ou audio), une œuvre artistique, un atelier, une performance, etc. RF encourage fortement les propositions de personnes qui estiment être membre d’un ou plusieurs groupes sous-représentés, notamment les personnes racisées, LGBTQIA+, non-binaires, handicapées, neuroatypiques, les femmes, les membres de la classe ouvrière, les personnes sans domicile, immigré·e·x·s, réfugié·e·x·s, sans-papiers, et celleux qui prennent la parole pour la première fois.
+
+ReclaimFutures s’organise sous la forme du DIT (Do It Together). RF est un projet non-lucratif et rejette toute influence commerciale. Financé par la communauté, RF ne peut s’engager à verser des rémunérations ou indemnités élevées<sup>[[1]](#ref-1)</sup>.
+
+Touxtes les participant·e·x·s seront payé·e·x·s chacun·e·x une part égale des revenus de l’événement. 
+
+Si vous cherchez de l’inspiration, nous avons assemblé [une liste de titres et sujets potentiels](/rf2022/hypothetical-titles-subjects) qui peuvent servir de point de départ, que vous pouvez entièrement récupérer ou complètement ignorer. Nous vous encourageons à jeter un œil aux archives de notre série *[THE PARA-REAL: Finding the Future in Unexpected Places](https://stream.undersco.re/series/the-para-real)* ou de [RF2020](/rf2020/archive).
+
+## Proposer un projet
+
+La date limite pour déposer un projet est fixée au **17 juillet**. Nous ne pouvons considérer que les projets déposés via le lien ci-dessous. Si vous avez des questions, n’hésitez pas à nous contacter [par mail](mailto:info@reclaimfutures.org).
+
+<a href="https://cloud.undersco.re/apps/forms/kSdpDWPsETETwTpz"><button class="btn-ghost">Cliquez ici pour proposer un projet</button></a>
+
+<small id="ref-1">1. Si des facteurs financiers vous empêchent de participer à la conférence, n’hésitez pas à nous contacter. Nous ferons tout notre possible pour vous soutenir et vous permettre de participer.</small>

_layouts/default.html

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

_layouts/event.html

@@ -75,7 +75,9 @@ className: event
 
     <div class="post-content margin-16-bottom">
       {% if page.youtube %}
-        {% include embeds/youtube.html slug=page.youtube %}
+        {% unless page.peertube-id %}
+          {% include embeds/youtube.html slug=page.youtube %}
+        {% endunless %}
       {% endif %}
       <p>
         {{ page.description | markdownify }}

_layouts/list-page.html

@@ -0,0 +1,9 @@
+---
+layout: page
+---
+<div class="page-content text-page layout--list-page">
+  <article class="content">
+    <h1>{{ page.title }}</h1>
+    {{ content }}
+  </article>
+</div>

_layouts/post.html

@@ -11,14 +11,11 @@ layout: page
       </label>
     </header>
     <div class="post-content">
+      {% if page.image %}
+        <img src="{{ page.image }}" alt="">
+      {% endif %}
       {{ content }}
     </div>
-    <!-- {% for tag in page.tags %}
-      <p class="tag">
-        #{{ tag }}
-      </p>
-
-      {% endfor %} -->
   </div>
   {% include common/subscribe.html %}
 </article>

_posts/en/2020-09-09-timetable-live.markdown

@@ -9,7 +9,7 @@ excerpt: <p>With a little over one week to go we're happy to finally share with
 
 ---
 
-### Timetable live
+### Timetable livessss
 
 With a little over one week to go we're happy to share with you the final timetable for the weekend. Head over to the [program](/rf2020/program) page to see the times of all events.
 

_posts/en/2021-05-18-the-para-real-announcement.markdown

@@ -0,0 +1,37 @@
+---
+layout: post
+author: ReclaimFutures
+title: "The Para-Real: Finding the Future in Unexpected Places"
+ref: the-para-real
+date: 2021-05-18 12:30:00 +0200
+lang: en
+excerpt: <p>We've teamed up with The New Design Congress to bring you a new livestream series about subcultures building livelihoods in spite of platform exploitation and fractured societies</p>
+image: /assets/img/the-para-real/head.jpeg
+
+---
+
+ReclaimFutures have teamed up with The [New Design Congress](https://newdesigncongress.org/) to bring you a new livestream series - [The Para-Real: Finding the Future in Unexpected Places](https://stream.undersco.re/), a free series about subcultures building livelihoods in spite of platform exploitation and fractured societies. Over 12 episodes streamed weekly, we meet filmmakers who have never met their actors, artists building their own networks of value, documentarians exploring digital identity, and members of resilient subcultures. All of these people share a commonality: they have an innate understanding of the Para-Real, and have seized upon it to better their surroundings.
+
+### What is the Para-Real?
+
+Between the digital realm and our physical world, The Para-Real is a third space, equally material but poorly understood. The Para-Real is where class politics, economics and the outcomes of hardware and infrastructure design collide. It manifests as the desire for play that turns young Minecraft players into network server administrators, the moments where digital security meets physical safety, the creation of mutually-supportive artist-driven marketplaces or the tension inherent in Virtual Reality’s land-grab in the living room. The Para-Real is the embodiment of the observation, 
+
+*‘We shape our tools, and thereafter our tools shape us.’*
+
+The future is not a Zoom call. The digital systems we are confined to today merge protocol with platform to prey on isolation and extract value from labour. That we grapple with this incarnation of the digital realm indicates a dominant cartel in decline. In its place is a vacuum. We must resist the immature groupthink of the 90s’ vision of what the Internet can be. The Para-Real is once again contested space.
+
+**STREAMING WEEKLY FROM MAY 23  
+12PM PDT // 3PM EDT // 8PM BST // 9PM CEST**
+
+
+<a href="https://stream.undersco.re/series/the-para-real"><button> Browse the Series Programme</button></a>
+
+<iframe
+  title="THE PARA-REAL: Finding the Future in Unexpected Places Livestream Series Trailer" 
+  width="580"
+  height="315"
+  src="https://tv.undersco.re/videos/embed/87eed054-9894-4e94-afb0-8616978c407b"
+  frameborder="0"
+  allow="allow-same-origin allow-scripts allow-popups; autoplay; picture-in-picture"
+  allowfullscreen
+/>

_posts/en/2022-05-27-announcing-rf2022.markdown

@@ -0,0 +1,14 @@
+---
+layout: post
+author: ReclaimFutures
+title: "Announcing ReclaimFutures 2022!"
+ref: announcing-rf2022
+date: 2022-05-23 09:30:00 +0200
+lang: en
+excerpt: <p>The ReclaimFutures team is very proud to announce ReclaimFutures 2022! Call for proposals now live!</p>
+
+---
+
+The ReclaimFutures team is very proud to announce ReclaimFutures is back for 2022! This years event will take a different format to RF2020 and we're very excited about it. Head over to the [call for proposals](/rf2022/) now to read the statement, learn about the new format and submit a proposal.
+
+<a href="/rf2022/"><button>-> RF2022</button></a>

_posts/fr/2021-05-18-the-para-real-announcement.markdown

@@ -0,0 +1,36 @@
+---
+layout: post
+author: ReclaimFutures
+title: "The Para-Real: Finding the Future in Unexpected Places"
+ref: the-para-real
+date: 2021-05-18 12:30:00 +0200
+categories: fr
+lang: fr
+excerpt: <p>We've teamed up with The New Design Congress to bring you a new livestream series about subcultures building livelihoods in spite of platform exploitation and fractured societies</p>
+
+---
+
+<img src="/assets/img/the-para-real/head.jpeg" alt="">
+
+ReclaimFutures have teamed up with The [New Design Congress](https://newdesigncongress.org/) to bring you a new livestream series - [The Para-Real: Finding the Future in Unexpected Places](https://stream.undersco.re/), a free series about subcultures building livelihoods in spite of platform exploitation and fractured societies. Over 12 episodes streamed weekly, we meet filmmakers who have never met their actors, artists building their own networks of value, documentarians exploring digital identity, and members of resilient subcultures. All of these people share a commonality: they have an innate understanding of the Para-Real, and have seized upon it to better their surroundings.
+
+### What is the Para-Real?
+
+Between the digital realm and our physical world, The Para-Real is a third space, equally material but poorly understood. The Para-Real is where class politics, economics and the outcomes of hardware and infrastructure design collide. It manifests as the desire for play that turns young Minecraft players into network server administrators, the moments where digital security meets physical safety, the creation of mutually-supportive artist-driven marketplaces or the tension inherent in Virtual Reality’s land-grab in the living room. The Para-Real is the embodiment of the observation, ‘We shape our tools, and thereafter our tools shape us.’ 
+
+*The future is not a Zoom call*. The digital systems we are confined to today merge protocol with platform to prey on isolation and extract value from labour. That we grapple with this incarnation of the digital realm indicates a dominant cartel in decline. In its place is a vacuum. We must resist the immature groupthink of the 90s’ vision of what the Internet can be. The Para-Real is once again contested space.
+
+**STREAMING WEEKLY FROM MAY 23  
+12PM PDT // 3PM EDT // 8PM BST // 9PM CEST**
+
+
+<a href="https://stream.undersco.re/" class="block"><button> Browse the Series Programme</button></a>
+
+<iframe
+  width="560"
+  height="315"
+  src="https://www.youtube-nocookie.com/embed/b-JQ5Bo4JnI?vq=hd1080"
+  frameborder="0"
+  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+  allowfullscreen
+  />

_posts/fr/2022-05-27-announcing-rf2022.markdown

@@ -0,0 +1,15 @@
+---
+layout: post
+author: ReclaimFutures
+title: "Announcing ReclaimFutures 2022!"
+ref: announcing-rf2022
+date: 2022-05-23 09:30:00 +0200
+lang: fr
+categories: fr
+excerpt: <p>L'équipe de ReclaimFutures est fière d'annoncer le retour de l'événement pour 2022 ! L'appel à participation est <em>en ligne !</em></p>
+
+---
+L'équipe de ReclaimFutures est fière d'annoncer le retour de l'événement pour 2022 !
+Cette année, nous nous réjouissons de vous proposer un nouveau format, différent de celui de RF2020. Rendez-vous sur la page de notre [appel à participation](/fr/rf2022/) pour lire notre manifeste, en apprendre plus sur ce nouveau format et nous envoyer votre proposition.
+
+<a href="/fr/rf2022/"><button>-> RF2022</button></a>

_sass/components.scss

@@ -0,0 +1,15 @@
+button.btn-ghost {
+  padding: var(--size-16) var(--size-32);
+  border-radius: 0;
+  background: transparent;
+  border: 1px solid var(--colour-graphite);
+  width: 100%;
+  cursor: pointer;
+  margin: 0;
+
+  &:hover {
+    background: var(--colour-graphite);
+    border: 1px solid var(--colour-graphite);
+    color: var(--colour-bg);
+  }
+}

_sass/includes/archive.scss

@@ -1,7 +1,7 @@
 .archive-grid {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
-  grid-auto-rows: minmax(calc(920px / 3 - var(--size-16)), max-content);
+  grid-auto-rows: minmax(calc(920px / 3), max-content);
   column-gap: var(--size-16);
 
   @include touch {

_sass/includes/header.scss

@@ -4,10 +4,23 @@ header.page-header {
   .sub-nav-link {
     color: var(--colour-text);
     background-color: white;
-    padding: var(--size-8);
     transition: box-shadow 0.8s cubic-bezier(0.075, 0.82, 0.165, 1);
     z-index: 1;
     text-decoration: underline;
+
+    &[href^='https']:after {
+      content: '↗';
+      margin-left: 2px;
+    }
+  }
+
+  .nav-link,
+  .lang {
+    padding: 4px 8px;
+  }
+
+  .sub-nav-link {
+    padding: 8px 10px;
   }
 
   .lang:hover {
@@ -18,12 +31,19 @@ header.page-header {
 
   .nav-group {
     cursor: default;
-    display: flex;
+    position: relative;
-    flex-direction: column;
+    z-index: 1;
-    align-items: flex-end;
+
-    .sub-nav-link {
+    .sub-nav-group {
+      display: flex;
+      flex-direction: column;
+      align-items: flex-end;
       opacity: 0;
       pointer-events: none;
+      position: absolute;
+      top: 100%;
+      padding: 18px 0;
+      right: 0;
 
       &:hover,
       &:focus,
@@ -32,17 +52,22 @@ header.page-header {
         pointer-events: all;
       }
     }
+
     &:hover,
     &:focus,
     &:active {
-      .sub-nav-link {
+      .sub-nav-group {
         opacity: 1;
         pointer-events: all;
       }
     }
-
     a {
+      cursor: default;
+    }
+    a[href^='https'],
+    a[href^='/'] {
       cursor: pointer;
+      width: max-content;
     }
   }
 

_sass/layout.scss

@@ -1,7 +1,7 @@
 body {
   background-color: var(--colour-bg);
   // background-color: var(--colour-graphite);
-  background-image: url('../img/bg/bg-2.png'), url('../img/bg/bg-el-light.png');
+  background-image: url('../img/bg/bg-2.png');
   transition: background-color 0.5s ease-in-out;
   background-position: var(--size-base) var(--size-8), var(--size-8) var(--size-12);
   background-repeat-x: no-repeat;

_sass/layouts/404.scss

@@ -21,54 +21,9 @@
   .fourohfour {
     display: flex;
     flex-direction: row;
-
-    h1 {
-      animation: grain 1s steps(10) infinite;
-
-      &:first-of-type {
-        animation-duration: 2s;
-      }
-      &:last-of-type {
-        animation-duration: 3s;
-      }
-    }
   }
 
   a {
     transition: transform 5s ease-in-out;
   }
 }
-
-@keyframes grain {
-  0%,
-  100% {
-    transform: translate(0, 0);
-  }
-  10% {
-    transform: translate(-5%, -10%);
-  }
-  20% {
-    transform: translate(-15%, 5%);
-  }
-  30% {
-    transform: translate(7%, -25%);
-  }
-  40% {
-    transform: translate(-5%, 25%);
-  }
-  50% {
-    transform: translate(-15%, 10%);
-  }
-  60% {
-    transform: translate(15%, 0%);
-  }
-  70% {
-    transform: translate(0%, 15%);
-  }
-  80% {
-    transform: translate(3%, 35%);
-  }
-  90% {
-    transform: translate(-10%, 10%);
-  }
-}

_sass/layouts/list-page.scss

@@ -0,0 +1,10 @@
+.layout--list-page {
+  ul {
+    padding: 16px 32px;
+    margin-bottom: 64px;
+  }
+
+  h1 {
+    font-size: var(--size-32);
+  }
+}

_sass/layouts/post.scss

@@ -23,6 +23,29 @@
 
 .news-post {
   margin-bottom: var(--size-64);
+
+  h3 {
+    margin-top: var(--size-32);
+  }
+
+  img {
+    max-width: 100%;
+  }
+
+  button {
+    padding: var(--size-16) var(--size-32);
+    border-radius: 0;
+    background: transparent;
+    border: 1px solid var(--colour-graphite);
+    width: 100%;
+    cursor: pointer;
+
+    &:hover {
+      background: var(--colour-graphite);
+      border: 1px solid var(--colour-graphite);
+      color: var(--colour-bg);
+    }
+  }
 }
 
 .post-item {

_sass/layouts/text-page.scss

@@ -28,7 +28,7 @@
     padding-top: 0;
 
     li {
-      list-style: inside;
+      list-style: square;
       @include padding-horizontal(var(--size-12));
       line-height: var(--size-24);
 

_sass/pages/event.scss

@@ -1,4 +1,7 @@
 #page-event {
+  .post-item > div:first-of-type {
+    align-items: flex-start;
+  }
   .date-box {
     p {
       line-height: 1;

_sass/pages/rf2020.scss

@@ -1,21 +1,28 @@
 #page-rf2020 {
-  .content img {
+  img {
-    max-width: calc(var(--size-512) + var(--size-128));
+    max-width: 920px;
 
     @include touch {
       width: 100%;
     }
   }
 
-  li {
+  p.textbox {
-    font-size: var(--size-14);
+    margin: 0;
+    // padding-bottom: 0;
+  }
 
-    &:last-of-type {
+  .textbox {
-      margin-bottom: 0;
+    li {
-    }
+      font-size: var(--size-14);
 
-    &::before {
+      &:last-of-type {
-      content: '-> ';
+        margin-bottom: 0;
+      }
+
+      &::before {
+        content: '-> ';
+      }
     }
   }
   .rf2020-nav {
@@ -33,4 +40,8 @@
       cursor: pointer;
     }
   }
+
+  &.lang-fr .no-fr {
+    margin-bottom: 1em;
+  }
 }

_sass/typography.scss

@@ -25,7 +25,8 @@ strong,
   font-weight: 700;
 }
 
-em {
+em,
+.italic {
   font-family: var(--font-body);
   font-style: italic;
 }

about/index.md

@@ -11,7 +11,7 @@ ref: about
 {% endcapture %}
 
 {% capture maintext %}
-  {% include text/en/main-text.md %}
+  {% include text/en/call-for-proposals2020.md %}
 {% endcapture %}
 
 <div class="lang-en">

assets/css/index.scss

@@ -11,8 +11,10 @@
 @import 'fontface';
 @import 'typography';
 @import 'layout';
+@import 'components';
 @import 'layouts/default';
 @import 'layouts/text-page';
+@import 'layouts/list-page';
 @import 'layouts/404';
 @import 'layouts/post';
 @import 'layouts/program';

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

docker-compose.yml

@@ -0,0 +1,11 @@
+version: '3'
+
+services:
+  jekyll:
+    container_name: jekyll
+    image: jekyll/jekyll:latest
+    ports:
+      - 4000:4000
+    volumes:
+      - .:/srv/jekyll:Z"
+    command: yarn start

fr/index.html

@@ -6,13 +6,8 @@ className: index
 ref: index
 ---
 
-{% capture intro %}
-  {% include text/fr/intro.md %}
-{% endcapture %}
-
 
 <div>
-  <span class="intro">{{ intro | markdownify }}</span>
   {% include common/news.html %}
 </div> 
 

fr/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> 

fr/rf2020/credits/index.md

@@ -0,0 +1,41 @@
+---
+layout: text-page
+author: ReclaimFutures
+title: Credits & Gratitude
+className: credits
+ref: credits
+lang: fr
+
+---
+
+_Version française non disponible_
+
+<div>
+  <h2>{{ page.title }}</h2>
+</div>
+
+ReclaimFutures 2020 would not have been possible without community effort, financial donations and support for which we are extremely grateful.
+
+### Donations & Finacial support
+
+We thank  the following donors for their kind support:
+
+{% include common/donors.html %}
+
+The sum of this amount is being split between conference participants. Donations are still open and all donations made via [this link](https://opencollective.com/reclaimfutures/contribute/rf2020-20496/checkout) will be passed on to RF2020 participants.
+
+### Team
+
+ReclaimFutures 2020 was organised and produced by **Ellis Jones**, **Maria Mahdessian**, **Cleo Charollais** and **Joelle Aeschlimann**.
+
+### Music
+
+All music heard in the live-stream during the weekend was used with permission from the artist / label. Go buy music by these artists:
+
+<iframe class="buymusic-club" src="https://www.buymusic.club/embed/reclaimfutures-rf2020-playlist" height="500" width="100%" frameborder="0"></iframe>
+
+### Website and Typography
+
+The ReclaimFutures website was made by Ellis Jones and Cleo Charollais using [Jekyll](https://jekyllrb.com/) and is hosted at (100% renewable-powered) [Data Center Light](https://datacenterlight.ch/).
+
+The typefaces used by ReclaimFutures are [Space Mono by Colophon Foundry](https://www.colophon-foundry.org/custom/spacemono/) and [GlyphWorld Mountain by Leah Maldonado](https://leahmaldonado.com/GlyphWorld).

fr/rf2020/index.html

@@ -1,15 +1,36 @@
 ---
 layout: page
 lang: fr
-className: rf2020
 ref: 2020-mainpage
+className: rf2020
 ---
 
 
-<article class="page-content margin-128-bottom re">
+
-  <h2 class="textbox inline-block margin">ReclaimFutures 2020</h2>
+<article class="page-content margin-128-bottom">
   <div>
-    <a href="/rf2020/program"><button class="textbox uppercase margin-0">{{ site.data.translations.program[page.lang] }}</button></a>
+    <p class="textbox italic inline-block no-fr">
-    <a href="/rf2020/participants/"><button class="textbox uppercase margin-0">{{ site.data.translations.participants[page.lang] }}</button></a>
+      Version française non disponible
+    </p>
   </div>
+  <div>
+    <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>
+  </div>
+  <h2 class="textbox inline-block">Archive</h2> 
+  {% include archive/full-archive.html %}
+  <h3 class="textbox inline-block">Rewatch and rediscover:</h3>
+  <div class="rf2020-nav ">
+    <a class="textbox uppercase" href="/rf2020/call-for-proposals/">{{ site.data.translations.call-for-proposals[page.lang] }}</a>
+    <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>
+    <a class="textbox uppercase" href="/rf2020/credits/">{{ site.data.translations.credits[page.lang] }}</a>
+  </div>
+
 </article> 

fr/rf2022/index.md

@@ -0,0 +1,16 @@
+---
+layout: text-page
+lang: fr
+title: Call for proposals 2022
+className: about
+ref: call-for-proposls-rf2022
+---
+
+
+{% capture maintext %}
+  {% include text/fr/call-for-proposals-2022.md %}
+{% endcapture %}
+
+<div class="lang-fr">
+  {{ maintext | markdownify }}
+</div> 

index.html

@@ -11,8 +11,12 @@ ref: index
 {% endcapture %}
 
 
+
 <div>
-  <span class="intro">{{ intro | markdownify }}</span>
+  <!-- <span class="intro">{{ intro | markdownify }}</span> -->
+  <div class="page-content text-page">
+    {{ cfp2022 | markdownify }}
+  </div>
   {% include common/news.html %}
 </div> 
 

package.json

@@ -5,13 +5,11 @@
   "main": "index.js",
   "scripts": {
     "start": "run-p start-jekyll start-parcel",
-    "build": "npm run build-jekyll && npm run build-parcel",
+    "build": "run-s build-jekyll build-parcel",
     "start-jekyll": "bundle exec jekyll serve --livereload",
     "start-parcel": "parcel src/index.js -d assets/js",
-    "build-jekyll": "JEKYLL_ENV=production jekyll build",
+    "build-jekyll": "JEKYLL_ENV=production bundle exec jekyll build",
-    "build-parcel": "parcel build src/index.js -d ./_site/assets/js",
+    "build-parcel": "parcel build src/index.js -d ./_site/assets/js"
-    "deploy-dev": "npm run build && rsync -a -e 'ssh -p 7833' ./_site/* amemasu@185.203.114.165:/var/www/dev.reclaimfutures.org && open https://dev.reclaimfutures.org/",
-    "deploy-prod": "npm run build && rsync -a -e 'ssh -p 7833' ./_site/* amemasu@185.203.114.165:/var/www/reclaimfutures.org && open https://reclaimfutures.org/"
   },
   "author": "",
   "license": "ISC",

rf2020/call-for-proposals/index.md

@@ -0,0 +1,20 @@
+---
+layout: text-page
+lang: en
+title: About RF
+className: about
+ref: about
+---
+
+{% capture intro %}
+  {% include text/en/intro.md %}
+{% endcapture %}
+
+{% capture maintext %}
+  {% include text/en/call-for-proposals2020.md %}
+{% endcapture %}
+
+<div class="lang-en">
+  <span class="intro">{{ intro | markdownify }}</span>
+  {{ maintext | markdownify }}
+</div> 

rf2020/credits/index.md

@@ -21,6 +21,10 @@ We thank  the following donors for their kind support:
 
 The sum of this amount is being split between conference participants. Donations are still open and all donations made via [this link](https://opencollective.com/reclaimfutures/contribute/rf2020-20496/checkout) will be passed on to RF2020 participants.
 
+### Team
+
+ReclaimFutures 2020 was organised and produced by **Ellis Jones**, **Maria Mahdessian**, **Cleo Charollais** and **Joelle Aeschlimann**.
+
 ### Music
 
 All music heard in the live-stream during the weekend was used with permission from the artist / label. Go buy music by these artists:
@@ -29,6 +33,6 @@ All music heard in the live-stream during the weekend was used with permission f
 
 ### Website and Typography
 
-The ReclaimFutures website was made by Benjamin Jones and Clément Charollais using [Jekyll](https://jekyllrb.com/) and is hosted at (100% renewable-powered) [Data Center Light](https://datacenterlight.ch/).
+The ReclaimFutures website was made by Ellis Jones and Cleo Charollais using [Jekyll](https://jekyllrb.com/) and is hosted at (100% renewable-powered) [Data Center Light](https://datacenterlight.ch/).
 
 The typefaces used by ReclaimFutures are [Space Mono by Colophon Foundry](https://www.colophon-foundry.org/custom/spacemono/) and [GlyphWorld Mountain by Leah Maldonado](https://leahmaldonado.com/GlyphWorld).

rf2020/index.html

@@ -7,8 +7,7 @@ className: rf2020
 
 
 <article class="page-content margin-128-bottom">
-  <h2 class="textbox inline-block">ReclaimFutures 2020</h2>
+  <div>
-  <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">
@@ -17,11 +16,15 @@ className: rf2020
       <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">
+  <h2 class="textbox inline-block">Archive</h2> 
+  {% include archive/full-archive.html %}
+  <h3 class="textbox inline-block">Rewatch and rediscover:</h3>
+  <div class="rf2020-nav ">
+    <a class="textbox uppercase" href="/rf2020/call-for-proposals/">{{ site.data.translations.call-for-proposals[page.lang] }}</a>
     <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>
     <a class="textbox uppercase" href="/rf2020/credits/">{{ site.data.translations.credits[page.lang] }}</a>
   </div>
+
 </article> 

rf2022/hypothetical-titles-subjects.md

@@ -0,0 +1,21 @@
+---
+layout: list-page
+lang: en
+title: Hypothetical talk titles and/or subjects
+className: hypothetical-titles-subjects
+ref: hypothetical-titles-subjects
+---
+
+- Degrowth, For Real
+- “Going permanently offline” - Off the binary grid
+- Recovery 2025
+- Yelling in the Para-Real
+- Cyberdecks and other truly personal computers
+- Decolonising eco-tech
+- How to Blow Up an Internet Line
+- Primitive Digital Technologies
+- No Gods, no masters, no blocks, no chains
+- Queer technologies for SolarPunk futures
+- Archiving Queer Histories
+- Post-capitalist reproductive technologies
+

rf2022/index.md

@@ -0,0 +1,15 @@
+---
+layout: text-page
+lang: en
+title: Call for proposals 2022
+className: about
+ref: call-for-proposls-rf2022
+---
+
+{% capture maintext %}
+  {% include text/en/call-for-proposals-2022.md %}
+{% endcapture %}
+
+<div class="lang-en">
+  {{ maintext | markdownify }}
+</div>