added credits page + donors partial

This commit is contained in:
Benjamin Jones 2020-11-23 00:10:48 +01:00
parent 5714d22f91
commit e1cefc7e22
16 changed files with 127 additions and 12 deletions

13
_data/rf2020/donors.yml Normal file
View File

@ -0,0 +1,13 @@
-
name: Pro Helvetia
amount: CHF 2'000
url: https://prohelvetia.ch/en/
-
name: Catherine Touillet
amount: €50
-
name: Camille Donzé
amount: €20
-
name: Michael A Redman
amount: €10

View File

@ -13,7 +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. 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] participants: [0]
archive: 4db36fd0-c08b-447d-b613-dd8285288f97 peertube-id: 4db36fd0-c08b-447d-b613-dd8285288f97
- id : 1 - id : 1
title_ : Peek- creating games for understanding futures title_ : Peek- creating games for understanding futures

View File

@ -1,4 +1,5 @@
{% assign event = include.event %} {% assign event = include.event %}
{% capture inner %} {% capture inner %}
<div class="inner"> <div class="inner">
{% if event.short_title %} {% if event.short_title %}
@ -11,11 +12,11 @@
</p> </p>
{% endif %} {% endif %}
<div class=""> <div class="participants">
{% for eventParticipantId in event.participants %} {% for eventParticipantId in event.participants %}
{% for participant in site.data.rf2020.participants %} {% for participant in site.data.rf2020.participants %}
{% if participant.id == eventParticipantId %} {% if participant.id == eventParticipantId %}
<span class="block participant-name margin-0">— {{ participant.fullname }}</span> <span class="block participant-name">— {{ participant.fullname }}</span>
{% endif %} {% endif %}
{% endfor %} {% endfor %}
{% endfor %} {% endfor %}
@ -32,6 +33,11 @@
{{ inner }} {{ inner }}
</div> </div>
{% endif %} {% endif %}
{% if event.format %}
<div class="format-label">
<small class="prog-item--format sup flex-1 margin-0">[{{ event.format }}]</small>
</div>
{% endif %}
{{ inner }} {{ inner }}
</a> </a>
</li> </li>

View File

@ -0,0 +1,15 @@
{% assign donors = site.data.rf2020.donors %}
<ul class="donors">
{% for donor in donors %}
<li>
{% if donor.url %}
<a href="{{ donor.url }}">{{ donor.name | strip }}</a>
{% else %}
{{ donor.name }}
{% endif %}
<strong>— {{ donor.amount }}</strong>
</li>
{% endfor %}
</ul>

View File

@ -1,8 +1,15 @@
{% assign pathstub = page.path | split: "/" | first %}
{% if include.size == 'small' %} {% if include.size == 'small' %}
<H1 class="logo logo-sm">Reclaim Futures 2020</H1> <H1 class="logo logo-sm">Reclaim Futures 2020</H1>
{% else %} {% else %}
<H1 class="logo"> <H1 class="logo">
Reclaim<br />Futures Reclaim<br />
Futures
{% if pathstub == 'rf2020' %}
<br />2020
{% endif %}
</H1> </H1>
{% endif %} {% endif %}

View File

@ -0,0 +1 @@
<iframe width="560" height="315" sandbox="allow-same-origin allow-scripts allow-popups" src="https://tv.newdesigncongress.org/videos/embed/{{ include.id }}" frameborder="0" allowfullscreen></iframe>

View File

@ -1,7 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="{{ page.lang }}"> <html lang="{{ page.lang }}">
{% include common/head.html %} {% include common/head.html %}
<body id="page-{{ page.className }}"> <body id="page-{{ page.className }}" class="lang-{{ page.lang }}" >
{{ content }} {{ content }}
</body> </body>
<script src="{{ site.baseurl }}/assets/js/index.js"></script> <script src="{{ site.baseurl }}/assets/js/index.js"></script>

View File

@ -1,10 +1,10 @@
--- ---
layout: page layout: page
lang: en lang: en
parentEn: /rf2020/program parentEn: /rf2020/archive
parentFr: /fr/rf2020/programme parentFr: /fr/rf2020/archive
parentNameEn: program parentNameEn: rf2020/archive
parentNameFr: programme parentNameFr: rf2020/archive
--- ---
{% assign format=page.format | downcase %} {% assign format=page.format | downcase %}
@ -23,6 +23,8 @@ parentNameFr: programme
{% endcapture %} {% endcapture %}
<article class="page-content margin-64-bottom event"> <article class="page-content margin-64-bottom event">
<div class="content post-item"> <div class="content post-item">
<header class="post-header flex flex-align-end"> <header class="post-header flex flex-align-end">

View File

@ -5,7 +5,7 @@ layout: default
{% include common/header.html collapsed=false %} {% include common/header.html collapsed=false %}
<main class="page lang-{{ page.lang }}" id="page-{{ page.className }}"> <main class="page">
{{ content }} {{ content }}
</main> </main>

View File

@ -4,6 +4,14 @@
grid-auto-rows: minmax(calc(920px / 3 - var(--size-16)), max-content); grid-auto-rows: minmax(calc(920px / 3 - var(--size-16)), max-content);
column-gap: var(--size-16); column-gap: var(--size-16);
@include touch {
grid-template-columns: 1fr 1fr;
}
@include mobile {
grid-template-columns: 1fr;
}
.event a { .event a {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -52,10 +60,20 @@
line-height: 0.8; line-height: 0.8;
padding: 2px 0 0 2px; padding: 2px 0 0 2px;
background-color: var(--colour-white); background-color: var(--colour-white);
z-index: 6;
font-weight: normal;
} }
.participant-name { .participants {
font-weight: normal; font-weight: normal;
span {
margin: 0;
&:last-of-type {
margin-bottom: var(--size-24);
}
}
} }
&:hover .bg-img, &:hover .bg-img,

View File

@ -0,0 +1,8 @@
ul.donors {
margin: 0;
padding-bottom: 0;
li {
list-style: none;
}
}

View File

@ -47,3 +47,7 @@
text-align: center; text-align: center;
} }
} }
.buymusic-club {
max-height: calc(var(--size-512) + var(--size-128));
}

5
_sass/pages/credits.scss Normal file
View File

@ -0,0 +1,5 @@
#page-credits {
ul {
// background-color: rebeccapurple !important;
}
}

View File

@ -27,6 +27,7 @@
@import 'includes/watch-panel'; @import 'includes/watch-panel';
@import 'includes/clock'; @import 'includes/clock';
@import 'includes/archive'; @import 'includes/archive';
@import 'includes/donors-list';
@import 'pages/home'; @import 'pages/home';
@import 'pages/about'; @import 'pages/about';
@import 'pages/how-to-participate'; @import 'pages/how-to-participate';
@ -34,3 +35,4 @@
@import 'pages/donate'; @import 'pages/donate';
@import 'pages/gallery'; @import 'pages/gallery';
@import 'pages/watch'; @import 'pages/watch';
@import 'pages/credits';

34
rf2020/credits/index.md Normal file
View File

@ -0,0 +1,34 @@
---
layout: text-page
author: ReclaimFutures
title: Credits & Thanks
className: credits
ref: credits
lang: en
---
<div>
<h2>Credits & Thanks</h2>
</div>
ReclaimFutures 2020 would not have been possible without community effort, financial donations and ___ 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 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.
### 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 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 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).

View File

@ -7,7 +7,7 @@ ref: watch
menu-variant: watch menu-variant: watch
--- ---
<main class="page lang-{{ page.lang }}" id="page-{{ page.className }}"> <main class="page">
{% include common/watch-panel.html %} {% include common/watch-panel.html %}
<div class="page-content margin-32-bottom" id="program"> <div class="page-content margin-32-bottom" id="program">