a whole bunch more responsive adaptations and tweaks

_config.yml

@@ -55,7 +55,7 @@ plugins:
 #   - vendor/gems/
 #   - vendor/ruby/
 
-# Generation of pages for participants
+# Generation of pages for participants + events
 age_gen-dirs: true
 
 page_gen:
@@ -63,6 +63,7 @@ page_gen:
   template: 'participant'
   dir: 'rf2020/participants'
   name: 'ref'
+
 - data: 'rf2020.events'
   template: 'event'
   dir: 'rf2020/events'

_data/menu.yml

@@ -9,9 +9,9 @@
 
 - conference: 
   en: 
-    name: ReclimFutures conference 2020
+    name: Conference 2020
   fr: 
-    name: ReclimFutures conference 2020
+    name: Conference 2020
   items:
     - program: 
       en: 
@@ -27,13 +27,13 @@
       fr: 
         name: intervenants
         url: /rf2020/participants
-- donate:
+# - donate:
-  en: 
+#   en: 
-    name: donate
+#     name: donate
-    url: "/donate"
+#     url: "/donate"
-  fr: 
+#   fr: 
-    name: faire un don
+#     name: faire un don
-    url: /donate
+#     url: /donate
 
 
 # - participate: 

_data/rf2020/events.yml

@@ -2,7 +2,7 @@
   title_ : The Museum of the Fossilized Internet
   lang_ : EN
   format: Workshop
-  ref : The-Museum-of
+  ref : the-museum-of-the-fossilized-internet
   date : 2020-09-18 00:00
   description: |
     This miniature museum was founded in 2050 to commemorate two decades of a fossil-free internet and to invite museum visitors to experience what the coal and oil-powered internet of 2020 was like.
@@ -16,7 +16,7 @@
   title_ : Peek- creating games for understanding futures
   lang_ : EN
   format: Workshop
-  ref : Peek-creating-games
+  ref : peek-creating-games
   date : 2020-09-18 00:00
   description: |
     In this workshop participants will make their own version of the science fiction/novel game, Peek [http://thepeekgame.com](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.
@@ -26,11 +26,10 @@
   title_ : Avatars in Zoom for All
   lang_ : EN
   format: Workshop
-  ref : Avatars-in-Zoom
+  ref : avatars-in-zoom
   date : 2020-09-18 00:00
+  youtube: vwW8dSKMpSE
   description: |    
-    Teaser and video invitation: [https://www.youtube.com/watch?v=vwW8dSKMpSE](https://www.youtube.com/watch?v=vwW8dSKMpSE)
-    
     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]
 
@@ -38,7 +37,7 @@
   title_ : PGPoetry workshop
   lang_ : EN
   format: Workshop
-  ref : PGPoetry-workshop
+  ref : pg-poetry-workshop
   date : 2020-09-18 00:00
   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.
@@ -48,14 +47,14 @@
   title_ : Futures Literacy for the Regenerative Economy
   lang_ : EN
   format: Workshop
-  ref : Futures-Literacy-for
+  ref : futures-literacy-for
   date : 2020-09-18 00:00
   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]
 
 - id : 5
-  title_ : turbo mañana
+  title_ : Turbo Mañana
   lang_ : EN
   format: Workshop
   ref : turbo-manana
@@ -88,7 +87,7 @@
   title_ : Feminist Data Set
   lang_ : EN
   format: Talk
-  ref : Feminist-Data-Set
+  ref : feminist-data-set
   date : 2020-09-19 00:00
   description: |
     What is feminist data inside of social networks, algorithms, and big data? How can we queer data, the archive, and the internet? How can a data set act as a form of protest, of a creation of bias mitigation? This talk looks at ways of intervention, from art, design, and technology that combat and challenge bias. How can we create data to be an act of protest against algorithms? Part of this talk will focus on Caroline's research and current art project, Feminist Data Set. Feminist Data Set acts as a means to combat bias and introduce the possibility of data collection as a feminist practice, aiming to produce a slice of data to intervene in larger civic and private networks. Exploring its potential to disrupt larger systems by generating new forms of agency, her work asks: can data collection itself function as an artwork?
@@ -124,7 +123,7 @@
   title_ : The Republic of Užupis
   lang_ : EN
   format: Talk
-  ref : The-Republic-of
+  ref : the-republic-of
   date : 2020-09-19 00:00
   description: |
     I would like to present the Lithuanian artist Republic of Užupis as one possible example of how to approach societal change – in the past and today.
@@ -140,7 +139,7 @@
   title_ : Through the Algorithmic Lens
   lang_ : EN
   format: Talk
-  ref : Through-the-Algorithmic
+  ref : through-the-algorithmic
   date : 2020-09-19 00:00
   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.
@@ -150,7 +149,7 @@
   title_ : From cradle-to-grave- Tech won’t save us
   lang_ : EN
   format: Talk
-  ref : From-cradle-to
+  ref : from-cradle-to
   date : 2020-09-19 00:00
   description: |
     “The future is already here..it's just not very evenly distributed.” William Gibson 1993
@@ -164,7 +163,7 @@
   title_ : Critical Latinofuturism- Recontextualizing Modernity
   lang_ : EN
   format: Talk
-  ref : Critical-Latinofuturism-Recontextualizing
+  ref : critical-latinofuturism-recontextualizing
   date : 2020-09-19 00:00
   description: |
     With the passing of the North American Free Trade Agreement on January 1st 1994, the indigenous municipalities of Chiapas in Southern Mexico rose up to demand an end to the unregulated cycle of abuse they had been subjected to since the arrival of the Spanish Crown. Under the name of the Zapatista Army of National Liberation (EZLN), the armed organization declared war on the Mexican State, demanding "work, land, housing, food, health, education, independence, liberty, democracy, justice, and peace".
@@ -183,16 +182,16 @@
   ref : futurities-of-the
   date : 2020-09-19 00:00
   description: |
-    Technocapitalism has radically changed and impacted the manifestation of desire. Physical spaces where queer communities were meeting to have sex, to cruise are diseappering. Public bathrooms are being deserted, clubs are closing (1), the act of cruising in urban, natural territories, spaces not designed for such purposes, is increasingly rare. With their disappearance, whole histories and narratives are erased (2). In the absence of extensive queer archives, cruising utopias vanish, witnesses of liminal and forgotten histories.
+    Technocapitalism has radically changed and impacted the manifestation of desire. Physical spaces where queer communities were meeting to have sex, to cruise are diseappering. Public bathrooms are being deserted, clubs are closing <span class="sup">(1)</span>, the act of cruising in urban, natural territories, spaces not designed for such purposes, is increasingly rare. With their disappearance, whole histories and narratives are erased <span class="sup">(2)</span>. In the absence of extensive queer archives, cruising utopias vanish, witnesses of liminal and forgotten histories.
     
-    Our video proposition investigates contemporary sites of affection-making online. Digital platforms owned by conglomerates offer the prospect of finding love, whether easily, fast or through self-promoted complex algorithms. We investigate such sites and contradictions inherent to their business model (3). Acknowledging how apps like grindr, tinder, okcupid actively support the perpetuation of normative capitalism on one hand, we dig into the possibility of counter-discourse through acts of hacking, subversive behavior. Thus, such sites can offer windows of opportunity for users to create networks, exchange practices and knowledge. We investigate how online-dating apps can be localities for radical practices. Flirting, dating, sex are powerful catalysers for production of knowledge (4). Following epistemologies that are rooted in alternative pedagogy methods, we explore what knowledge can be created on such platforms, which narratives can be expressed.
+    Our video proposition investigates contemporary sites of affection-making online. Digital platforms owned by conglomerates offer the prospect of finding love, whether easily, fast or through self-promoted complex algorithms. We investigate such sites and contradictions inherent to their business model <span class="sup">(3)</span>. Acknowledging how apps like grindr, tinder, okcupid actively support the perpetuation of normative capitalism on one hand, we dig into the possibility of counter-discourse through acts of hacking, subversive behavior. Thus, such sites can offer windows of opportunity for users to create networks, exchange practices and knowledge. We investigate how online-dating apps can be localities for radical practices. Flirting, dating, sex are powerful catalysers for production of knowledge <span class="sup">(4)</span>. Following epistemologies that are rooted in alternative pedagogy methods, we explore what knowledge can be created on such platforms, which narratives can be expressed.
     
     The video will last 5 to 10 minutes and will include self-made material as well as images and videos sent through online-dating platform.
     
-    (1)Sarah Schulman, The Gentrification of the Mind: Witness to a Lost Imagination
+    <small>[1]Sarah Schulman, The Gentrification of the Mind: Witness to a Lost Imagination  
-    (2)José Esteban Muñoz, Ephemera as Evidence: Introductory Notes to Queer Acts
+    [2]José Esteban Muñoz, Ephemera as Evidence: Introductory Notes to Queer Acts  
-    (3)Richard Mèmeteau: Sex friends - Comment (bien) rater sa vie amoureuse à l’ère numérique
+    [3]Richard Mèmeteau: Sex friends - Comment (bien) rater sa vie amoureuse à l’ère numérique  
-    (4)Ashkan Sepahvand - Everything I learned about technocapitalism, I learned at Bergain
+    [4]Ashkan Sepahvand - Everything I learned about technocapitalism, I learned at Bergain</small>
     
   participants: [12]
 
@@ -200,7 +199,7 @@
   title_ : BYMG - "Intoxicated Interface Infusion- Fermentation Tactics"
   lang_ : EN
   format: Talk
-  ref : BYMG-Intoxicated-Interface
+  ref : bymg-intoxicated-interface
   date : 2020-09-19 00:00
   description: |
     Unlike other dutiful female characters of Russian folklore, Baba Yaga is a powerful, anarchic witch. She lives alone in the woods; rejects household labour, repurposing the mortar and pestle for high-speed transportation, with broom as anti-tracking device; commands the undead; cannibalises. Baba Yaga is shape-shifting and gender-ambiguous, by turn gatekeeper, helper, or child eater. In her spirit, I propose Baba Yaga Myco Glitch, acts of refusal that use bread, the sacred ‘staff of life,’ as a carrier for ideological hypnotism.
@@ -216,7 +215,7 @@
   title_ : Agro Commune
   lang_ : EN
   format: Talk
-  ref : Agro-Commune
+  ref : agro-commune
   date : 2020-09-19 00:00
   description: |
     I wish to give a talk based on my current/past work. I often work with activist groups that aim for labor liberation and redress. I developed an anti-memorial for Asian diasporic womxn who were subjected to “war labor” during World War II. I explored themes of colonial labor, and gendered violence through sound recordings of protests and a temporary paper memorial that became a traveling exhibit. My most recent work, Agro Commune, proposed a hacking device against the extractive economy of floriculture in the Global South. I visited Dutch-owned flower farms in Kenya and collected archives from the internet to create an audiovisual component that was then presented with a 36' by 9' mural detailing a proposed agro-future. The project used an investigation lens to decipher geopolitical conditions, where architectural themes were taken to expose and respond to current gendered and racialized labor-power exploitation.
@@ -228,7 +227,7 @@
   title_ : Critical thought around computational thinking
   lang_ : EN
   format: Talk
-  ref : Critical-thought-around
+  ref : critical-thought-around
   date : 2020-09-19 00:00
   description: |
     Computational thinking is now taught in many higher technical courses. CT involves solving problems, designing systems, and understanding human behavior, by drawing on the concepts fundamental to computer science. In this presentation we will take a critical look at the CT approach and its epistemological foundations. I will present the paradigms on which the problem solving process is based, introduce the "Conquer & Divide" method, and illustrate the sometimes unhealthy interaction of CT with society through examples and anecdotes. I will end this critical overview with initiatives that assimilate CT in a critical gesture, such as de-computation. My wish is to generate astonishment and reflections that participants can share after the talk.
@@ -238,7 +237,7 @@
   title_ : The Political Tragedy of Data-Driven-Determinism
   lang_ : EN
   format: Talk
-  ref : The-Political-Tragedy
+  ref : the-political-tragedy
   date : 2020-09-19 00:00
   description: |
     Polls and predictions could not foresee the wide appeal of voting for Brexit, for Trump, against the predictions, against the future that was set in the numbers. As worrisome as these phenomenons may be, we can see some hope in this turn against data-driven-determinism. How could we seize this call to action to reignite our political imagination and reclaim the future?
@@ -248,7 +247,7 @@
   title_ : Last Seen Online
   lang_ : EN
   format: Talk
-  ref : Last-Seen-Online
+  ref : last-seen-online
   date : 2020-09-19 00:00
   description: |
     In a time in which death is moving rapidly online (funeral streaming services during COVID-19, #RIPcelebrity hashtags trending on Twitter), we all have to face the question of what happens to our own digital afterlives, as well as those of our loved ones. Digital death is the ultimate clash of familiar human concepts of time with the ubiquitous computational time. Facebook and Instagram offer possibilities for “immortalisation” with a memorialised profile, Twitter only offers deactivation. The need to humanise algorithms is now vital; Facebook friend suggestions and birthday reminders of the deceased aren’t exactly perceptive. Cue capitalising companies offering to use AI to analyse activity and learn how to post for you after death. But are their promises really immortal? And if, as predictions suggest, the dead soon outnumber the living on Facebook, who’s going to pay for their upkeep? Dead people aren’t very useful consumers; they won’t be clicking on those targeted ads. So what happens to the feedback loop when it’s the deceased generating the data? And who ultimately owns this data? This research began from a personal note following the death of my father. Unprepared, I found myself clinging to the digital traces that remained of him. Using participatory methods, I conversed with Facebook users who were vocalising a death on the platform. This research explores the presentation of the self across public platforms and negotiates a physical absence in light of a persistence digital presence. Anthropological research into death and grief online faces new challenges: omnipresent online traces, ethical algorithms, data storage and an online field-site. Essentially death is an inevitable accompaniment to our existence and, like in other fields, we are constantly catching up with technology and surrendering our control; this is no exception, perhaps we just need to acclimatise quicker than the companies.
@@ -258,7 +257,7 @@
   title_ : I can remember
   lang_ : EN
   format: Talk
-  ref : I-can-remember
+  ref : i-can-remember
   date : 2020-09-19 00:00
   description: |
     "I can remember" is a project that probes our relationship with machines by exploring the collectiveness of memories in the cycle between humans and machines. What is today often named artificial intelligence technologies are, in fact, cyborg technologies. They encapsulate an array of sentient experiences; they are the result of many different experiences of the world.
@@ -282,7 +281,7 @@
   title_ : SECONDE VIE NUMERIQUE
   lang_ : FR
   format: Talk
-  ref : SECONDE-VIE-NUMERIQUE
+  ref : seconde-vie-numerique
   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.
@@ -292,7 +291,7 @@
   title_ : Understanding the 5G controversy in the context of ecological breakdown
   lang_ : EN
   format: Talk
-  ref : Understanding-the-5G
+  ref : understanding-the-5-g
   date : 2020-09-20 00:00
   description: |
     During the past years 5G has been adverstised by industry leaders as the future of the tech. Nevertheless there is little data about its environmental impacts and about the necessity of such infrastructure for future challenges (global warming, resource scarcity, ...). This talk intends to describe the 5G infrastructure and some of the different controversies around it like energy and environmental impacts. The rise of big tech infrastructure, such as 5G, without any public consultation is heavely problematic as it locks down on a specific, and presumably unsustainable, technological path. 5G is likely to be a keystone to reclaim governance and democratic debate on future infrastructures. 5G also asks a key question : can we collectively steer and manage the evolution of internet traffic or are you condemned to an exponential growth to the benefit of some private actors ?
@@ -302,7 +301,7 @@
   title_ : The Mine of Humanism- in response to technological singularity
   lang_ : EN
   format: Talk
-  ref : The-Mine-of
+  ref : the-mine-of
   date : 2020-09-20 00:00
   description: |
     A speculative project made in response to the ongoing discussions raised by numerous futurists and technologists on the hypothetical point called the technological singularity. Often, the technologists and futurists talk about how this technological growth can become uncontrollable and irreversible. Either this hypothetical point be consequential or beneficial, there are a lack of conversations touching upon how the relationship between the human and technology should be. The narratives are established within the perspective from one of the people who decided to escape the city tending towards the technological singularity. The vision is to resettle a new community with a vision that speaks against technological centralisation. As mining was one of the early operations that sparked the industrial revolution, the new community is built on top of an abandoned mine settlement to invert the conventional notion of a technological revolution. The project sits in 2050 and speculates on an alternative reaction to the city tending towards the technological singularity by decentralising themselves to an extreme. The concept is inspired by the theory of relativity in space-time physics and how blockchain technology operates on its own internal time system
@@ -312,7 +311,7 @@
   title_ : Can Computation Produce Novelty?- the Case of Live-Coding Music
   lang_ : EN
   format: Talk
-  ref : Can-Computation-Produce
+  ref : can-computation-produce
   date : 2020-09-20 00:00
   description: |
     The form of the digital datum is discrete, fungible, and familiar, and digital mediation presupposes commensurability between various ontic, epistemic, and aesthetic phenomena. My paper asks whether digital media may nevertheless yield new, unrecognizable or sui generis forms. I take philosopher M. Beatrice Fazi’s reading of Gilles Deleuze’s aesthetics as my primary hermeneutic lens. Deleuze claims that aesthetic novelty, or that which has no formal precedent, issues from numerically continuous fluxes. Thus it cannot originate in digital media, which are discrete. Fazi intervenes by distinguishing the form of the digital datum from the process of computation. She indicates that the latter partakes of infinite and indeterminate sources and is continuous across time. As such, computational processes retain the capacity to yield the Deleuzean new.
@@ -326,7 +325,7 @@
   title_ : lookingGlass
   lang_ : EN
   format: Talk
-  ref : lookingGlass
+  ref : looking-glass
   date : 2020-09-20 00:00
   description: |
     lookingGlass:
@@ -347,7 +346,7 @@
   title_ : Identifying digital coercion - the means of re-decentralization
   lang_ : EN
   format: Talk
-  ref : Identifying-digital-coercion
+  ref : identifying-digital-coercion
   date : 2020-09-20 00:00
   description: |
     In the last decade, several public stories have hit the headlines, underlining the necessity to rethink our relation to digital technologies and our behavior with regard to privacy. Whether it be Snowden’s revelations, Cambridge Analytica, or Facebook political advertising, all of these narratives seem to turn public opinion towards skepticism and defiance. However, they also seem to dissimulate the more subtle means of coercion existing in the digital realm, both technical and psycho-sociological aspects. In 2018, Sir Tim Berners-Lee, who invented what is now known as the World Wide Web, gave an interview in which he admits that “the web has failed instead of served humanity, as it was supposed to have done, and failed in many places”. He had envisioned a system that would provide means of empowerment its users. He thought, as some still do, that a standardized platform in which people would be able to participate openly in the elaboration of a common interest could provide a radical shift from a centralized capitalist political system. Nonetheless, this has proven to be a failure. By his own admission, the web has become quite the opposite : centralization has brought monopoly to only a handful of services, hiding behind a Utopian vision embodied in personalized services and recommendations. We think that this failure also illustrates the lack of understanding the public has of the implicit technical dogma guiding online services and their technical interdependence. How can we accurately identify coercion and the potential means of re-decentralizing ? We propose to analyze this re-decentralization via these talking points : 1) the psycho-sociological analysis of the relation between one’s opinion and the tools of capitalist coercion, 2) the technical aspects of the dissimulated interdependence of various services, notably privately owned and/or controlled APIs.
@@ -357,7 +356,7 @@
   title_ : Melancholic Cryptonymy and the Aesthetic Threshold of Detectability- The Blue Conceptualists, The Haunted Painter and The Existential Crisis of the Cadaver.
   lang_ : EN
   format: Talk
-  ref : Melancholic-Cryptonymy-and
+  ref : melancholic-cryptonymy-and-aesthetic-threshold
   date : 2020-09-20 00:00
   description: |
     Where the melancholic is resistant to mourn what is understood in
@@ -396,55 +395,13 @@
     cannibalistic feedback loop which reiterates and sustains itself
     by endlessly living out its own death.
   
-    Works that have informed and help shape my research are as
-    follows:
-    
-    -Abraham, Nicholas and Torok, Maria. The Wolf Man’s Magic Word: A
-    Cryptonymy. University of Minnesota Press, 1986.
-    
-    -Atkins, Ed. A Primer for Cadavers. Fitzcarraldo Editions, 2016.
-    -Blanchot, Maurice. The Writing of the Disaster. University of
-    
-    Nebraska Press, 1995.
-    -Fisher, Mark. Ghosts Of My Life. Writings on Depression,
-    
-    Hauntology and Lost Futures. Zero Books, 2014.
-    -McCarthy, Tom. C. Jonathan Cape, 2010.
-    -Rickels, Laurence. A. Aberrations of Mourning. Writing on German
-    
-    Crypts. Wayne State University Press, 1988.
-    -Jay, Martin. ‘The Apocalyptic Imagination and the Inability to
-    
-    Mourn’ in Force Fields: Between Intellectual History and Cultural
-    
-    Critique. Routledge, 1993.
-    -Davis, Colin. “Hauntology, spectres and phantoms.” French
-    
-    Studies. July 2005: 373-379.
-    -Levinas, Emmanuel. “Is Ontology Fundamental?” Philosophy Today.
-    
-    Summer 1989: 121-129.
-    -McCarthy, Tom. (2019) RCA SoAH Research Presents: Tom McCarthy
-    
-    ‘The Psychotic Document. This is Tomorrow [Youtube]. Available at: www.youtube.com/watch?v=R7gNa8HSj7s&t=3340s
-    -Kelly, Stuart and McCarthy, Tom. (2010) Tom McCarthy 2010 Event.
-    
-    Edinburgh International Book Festival 2010. Edinburgh
-    International Book Festival [Podcast]. Available at: https://
-    www.edbookfest.co.uk/media-gallery/item/tom-mccarthy
-    
-    -Rourke, Lee and McCarthy, Tom. (2010) C - Tom McCarthy in
-    conversation with Lee Rourke. London Review Bookshop [Podcast].
-    Available at: https://www.iheart.com/podcast/256-london-review-
-    bookshop-pod-31104489/episode/c-tom-mccarthy-in-
-    conversation-32362196/
   participants: [25]
 
 - id : 26
   title_ : Things are people too
   lang_ : EN
   format: Talk
-  ref : Things-are-people
+  ref : things-are-people-too
   date : 2020-09-20 00:00
   description: |
     “Animism had endowed things with souls; industrialism makes souls into things.” - Max Horkheimer and Theodor Adorno
@@ -462,9 +419,13 @@
   title_ : Shock Doctrine as a Service
   lang_ : EN
   format: Talk
-  ref : Shock-Doctrine-as
+  ref : shock-doctrine-as-a-service
   date : 2020-09-20 00:00
   description: |
     The last fifteen years has seen a surge of interest in decentralised technology. From well-funded blockchain projects like IPFS to the emergence of large scale information networks such as Dat, Scuttlebutt and ActivityPub, this is renewed life in peer-to-peer technologies; a renaissance that enjoys widespread growth, driven by the desire for platform commons and community self-determination. These are goals that are fundamentally at odds with – and a response to – the incumbent platforms of social media, music and movie distribution and data storage. As we enter the 2020s, centralised power and decentralised communities are on the verge of outright conflict for the control of the digital public space. The resilience of centralised networks and the political organisation of their owners remains significantly underestimated by protocol activists. At the same time, the decentralised networks and the communities they serve have never been more vulnerable. The peer-to-peer community is dangerously unprepared for a crisis-fuelled future that has very suddenly arrived at their door.
   participants: [27]
+  links: 
+    - url: https://newdesigncongress.org/en/pub/this-is-fine/
+    - name: 'This is Fine: Optimism & Emergency in the P2P Network'
+
 

_data/rf2020/participants.yml

@@ -1,6 +1,6 @@
 - id : 0
   fullname : Michelle Thorne
-  ref: Michelle-Thorne
+  ref: michelle-thorne
   pic: /assets/participants/michelle-thorne.jpg
   pronouns : she/her
   links : ['http://michellethorne.cc', 'https://twitter.com/thornet']
@@ -10,7 +10,7 @@
 
 - id : 1
   fullname : Evan Raskob
-  ref: Evan-Raskob
+  ref: evan-raskob
   pic: /assets/participants/evan-raskob.jpg
   pronouns : he/him
   links : ['http://pixelist.info', 'https://twitter.com/game_peek', 'https://twitter.com/evanraskob']
@@ -20,7 +20,7 @@
 
 - id : 2
   fullname : Eyal Gruss
-  ref: Eyal-Gruss
+  ref: eyal-gruss
   pic: /assets/participants/eyal-gruss.png
   pronouns : please use the Laadan male suffix -id when you are referring to meid and a male marker is lacking. e.g. you->youid, your->yourid, yours->yoursid, are->areid. if you are referring to a group of people of which Iid amid part, but the others do not adhere to such pronouns or copulas, please explicitly exclude meid from that group and reconjunct meid separately using myid ppacs. e.g. "they are my friends" -> either "theyid areid my friends" or "they, excluding him, are my friends, and he isid my friend".
   links : ['http://eyalgruss.com', 'https://twitter.com/eyaler', 'http://facebook.com/eyal.gruss']
@@ -30,8 +30,7 @@
 
 - id : 3
   fullname : Yoav Lifshitz
-  ref: Yoav-Lifshitz
+  ref: yoav-lifshitz
-  pic: nan
   pronouns : nan
   links : ['https://instagram.com/yoavthepirate']
   bio: |
@@ -42,8 +41,7 @@
 
 - id : 4
   fullname : Oliver Bream McIntosh & FuPro Collective
-  ref: Oliver-Bream-McIntosh
+  ref: oliver-bream-mc-intosh
-  pic: nan
   pronouns : he/him
   links : ['https://www.linkedin.com/in/oliver-bream-mcintosh-628558102/']
   bio: |
@@ -52,7 +50,7 @@
 
 - id : 5
   fullname : Andrew van Hyfte
-  ref: Andrew-van-Hyfte
+  ref: andrew-van-hyfte
   pic: /assets/participants/andrew-van-hyfte.png
   pronouns : he/him
   links : ['https://www.are.na/andrew-van-hyfte', 'https://twitter.com/andrewvanhyfte']
@@ -66,7 +64,7 @@
 
 - id : 6
   fullname : Caroline Sinders
-  ref: Caroline-Sinders
+  ref: caroline-sinders
   pic: /assets/participants/caroline-sinders.png
   pronouns : she/her/they/them
   links : ['https://carolinesinders.com/', 'https://twitter.com/carolinesinders']
@@ -88,7 +86,7 @@
 
 - id : 8
   fullname : H.E. Max Haarich
-  ref: H.E.-Max-Haarich
+  ref: h-e-max-haarich
   pic: /assets/participants/max-haarich.jpg
   pronouns : He
   links : ['http://uzupis.de', 'https://instagram.com/uzupis_munich', 'http://facebook.com/@uzmuc']
@@ -98,7 +96,7 @@
 
 - id : 9
   fullname : Irini Papadimitriou
-  ref: Irini-Papadimitriou
+  ref: irini-papadimitriou
   pic: /assets/participants/irini-papadimitriou.jpg
   pronouns : she, her
   links : ['https://futureeverything.org/people/irini-papadimitriou/', 'https://www.vam.ac.uk/blog/author/irini-papadimitriou', 'https://twitter.com/irini_mirena', 'https://instagram.com/irini_mirena']
@@ -108,7 +106,7 @@
 
 - id : 10
   fullname : Recyclism aka Benjamin Gaulon
-  ref: Recyclism-aka-Benjamin
+  ref: recyclism-aka-benjamin
   pic: /assets/participants/benjamin-gaulon.jpg
   pronouns : He
   links : ['http://recyclism.com/', 'https://github.com/recyclism', 'https://twitter.com/recyclism']
@@ -122,7 +120,7 @@
 
 - id : 11
   fullname : César Neri
-  ref: Cesar-Neri
+  ref: cesar-neri
   pic: /assets/participants/cesar-neri.png
   pronouns : he/him they/them
   links : ['https://cesarneri.com/', 'https://instagram.com/cesar.a.ner']
@@ -134,8 +132,7 @@
 
 - id : 12
   fullname : Antoine Simeão Schalk
-  ref: Antoine-Simeao-Schalk
+  ref: antoine-simeao-schalk
-  pic: nan
   pronouns : he/she/they
   links : ['https://instagram.com/antantantw']
   bio: |
@@ -145,7 +142,7 @@
 
 - id : 13
   fullname : Anna Tokareva
-  ref: Anna-Tokareva
+  ref: anna-tokareva
   pic: /assets/participants/anna-tokareva.jpg
   pronouns : She / Her
   links : ['http://annatokareva.net/', 'https://instagram.com/some.small.things']
@@ -162,7 +159,7 @@
 
 - id : 14
   fullname : Stephanie Kyuyoung Lee
-  ref: Stephanie-Kyuyoung-Lee
+  ref: stephanie-kyuyoung-lee
   pic: /assets/participants/stephanie-kyuyoung-lee.jpeg
   pronouns : She/her
   links : ['https://www.officeofhumanresources.com/', 'https://instagram.com/officeofhumanresources']
@@ -172,7 +169,7 @@
 
 - id : 15
   fullname : Mathieu Payn
-  ref: Mathieu-Payn
+  ref: mathieu-payn
   pic: /assets/participants/mathieu-payn.jpeg
   pronouns : nan
   links : ['https://twitter.com/le_youki88', 'https://instagram.com/le_youki']
@@ -182,7 +179,7 @@
 
 - id : 16
   fullname : Mushon Zer-Aviv
-  ref: Mushon-Zer-Aviv
+  ref: mushon-zer-aviv
   pic: /assets/participants/mushon-zer-aviv.jpg
   pronouns : He/Him
   links : ['http://mushon.com', 'https://twitter.com/mushon']
@@ -192,7 +189,7 @@
 
 - id : 17
   fullname : Ellen Lapper
-  ref: Ellen-Lapper
+  ref: ellen-lapper
   pic: /assets/participants/ellen-lapper.jpg
   pronouns : She/her
   links : ['http://apian.ch/Portfolio_EllenLapper_2020.pdf', 'https://instagram.com/elaps']
@@ -202,7 +199,7 @@
 
 - id : 18
   fullname : Guillaume Slizewicz
-  ref: Guillaume-Slizewicz
+  ref: guillaume-slizewicz
   pic: /assets/participants/guillaume-slizewicz.jpg
   pronouns : he/his
   links : ['www.guillaumeslizewicz.com', 'https://twitter.com/Guillaume_Slize', 'https://instagram.com/guillaume_slizewicz']
@@ -212,7 +209,7 @@
 
 - id : 19
   fullname : Nicolas Nova
-  ref: Nicolas-Nova
+  ref: nicolas-nova
   pic: /assets/participants/nicolas-nova.jpeg
   pronouns : he/him
   links : ['http://nicolasnova.net/', 'https://twitter.com/nicolasnova', 'https://instagram.com/nicolasnova']
@@ -222,7 +219,7 @@
 
 - id : 20
   fullname : Gauthier Roussilhe
-  ref: Gauthier-Roussilhe
+  ref: gauthier-roussilhe
   pic: /assets/participants/gauthier-roussilhe.jpg
   pronouns : He/Him
   links : ['https://www.gauthierroussilhe.com/en', 'https://twitter.com/AsWalterRobin']
@@ -232,7 +229,7 @@
 
 - id : 21
   fullname : Reina Suyeon Mun
-  ref: Reina-Suyeon-Mun
+  ref: reina-suyeon-mun
   pic: /assets/participants/reina-suyeon-mun.jpg
   pronouns : nan
   links : ['http://www.outerprobe.squarespace.com', 'https://instagram.com/outerprobe']
@@ -242,8 +239,7 @@
 
 - id : 22
   fullname : Emma Stamm
-  ref: Emma-Stamm
+  ref: emma-stamm
-  pic: nan
   pronouns : She/her
   links : ['http://www.o-culus.com', 'https://twitter.com/turing_tests']
   bio: |
@@ -252,7 +248,7 @@
 
 - id : 23
   fullname : Emily Twines
-  ref: Emily-Twines
+  ref: emily-twines
   pic: /assets/participants/emily-twines.jpeg
   pronouns : she/her/hers
   links : ['www.emilytwines.com', 'https://instagram.com/emily.twines']
@@ -262,7 +258,7 @@
 
 - id : 24
   fullname : Kim Sacks
-  ref: Kim-Sacks
+  ref: kim-sacks
   pic: /assets/participants/kim-sacks.png
   pronouns : nan
   links : ['www.sacks.fr']
@@ -272,7 +268,7 @@
 
 - id : 25
   fullname : Charlotte Norwood
-  ref: Charlotte-Norwood
+  ref: charlotte-norwood
   pic: /assets/participants/charlotte-norwood.jpg
   pronouns : She/Her
   links : ['https://instagram.com/cltnwd_']
@@ -296,7 +292,7 @@
 
 - id : 26
   fullname : Adrian Demleitner
-  ref: Adrian-Demleitner
+  ref: adrian-demleitner
   pic: /assets/participants/adrian-demleitner.png
   pronouns : they/them/he/him
   links : ['https://github.com/thgie', 'https://thgie.ch', 'https://twitter.com/things__care', 'https://instagram.com/things.care']
@@ -312,7 +308,7 @@
 
 - id : 27
   fullname : Cade Diehm
-  ref: Cade-Diehm
+  ref: cade-diehm
   pic: /assets/participants/cade-diehm.png
   pronouns : he/him
   links : ['https://newdesigncongress.org', 'https://twitter.com/helveticade']

_data/translations.yml

@@ -24,3 +24,9 @@ program:
 participants: 
   en: Participants
   fr: Intervenants
+registration_coming:
+  en: Workshop registration info coming soon.
+  fr: Workshop registration info coming soon.
+event_time_soon:
+  en: 'Note: Specific event times will be announced early September.'
+  fr: Specific event times will be announced early September.

_includes/common/lang-selector.html

@@ -1,7 +1,7 @@
 {% assign posts=site.posts | where:"ref", page.ref | sort: 'lang' %}
-{% assign newpages=site.pages | where:"ref", page.ref | sort: 'lang' %}
+{% assign pages=site.pages | where:"ref", page.ref | sort: 'lang' %}
 
-<div class="nav-group">
+<div class="nav-group lang-selector">
     {% if posts.size > 1 %}
         {% for post in posts %}
             {% if post.lang != page.lang %}
@@ -15,13 +15,13 @@
             {% endif %}
         {% endfor %}
 
-    {% elsif newpages.size > 1 %}
+    {% elsif pages.size > 1 %}
-        {% for pege in newpages %}
+        {% for newpage in pages %}
-            {% if pege.lang != page.lang and page.ref != '' %}
+            {% if newpage.lang != page.lang and page.ref != '' %}
                     {% if page.lang == 'en' %}
-                        <a href="{{ pege.url }}" class="lang lang--{{ page.lang }}">{{ include.fr-text }}</a>
+                        <a href="{{ newpage.url }}" class="lang lang--{{ page.lang }}">{{ include.fr-text }}</a>
                     {% else %}
-                        <a href="{{ pege.url }}" class="lang lang--{{ page.lang }}">{{ include.en-text }} </a>
+                        <a href="{{ newpage.url }}" class="lang lang--{{ page.lang }}">{{ include.en-text }} </a>
                     {% endif %}
             {% endif %}
         {% endfor %}

_includes/common/navigation.html

@@ -1,9 +1,8 @@
 
-<nav>
+<nav class="menu page-content">
-  <div class="menu">
     {% for item in site.data.menu %}
       {% if item.items %}
-        <div class="nav-group">
+        <div class="nav-group" tabindex="0">
             <a class="nav-link colour-{{ item.colour | default: 'black' }} {{ item.case }}">{{ item[page.lang].name }}</a>
           {% for sublink in item.items %}
             {% if page.lang == 'en' %}
@@ -26,6 +25,4 @@
       {% endif %}
     {% endfor %}
   {% include common/lang-selector.html en-text="/english" fr-text="/français" %}
-  </div>
-
 </nav>

_includes/common/news.html

@@ -4,7 +4,7 @@
       {% if post.lang == page.lang %}
       <li class="post-item">
         <header class="post-header">
-          <h3><a href="{{ post.url }}">{{ post.title }}</a></h3>
+          <h3 class="margin-16-bottom-m"><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,4 +1,5 @@
 <div>
+  <small class="textbox inline-block margin-32-bottom">{{ site.data.translations.event_time_soon[page.lang]}}</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 %}

_includes/program/program-item.html

@@ -1,21 +1,23 @@
 {% assign event = include.common/program/full-program.html %}
 
 
-<li class="textbox margin-16-bottom">
+<li class="margin-16-bottom flex flex-justify-space-between flex-align-center textbox">
-  <a href="/rf2020/events/{{ event.ref }}.html">{{ event.title_ }}</a>
+  <!-- <span class="textbox-sm">→</span> -->
-  <span class="hide-mobile">
+  <span class="flex-5 margin-0 text-lg">
-    <span>→</span>
+    <a href="/rf2020/events/{{ event.ref }}.html" class="margin-0">{{ event.title_ }}</a>
+    {% if event.format %}
+      <small class="prog-item--format sup flex-1 margin-0">[{{ event.format }}]</small>
+    {% endif %}
+  </span>
+
+  <span class="hide-mobile text-right flex-2 margin-0">
     {% for eventParticipantId in event.participants %}
       {% for participant in site.data.rf2020.participants %}
         {% if participant.id == eventParticipantId %}
-          <a href="/rf2020/participants/{{ participant.ref }}.html">{{ participant.fullname }}</a>
+          <a href="/rf2020/participants/{{ participant.ref }}.html" class="margin-0 with-url-arrow">{{ participant.fullname }}</a>
         {% endif %}
       {% endfor %}
     {% endfor %}
   </span>
 
-  {% if event.format %}
-    <span>[{{ event.format }}]</span>
-  {% endif %}
-
 </li> 

_layouts/event.html

@@ -3,6 +3,8 @@ layout: page
 lang: en
 ---
 
+{% assign format=page.format | downcase %}
+
 
 <article class="page-content margin-64-bottom event">
   <div class="content post-item">
@@ -15,26 +17,21 @@ lang: en
             </small>
         </h2>
       </div>
-    
-      <!-- <div class="flex flex-col margin-16-left text-center">
-        <small class="textbox-sm inline-block ">
-          [{{ page.format }}]
-        </small>
-      </div> -->
     </header>
 
     <div class="post-content margin-16-bottom">
-      <!-- <h3>
+      {% if page.youtube %}
-        Description:
+        <iframe width="560" height="315" src="https://www.youtube.com/embed/{{ page.youtube }}" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
-      </h3> -->
+      {% endif %}
       <p>
         {{ page.description | markdownify }}
       </p>
     </div>
-    <div class="flex flex-row flex-justify-space-between flex-wrap-m details">
+    <div class="details">
-      <div class="post-content inline-block">
+      <div class="flex flex-row flex-justify-space-between  flex-wrap-m margin-16-bottom">
+        <div class="textbox margin-16-bottom-m">
           <h3>
-          In this {{ page.format }}:
+            In this {{ format }}:
           </h3>
           {% for id in page.participants %}
             {% for participant in site.data.rf2020.participants %}
@@ -44,14 +41,20 @@ lang: en
             {% endfor %}
           {% endfor %}
         </div>
-      <div class="post-content inline-block margin-16-left">
+        <div class="textbox inline-block margin-16-left-d">
-        <h3 class="text-right">
+          <h3 class="text-right-d text-center">
-          Event date/time:
+            Event date/time<span class="sup">*</span>:
           </h3>
-        <p class="text-right">
+          <p class="text-right-d text-center">
               {{ page.date | date: "%d.%m.%y" }}
           </p>
+
         </div>
       </div>
+      <div class="text-right-d flex flex-justify-end"><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-end"><small class="textbox">{{ site.data.translations.registration_coming[page.lang]}}</small></div>
+      {% endif %}
+    </div>
   </div>
 </article>

_layouts/participant.html

@@ -8,7 +8,9 @@ ref: going-online
   <div class="content post-item">
     <header class="post-header">
       <h2>{{ page.fullname }}</h2>
-      <img src="{{page.pic}}" alt="" class="participant-profile">
+      {% if page.pic %}
+        <img src="{{ page.pic }}" alt="" class="participant-profile">
+      {% endif %}
     </header>
 
     <div class="post-content margin-16-bottom">

_layouts/post.html

@@ -5,7 +5,7 @@ layout: page
 <article class="page-content news-post">
   <div class="content post-item">
     <header class="post-header">
-      <h2>{{ page.title }}</h2>
+      <h2 class="margin-16-bottom-m">{{ page.title }}</h2>
       <label class="titlecase">
         {% include utils/translated-date.html date=page.date  lang=page.lang %}
       </label>

_sass/includes/header.scss

@@ -22,10 +22,21 @@ header.page-header {
     align-items: flex-end;
     .sub-nav-link {
       opacity: 0;
+      pointer-events: none;
+
+      &:hover,
+      &:focus,
+      &:active {
+        opacity: 1;
+        pointer-events: all;
       }
-    &:hover {
+    }
+    &:hover,
+    &:focus,
+    &:active {
       .sub-nav-link {
         opacity: 1;
+        pointer-events: all;
       }
     }
 
@@ -39,21 +50,22 @@ header.page-header {
     top: $size-32;
     right: $size-32;
     display: flex;
-    flex-direction: column;
-    align-items: flex-end;
 
     @include touch {
-      top: $size-16;
+      position: relative;
-      right: $size-12;
+      top: 0;
-    }
+      left: 0;
-    .menu {
+      right: initial;
-      display: flex;
+      margin-top: $size-16;
+      justify-content: flex-end;
     }
   }
 
   .lang,
-  .nav-link {
+  .nav-link,
+  .sub-nav-link {
     margin: 0 4px 8px 0;
+
     @include touch {
       font-size: 0.8em;
     }

_sass/layout.scss

@@ -5,7 +5,6 @@ body {
   background-position: $size-base $size-8, $size-8 $size-12;
   background-repeat-x: no-repeat;
   background-repeat-y: repeat;
-  background-size: cover;
   background-attachment: fixed;
   display: flex;
   flex-direction: column;
@@ -13,6 +12,7 @@ body {
 
   @include touch {
     background-attachment: scroll;
+    background-size: 200%;
   }
 
   @include darkMode {

_sass/layouts/event.scss

@@ -1,3 +1,5 @@
+@use "sass:color";
+
 .event {
   .post-header {
     h3,
@@ -21,8 +23,22 @@
     h3 {
       font-weight: bold;
     }
-
+  }
   .details {
+    small {
+      color: rgba($black, 0.6);
+    }
+
+    p,
+    a {
+      margin-bottom: 0;
+    }
+
+    h3 {
+      font-weight: bold;
+    }
+
+    @include touch {
       div::last-of-type {
         margin: 0;
       }

_sass/layouts/participant.scss

@@ -3,15 +3,24 @@
     align-items: flex-end;
     position: relative;
 
+    h2 {
+      margin-right: 32px;
+    }
+
+    img.participant-profile {
+      max-width: 252px;
+    }
+
     @include touch {
       flex-direction: column-reverse;
       h2 {
         z-index: 1;
       }
 
-      img {
+      img.participant-profile {
         transform: translateY($size-24);
         width: 100%;
+        max-width: initial;
       }
     }
   }

_sass/layouts/program.scss

@@ -4,8 +4,9 @@
   margin-bottom: $size-64;
 
   li {
-    display: inline-block;
+    .text-lg {
-    margin-right: $size-64;
+      font-size: $size-16;
+    }
 
     @include touch {
       line-height: 1.5;
@@ -16,17 +17,9 @@
     margin-bottom: $size-32;
   }
 
-  .prog-item {
+  .prog-item--format {
-    margin-bottom: $size-64;
+    font-size: 11px;
-
+    vertical-align: super;
-    .prog-header {
-      margin-bottom: $size-16;
-    }
-    .prog-content {
-      p {
-        display: inline;
-      }
-    }
   }
 }
 

_sass/typography.scss

@@ -6,12 +6,13 @@ h2,
 h3,
 h4,
 h5,
-strong,
-em,
 h6,
 li,
+strong,
+em,
 label,
 button,
+small,
 .separator {
   font-family: $font;
   color: $text;
@@ -30,6 +31,7 @@ em {
 
 small {
   font-size: smaller;
+  line-height: 1.5;
 }
 
 h1 {
@@ -113,7 +115,12 @@ a {
   }
 }
 
+.sup {
+  font-size: small;
+  vertical-align: super;
+}
+
 ::selection {
   background-color: $highlight;
-  color: $white;
+  color: $black;
 }

_sass/utils/layout-utils.scss

@@ -50,6 +50,12 @@
   margin-bottom: $size-16 !important;
 }
 
+.margin-16-bottom-m {
+  @include touch {
+    margin-bottom: $size-16 !important;
+  }
+}
+
 .margin-24-bottom {
   margin-bottom: $size-24 !important;
 }
@@ -69,3 +75,15 @@
 .margin-16-left {
   margin-left: $size-16 !important;
 }
+
+.margin-16-left-m {
+  @include touch {
+    margin-left: $size-16 !important;
+  }
+}
+
+.margin-16-left-d {
+  @include desktop {
+    margin-left: $size-16 !important;
+  }
+}

_sass/utils/position-utils.scss

@@ -17,8 +17,28 @@
     flex-direction: row;
   }
 
-  &.flex-justify-space-between {
+  &.flex-align-start {
-    justify-content: space-between;
+    align-items: flex-start;
+  }
+
+  &.flex-align-end {
+    align-items: flex-end;
+  }
+
+  &.flex-align-center {
+    align-items: center;
+  }
+
+  &.flex-justify-end {
+    justify-content: flex-end;
+  }
+
+  &.flex-justify-start {
+    justify-content: flex-start;
+  }
+
+  &.flex-justify-center {
+    justify-content: center;
   }
 
   &.flex-justify-space-between {
@@ -39,4 +59,33 @@
       flex-wrap: wrap;
     }
   }
+
+  .flex-1 {
+    flex: 1;
+  }
+  .flex-2 {
+    flex: 2;
+  }
+  .flex-3 {
+    flex: 3;
+  }
+  .flex-4 {
+    flex: 4;
+  }
+  .flex-5 {
+    flex: 5;
+  }
+  .flex-6 {
+    flex: 6;
+  }
+  .flex-7 {
+    flex: 7;
+  }
+  .flex-8 {
+    flex: 8;
+  }
+}
+
+.float-right {
+  float: right !important;
 }

_sass/utils/typo-utils.scss

@@ -28,6 +28,22 @@
   text-align: center;
 }
 
+.text-right-d {
+  @include desktop {
+    text-align: right;
+  }
+}
+.text-left-d {
+  @include desktop {
+    text-align: left;
+  }
+}
+.text-center-d {
+  @include desktop {
+    text-align: center;
+  }
+}
+
 .colour-highlight {
   color: $highlight !important;
 }

_sass/variables.scss

@@ -3,10 +3,11 @@
 $black: #1d2022;
 $white: #fff;
 $grey-light: #ececec;
-$turquoise: #0ddfe7;
+$turquoise: #0ac2c9;
+$duckegg: #b3bbca;
 $true-blue: #037fe4;
 $highlight: $turquoise;
-$highlight-darker: #0ac2c9;
+$highlight-darker: #06a1a7;
 
 $bg: $grey-light;
 $text: $black;

fr/rf2020/participants/index.html

@@ -1,10 +1,10 @@
 ---
 layout: page
-lang: en
+lang: fr
-ref: 2020-participants
+ref: participants-2020
 ---
 
-{% assign participants = site.data.rf2020.participants | sort: "fullname" %}
+{% assign participants = site.data.rf2020.participants | sort_natural: "fullname" %}
 
 <article class="page-content news-post margin-128-bottom">
     <div class="content post-item">

rf2020/participants/index.html

@@ -1,10 +1,10 @@
 ---
 layout: page
 lang: en
-ref: 2020-participants
+ref: participants-2020
 ---
 
-{% assign participants = site.data.rf2020.participants | sort: "fullname" %}
+{% assign participants = site.data.rf2020.participants | sort_natural: "fullname" %}
 
 <article class="page-content news-post margin-128-bottom">
     <div class="content post-item">