diff --git a/_data/rf2020/events.yml b/_data/rf2020/events.yml index 75d2e6e..52b38a5 100644 --- a/_data/rf2020/events.yml +++ b/_data/rf2020/events.yml @@ -1,7 +1,8 @@ - id: 1 - title_: turbo mañana + title_: Turbo Mañana + format: workshop ref: turbo-manana - date: 2020-07-2 12:45 + date: 2020-09-18 17:45 description: | 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? — @@ -13,20 +14,30 @@ 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) - A new sun rises. + A new sun rises. participants : [1] - id: 2 title_: Shock Doctrine as a Service ref: SDaaS - date: 2020-07-02 17:00 + format: talk + date: 2020-09-18 17: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 : [2] - id: 3 title_: Rebuild a data future between us + format: talk ref: rebuild-a-data-future - date: 2020-08-10 13:00 + date: 2020-09-19 13:00 description: | I am working on a series of projects examine the human’s relationship with data and AI in the future. I want to address the iteration of ourselves and the iteration of computing. In the iteration process, how might we design a space that is safe for everyone, and how should we detail with our personal privacy with Artificial Intelligence of Things (AIoT)? And, when we have the technology to understand and communicate with every object, what’s the relationship between humans? If we live in a fully virtual world, how might we sense and feel the reality? The projects includes a fiction story, a critical essay, a short film, and a speculative design solution. Through storytelling, I invite viewers to experience and rethink about the information revolution. For the talk, I want to discuss about my art and design research process, and how might us as artists, designers, and technologists to help build a positive future with data. I want to share my findings about our data culture, and how the current system might drive us to a world we don’t want to live in. These projects I am working on can’t be the solution for the data-driven world, but hopefully we can starting a conversation and some actions to protect our digital selves. - participants : [2] \ No newline at end of file + participants : [2] +- id: 4 + title_: Testing testing + format: talk + ref: rebuild-a-data-testing + date: 2020-09-20 13:00 + description: | + I am working on a series of projects examine the human’s relationship with data and AI in the future. I want to address the iteration of ourselves and the iteration of computing. In the iteration process, how might we design a space that is safe for everyone, and how should we detail with our personal privacy with Artificial Intelligence of Things (AIoT)? And, when we have the technology to understand and communicate with every object, what’s the relationship between humans? If we live in a fully virtual world, how might we sense and feel the reality? The projects includes a fiction story, a critical essay, a short film, and a speculative design solution. Through storytelling, I invite viewers to experience and rethink about the information revolution. For the talk, I want to discuss about my art and design research process, and how might us as artists, designers, and technologists to help build a positive future with data. I want to share my findings about our data culture, and how the current system might drive us to a world we don’t want to live in. These projects I am working on can’t be the solution for the data-driven world, but hopefully we can starting a conversation and some actions to protect our digital selves. + participants : [1] \ No newline at end of file diff --git a/_data/rf2020/participants.yml b/_data/rf2020/participants.yml index 596e7ef..235ac2d 100644 --- a/_data/rf2020/participants.yml +++ b/_data/rf2020/participants.yml @@ -15,5 +15,6 @@ location : Berlin, Germany links : ["https://twitter.com/helveticade", "https://newdesigncongress.org"] bio : "Cade is the founder of the New Design Congress, a research group developing a nuanced understanding of technology's role as a social, political and environmental accelerant. He spent ten years embedded in digital infrastructure and security projects in six countries. After his studies, he consulted with government and telecommunications clients with Deloitte Australia. He prototyped Signal, the secure messaging app, with Open Whisper Systems in 2014, led design and strategy at the early cryptocurrency fintech CoinJar and was Chief Creative Officer at SpiderOak, a Snowden-approved cloud storage company. Prior to founding the New Design Congress he led design and information security research at Tactical Tech, a Berlin-based NGO that works to raise awareness of issues of data, privacy and technology in societies." - picture : /assets/participants/cade.png + picture : /assets/participants/cade2.png + events: [2,3] diff --git a/_data/translations.yml b/_data/translations.yml index 0856e97..17d7c91 100644 --- a/_data/translations.yml +++ b/_data/translations.yml @@ -17,4 +17,7 @@ formats: fr: performance artwork: en: artwork - fr: artwork \ No newline at end of file + fr: artwork +program: + en: Program + fr: Programme \ No newline at end of file diff --git a/_includes/program/full-program.html b/_includes/program/full-program.html new file mode 100644 index 0000000..7b57cff --- /dev/null +++ b/_includes/program/full-program.html @@ -0,0 +1,5 @@ +
+ {% 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 %} +
\ No newline at end of file diff --git a/_includes/program/program-day.html b/_includes/program/program-day.html new file mode 100644 index 0000000..855146e --- /dev/null +++ b/_includes/program/program-day.html @@ -0,0 +1,15 @@ +{% assign events = site.data.rf2020.events | sort: "date" %} +{% assign date = include.date | date: "%d.%m" %} +{% assign weekday = include.weekday %} + +
+

{{ site.data.date-locales[page.lang].full_weekday[weekday] }} - {{ date }}

+ +
\ No newline at end of file diff --git a/_includes/program/program-item.html b/_includes/program/program-item.html new file mode 100644 index 0000000..8f01fcf --- /dev/null +++ b/_includes/program/program-item.html @@ -0,0 +1,19 @@ +{% assign event = include.common/program/full-program.html %} + + +
  • + {{ event.title_ }} + → + {% for eventParticipantId in event.participants %} + {% for participant in site.data.rf2020.participants %} + {% if participant.id == eventParticipantId %} + {{ participant.fullname }} + {% endif %} + {% endfor %} + {% endfor %} + + {% if event.format %} + [{{ event.format }}] + {% endif %} + +
    • \ No newline at end of file diff --git a/_includes/text/en/main-text.md b/_includes/text/en/main-text.md index cce2a7b..9a8eb1a 100644 --- a/_includes/text/en/main-text.md +++ b/_includes/text/en/main-text.md @@ -24,6 +24,6 @@ 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](https://www.are.na/reclaimfutures/hypothetical-subjects) which you may take as a starting point, fully adopt, use to get an impression, or of course completely disregard. {:.link-to-submit} -**To submit a proposal go over to the
    [submissions page](/how-to-participate)** +The submissions deadline has now passed. [1] If you are concerned financial factors would limit your ability to partake in the conference, please get in touch and we will do all we can to help. diff --git a/_layouts/event.html b/_layouts/event.html index d55f4f0..7becadf 100644 --- a/_layouts/event.html +++ b/_layouts/event.html @@ -1,31 +1,30 @@ --- layout: page lang: en -ref: index --- -
    +
    -

    {{ page.title_ }}

    -
    -
    -

    - {% include utils/translated-date.html date=page.date lang=page.lang %} - {{ page.date | date: "%H:%M" }} -

    -

    {{ page.ref }}

    -

    - By: +
    +

    {{ page.title_ }}

    +

    + [{{ page.format }}]

    +
    +
    {% for id in page.participants %} {% for participant in site.data.rf2020.participants %} {% if participant.id == id %} - {{ participant.fullname }} +

    + {{ participant.fullname }} +

    {% endif %} {% endfor %} {% endfor %}
    + + {% include common/separator.html %}

    diff --git a/_layouts/participant.html b/_layouts/participant.html index 0eb3194..a706d6e 100644 --- a/_layouts/participant.html +++ b/_layouts/participant.html @@ -4,30 +4,17 @@ lang: en ref: going-online --- -
    +
    -

    {{ page.fullname }}

    +
    -

    - -

    -
    +

    About {{ page.fullname }}

    -

    - Events : -

    - {% for id in page.events %} - {% for event in site.data.rf2020.events %} - {% if event.id == id %} - {{ event.title_ }} - {% endif %} - {% endfor %} - {% endfor %}

    {{ page.bio }}

    @@ -36,6 +23,20 @@ ref: going-online {% endfor %}
    +
    +

    + {{ page.fullname }}'s Events: +

    + {% for id in page.events %} + {% for event in site.data.rf2020.events %} + {% if event.id == id %} + {{ event.title_ }} + {% endif %} + {% endfor %} + {% endfor %} +
    + +
    \ No newline at end of file diff --git a/_sass/includes/footer.scss b/_sass/includes/footer.scss index fa02322..967453a 100644 --- a/_sass/includes/footer.scss +++ b/_sass/includes/footer.scss @@ -35,6 +35,7 @@ footer.page-footer { display: flex; justify-content: space-between; flex-wrap: wrap; + max-width: $size-512 + $size-128; } } } diff --git a/_sass/includes/header.scss b/_sass/includes/header.scss index 3d8445e..42b5f82 100644 --- a/_sass/includes/header.scss +++ b/_sass/includes/header.scss @@ -1,18 +1,39 @@ header.page-header { .lang, - .nav-link { + .nav-link, + .sub-nav-link { color: $text; background-color: white; padding: $size-8; transition: box-shadow 0.8s cubic-bezier(0.075, 0.82, 0.165, 1); z-index: 1; + text-decoration: underline; &:hover { - box-shadow: 5px 5px 0 rgba($white, 0.5), 10px 10px 0 rgba($white, 0.4), 15px 15px 0 rgba($white, 0.3); + // box-shadow: 5px 5px 0 rgba($white, 0.5), 10px 10px 0 rgba($white, 0.4), 15px 15px 0 rgba($white, 0.3); transition: box-shadow 0.2s cubic-bezier(0.075, 0.82, 0.165, 1); } } + .nav-group { + cursor: default; + display: flex; + flex-direction: column; + align-items: flex-end; + .sub-nav-link { + opacity: 0; + } + &:hover { + .sub-nav-link { + opacity: 1; + } + } + + a { + cursor: pointer; + } + } + nav { position: absolute; top: $size-32; diff --git a/_sass/layout.scss b/_sass/layout.scss index e8b322d..65d9211 100644 --- a/_sass/layout.scss +++ b/_sass/layout.scss @@ -1,8 +1,8 @@ body { background-color: $bg; - background-image: url('../img/bg/bg-2.png'); + background-image: url('../img/bg/bg-2.png'), url('../img/bg/bg-el-light.png'); transition: background-color 0.5s ease-in-out; - background-position: 3px 5px; + background-position: $size-base $size-8, $size-8 $size-12; background-repeat-x: no-repeat; background-repeat-y: repeat; background-size: cover; @@ -17,20 +17,20 @@ body { @include darkMode { background-color: $black; - &::after { - content: ''; - background-image: url('../img/bg/bg-el-light.png'); - opacity: 1; - background-position: 0 0; - background-repeat-x: no-repeat; - background-repeat-y: repeat; - background-size: 100%; - background-attachment: fixed; - height: 100vh; - width: 100vw; - position: fixed; - pointer-events: none; - } + // &::after { + // content: ''; + // background-image: ; + // opacity: 1; + // background-position: 0 0; + // background-repeat-x: no-repeat; + // background-repeat-y: repeat; + // background-size: 100%; + // background-attachment: fixed; + // height: 100vh; + // width: 100vw; + // position: fixed; + // pointer-events: none; + // } } } diff --git a/_sass/layouts/event.scss b/_sass/layouts/event.scss new file mode 100644 index 0000000..48d0a57 --- /dev/null +++ b/_sass/layouts/event.scss @@ -0,0 +1,8 @@ +.event { + .post-header { + h3, + a { + margin: 0; + } + } +} diff --git a/_sass/layouts/participant.scss b/_sass/layouts/participant.scss new file mode 100644 index 0000000..99cccf7 --- /dev/null +++ b/_sass/layouts/participant.scss @@ -0,0 +1,5 @@ +.participant { + .post-header { + align-items: flex-end; + } +} diff --git a/_sass/layouts/post.scss b/_sass/layouts/post.scss index 40420e7..6ed65d2 100644 --- a/_sass/layouts/post.scss +++ b/_sass/layouts/post.scss @@ -56,6 +56,19 @@ .post-content { @include textbox; + h1, + h2, + h3, + h4, + h5, + p, + span, + a, + li { + &:last-child { + margin-bottom: 0; + } + } } .tag { diff --git a/_sass/layouts/program.scss b/_sass/layouts/program.scss new file mode 100644 index 0000000..6bb1e77 --- /dev/null +++ b/_sass/layouts/program.scss @@ -0,0 +1,83 @@ +.prog-list { + margin: 0; + padding: 0; + margin-bottom: $size-64; + + li { + display: inline-block; + margin-right: $size-64; + } + + h2 { + margin-bottom: $size-32; + } + + .prog-item { + margin-bottom: $size-64; + + .prog-header { + margin-bottom: $size-16; + } + .prog-content { + p { + display: inline; + } + } + } +} + +// .news-post { +// margin-bottom: $size-64; +// } + +.prog-item { + list-style: none; + padding: 0; + margin-bottom: $size-16; + + .prog-header { + display: flex; + justify-content: space-between; + margin-bottom: $size-32; + h2, + h3, + label { + display: inline-flex; + align-items: center; + @include textbox; + margin: 0; + } + + a { + color: $black; + text-decoration: none; + + &:hover, + &:visited { + font-style: normal; + } + } + } + + .prog-content { + @include textbox; + h1, + h2, + h3, + h4, + h5, + p, + span, + a, + li { + &:last-child { + margin-bottom: 0; + } + } + } + + .tag { + @include textbox; + display: inline-block; + } +} diff --git a/_sass/utils/layout-utils.scss b/_sass/utils/layout-utils.scss index 524a5ae..5cdae8c 100644 --- a/_sass/utils/layout-utils.scss +++ b/_sass/utils/layout-utils.scss @@ -33,3 +33,19 @@ display: flex; flex-direction: row; } + +.margin-4-bottom { + margin-bottom: 4px; +} +.margin-8-bottom { + margin-bottom: 8px; +} +.margin-16-bottom { + margin-bottom: 16px; +} +.margin-24-bottom { + margin-bottom: 24px; +} +.margin-32-bottom { + margin-bottom: 32px; +} diff --git a/_sass/utils/position-utils.scss b/_sass/utils/position-utils.scss index 1f82465..829aa4a 100644 --- a/_sass/utils/position-utils.scss +++ b/_sass/utils/position-utils.scss @@ -2,6 +2,10 @@ display: block; } +.inline-block { + display: inline-block; +} + .flex { display: flex; diff --git a/assets/css/index.scss b/assets/css/index.scss index 905bf2f..dd9b52d 100644 --- a/assets/css/index.scss +++ b/assets/css/index.scss @@ -15,6 +15,9 @@ @import 'layouts/text-page'; @import 'layouts/404'; @import 'layouts/post'; +@import 'layouts/program'; +@import 'layouts/participant'; +@import 'layouts/event'; @import 'includes/scrollbar'; @import 'includes/header'; @import 'includes/footer'; diff --git a/assets/favicons/safari-pinned-tab.svg b/assets/favicons/safari-pinned-tab.svg index 4487a6c..b7ff1cb 100644 --- a/assets/favicons/safari-pinned-tab.svg +++ b/assets/favicons/safari-pinned-tab.svg @@ -4,9 +4,16 @@ - -Created by potrace 1.11, written by Peter Selinger 2001-2013 - + + + + + + + + + diff --git a/assets/participants/andrew-van-hyfte.png b/assets/participants/andrew-van-hyfte.png new file mode 100644 index 0000000..860858f Binary files /dev/null and b/assets/participants/andrew-van-hyfte.png differ diff --git a/assets/participants/cade-diehm.png b/assets/participants/cade-diehm.png new file mode 100644 index 0000000..fb74355 Binary files /dev/null and b/assets/participants/cade-diehm.png differ diff --git a/fr/rf2020/participants/index.html b/fr/rf2020/participants/index.html new file mode 100644 index 0000000..d35f1b7 --- /dev/null +++ b/fr/rf2020/participants/index.html @@ -0,0 +1,23 @@ +--- +layout: page +lang: fr +ref: 2020-participants +--- + +{% assign participants = site.data.rf2020.participants | sort: "fullname" %} + +
    +
    +
    +

    Participants

    +
    +
    + +
    +
    + +
    \ No newline at end of file diff --git a/fr/rf2020/programme/index.html b/fr/rf2020/programme/index.html new file mode 100644 index 0000000..21ad259 --- /dev/null +++ b/fr/rf2020/programme/index.html @@ -0,0 +1,14 @@ +--- +layout: page +lang: fr +ref: 2020-program +--- + + +
    +
    +

    {{ site.data.translations.program[page.lang] }}

    +
    + {% include program/full-program.html %} + +
    \ No newline at end of file diff --git a/rf2020/participants/index.html b/rf2020/participants/index.html new file mode 100644 index 0000000..d05638b --- /dev/null +++ b/rf2020/participants/index.html @@ -0,0 +1,25 @@ +--- +layout: page +lang: en +ref: 2020-participants +--- + +{% assign participants = site.data.rf2020.participants | sort: "fullname" %} + + \ No newline at end of file diff --git a/rf2020/program/index.html b/rf2020/program/index.html new file mode 100644 index 0000000..4463fbc --- /dev/null +++ b/rf2020/program/index.html @@ -0,0 +1,13 @@ +--- +layout: page +lang: en +ref: 2020-program +--- + + +
    +
    +

    {{ site.data.translations.program[page.lang] }}

    +
    + {% include program/full-program.html %} +
    \ No newline at end of file