started working on participants' page, program etc

_data/translations.yml

@@ -4,4 +4,17 @@ latest:
   fr: Actualités
 readMore: 
   en: read full post
-  fr: plus
+  fr: plus
+formats: 
+  workshop: 
+    en: workshop
+    fr: atelier
+  talk:
+    en: talk
+    fr: conference
+  performance: 
+    en: performance
+    fr: performance
+  artwork: 
+    en: artwork
+    fr: artwork

_layouts/participant.html

@@ -0,0 +1,45 @@
+---
+layout: page
+lang: en
+ref: going-online
+---
+
+<article class="page-content news-post">
+  <div class="content post-item">
+      <img src="{{ page.profile-img}}" alt="">
+    <header class="post-header">
+      <h2>{{ page.fullname }} - {{ page.presentaionName }}</h2>
+      <label class="titlecase">
+        {% include utils/translated-date.html date=page.dateTime  lang=page.lang %}
+      </label>
+    </header>
+
+    <p class="block">
+      
+    </p>
+
+    <div class="post-content">
+      {{ content }}
+    </div>
+    <div class="post-content">
+      <h2>
+        About {{ page.fullname }}
+      </h2>
+      <p>
+        {{ page.bio }}
+      </p>
+      {% for site in page.websites %}
+        <a class="block with-url-arrow" href="{{ site }}">{{ site | remove_first: "https://" | remove_first: "http://" | remove_first: "www." }}</a>
+      {% endfor %}
+
+    </div>
+    
+    {% for tag in page.tags %}
+      <p class="tag">
+        #{{ tag }}
+      </p>
+
+      {% endfor %}
+  </div>
+
+</article>

_sass/layouts/post.scss

@@ -57,4 +57,9 @@
   .post-content {
     @include textbox;
   }
+
+  .tag {
+    @include textbox;
+    display: inline-block;
+  }
 }

_sass/typography.scss

@@ -103,6 +103,13 @@ a {
   &:visited {
     color: $highlight-darker;
   }
+
+  &.with-url-arrow {
+    text-decoration: none;
+    &::before {
+      content: '→ ';
+    }
+  }
 }
 
 ::selection {

_sass/utils/position-utils.scss

@@ -0,0 +1,28 @@
+.block {
+  display: block;
+}
+
+.flex {
+  display: flex;
+
+  &.flex-col {
+    flex-direction: column;
+  }
+
+  &.flex-row {
+    flex-direction: row;
+  }
+
+  &.flex-justify-space-between {
+    justify-content: space-between;
+  }
+
+  &.flex-justify-space-between {
+    justify-content: space-between;
+  }
+
+  &.flex-centered {
+    justify-content: center;
+    align-items: center;
+  }
+}

assets/css/index.scss

@@ -6,6 +6,8 @@
 @import 'utils/responsive';
 @import 'utils/layout-utils';
 @import 'utils/typo-utils';
+
+@import 'utils/position-utils';
 @import 'fontface';
 @import 'typography';
 @import 'layout';

fr/index.html

@@ -13,7 +13,7 @@ ref: index
 
 <div>
   <span class="intro">{{ intro | markdownify }}</span>
-  <h2>{{ site.data.translations.latest[page.lang]}}</h2>
+  <h2>{{ site.data.translations.latest[page.lang] }}</h2>
   <ul class="post-list">
     {% for post in site.posts %}
       {% if post.lang == page.lang %}

participants/andrew-van-hyfte.md

@@ -0,0 +1,36 @@
+---
+layout: participant
+fullname: Andrew van Hyfte
+pronouns: he/him
+location: Austin, Texas U.S.A
+websites: [https://www.are.na/andrew-van-hyfte, https://www.hyperisland.com, https://www.frogdesign.com]
+tags: [anticapitalism, testing, other, yep]
+bio: Andrew is a designer and strategist currently working at frog; focusing on emerging markets and aesthetic futures in order to imagine brave new ventures. Previously a graduate of Scandinavia’s preeminent experimental design institution, Hyper Island, and investigator/collaborator of mythopoetic modes of teaching in partnership with Barcelona’s Internet Age Media’s 2020 IAM Weekend. www.frogdesign.com www.hyperisland.com
+presenting: turbo-manana
+presentaionName: turbo mañana
+profile-img: './img/andrew-van-hyfte.jpg'
+format: workshop
+dateTime: 2020-09-18 14:15:00
+
+
+---
+
+Attendees will explore our aesthetic and socio-economic landscape and how it applies to possible futures and ways we can influence them. In a workshop format, the attendees can explore the following zones and ideate ways to create Turbo Mañana in their professional and personal lives.
+
+How and why is it that some experiential products that sell a feeling or vibe have license to “own” radically futuristic visions? Why do others all look the same? —
+
+At its core, it’s just about money. C.R.E.A.M (Humanist Blandcore)
+
+Attendees will explore what lies beyond capitalist realism.
+
+Philosophical/Existential/Socio-economic forces —
+
+I’ve mapped out philosophical axes and socio-economic drivers that motivate and fuel aesthetics and cultural production.
+
+We must realize that capitalism will consume Earth’s resources until it’s exhausted unless we find another way to live in-between abundance and scarcity. (McDaas/Capitalocene)
+
+What’s Next? —
+
+Are we going to get medieval again? (Neo-Feudalism)
+
+Or will we wake up and places bets on activities, provocation and cultural production that inspires imagination and multitudes of possible futures? (Turbo Mañana)

participants/index.md

@@ -0,0 +1,37 @@
+---
+layout: participant
+fullname: Andrew van Hyfte
+pronouns: he/him
+location: Austin, Texas U.S.A
+websites: [https://www.are.na/andrew-van-hyfte, https://www.hyperisland.com, https://www.frogdesign.com]
+bio: Andrew is a designer and strategist currently working at frog; focusing on emerging markets and aesthetic futures in order to imagine brave new ventures. Previously a graduate of Scandinavia’s preeminent experimental design institution, Hyper Island, and investigator/collaborator of mythopoetic modes of teaching in partnership with Barcelona’s Internet Age Media’s 2020 IAM Weekend. www.frogdesign.com www.hyperisland.com
+presenting: turbo-manana
+presentaionName: turbo mañana
+profile-img: './img/andrew-van-hyfte.jpg'
+format: workshop
+dateTime: 2020-09-18 14:15:00
+lang: en
+ref: going-online
+
+
+---
+
+Attendees will explore our aesthetic and socio-economic landscape and how it applies to possible futures and ways we can influence them. In a workshop format, the attendees can explore the following zones and ideate ways to create Turbo Mañana in their professional and personal lives.
+
+How and why is it that some experiential products that sell a feeling or vibe have license to “own” radically futuristic visions? Why do others all look the same? —
+
+At its core, it’s just about money. C.R.E.A.M (Humanist Blandcore)
+
+Attendees will explore what lies beyond capitalist realism.
+
+Philosophical/Existential/Socio-economic forces —
+
+I’ve mapped out philosophical axes and socio-economic drivers that motivate and fuel aesthetics and cultural production.
+
+We must realize that capitalism will consume Earth’s resources until it’s exhausted unless we find another way to live in-between abundance and scarcity. (McDaas/Capitalocene)
+
+What’s Next? —
+
+Are we going to get medieval again? (Neo-Feudalism)
+
+Or will we wake up and places bets on activities, provocation and cultural production that inspires imagination and multitudes of possible futures? (Turbo Mañana)