added archive grid view

This commit is contained in:
Benjamin Jones 2020-11-22 21:08:43 +01:00
parent 6411ce2e5e
commit b108da2ce9
11 changed files with 162 additions and 19 deletions

View File

@ -363,6 +363,7 @@
- id : 24 - id : 24
title_ : Identifying digital coercion - the means of re-decentralization title_ : Identifying digital coercion - the means of re-decentralization
short_title : "Identifying digital coercion: the means of re-decentralization"
lang_ : EN lang_ : EN
format: Talk format: Talk
ref : identifying-digital-coercion ref : identifying-digital-coercion
@ -373,6 +374,7 @@
- id : 25 - id : 25
title_ : Melancholic Cryptonymy and the Aesthetic Threshold of Detectability- The Blue Conceptualists, The Haunted Painter and The Existential Crisis of the Cadaver. title_ : Melancholic Cryptonymy and the Aesthetic Threshold of Detectability- The Blue Conceptualists, The Haunted Painter and The Existential Crisis of the Cadaver.
short_title: Melancholic Cryptonymy and the Aesthetic Threshold of Detectability
lang_ : EN lang_ : EN
format: Talk format: Talk
ref : melancholic-cryptonymy-and-aesthetic-threshold ref : melancholic-cryptonymy-and-aesthetic-threshold

View File

@ -0,0 +1,16 @@
{% assign events = site.data.rf2020.events | sort: "date" %}
{% assign date = include.date | date: "%d.%m.%y" %}
{% assign dateClass = include.date | date: "%d-%m" %}
{% assign weekday = include.weekday %}
<div class="margin-64-bottom day-{{ dateClass }}">
<h3 class="textbox inline-block ">{{ site.data.date-locales[page.lang].full_weekday[weekday] }} - {{ date }}</h3>
<ul class="margin-16-bottom archive-grid" >
{% for event in events %}
{% assign eventDate = event.date | date: "%d.%m.%y" %}
{% if eventDate == date %}
{% include archive/archive-item.html event=event %}
{% endif %}
{% endfor %}
</ul>
</div>

View File

@ -0,0 +1,38 @@
{% assign event = include.event %}
{% capture inner %}
<div class="inner">
{% if event.short_title %}
<p class="margin text-lg">
{{ event.short_title }}
</p>
{% else %}
<p class="margin text-lg">
{{ event.title_ }}
</p>
{% endif %}
<div class="">
{% for eventParticipantId in event.participants %}
{% for participant in site.data.rf2020.participants %}
{% if participant.id == eventParticipantId %}
<span class="block participant-name margin-0">— {{ participant.fullname }}</span>
{% endif %}
{% endfor %}
{% endfor %}
</div>
</div>
{% endcapture %}
{% if event.ref != "no-ref" %}
<li class="textbox event" >
<a href="/rf2020/events/{{ event.ref }}.html">
{% if event.pic %}
<div class="bg-img" style="background-image: url({{ event.pic }})">
{{ inner }}
</div>
{% endif %}
{{ inner }}
</a>
</li>
{% endif %}

View File

@ -0,0 +1,5 @@
<div>
{% include archive/archive-day.html date="2020-09-18" weekday=5 %}
{% include archive/archive-day.html date="2020-09-19" weekday=6 %}
{% include archive/archive-day.html date="2020-09-20" weekday=0 %}
</div>

View File

@ -4,8 +4,8 @@ lang: en
ref: going-online ref: going-online
parentEn: /rf2020/participants/ parentEn: /rf2020/participants/
parentFr: /fr/rf2020/participants/ parentFr: /fr/rf2020/participants/
parentNameEn: participants parentNameEn: rf2020/participants
parentNameFr: intervenants parentNameFr: rf2020/intervenants
--- ---
<article class="page-content margin-128-bottom participant"> <article class="page-content margin-128-bottom participant">

View File

@ -0,0 +1,83 @@
.archive-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-rows: minmax(calc(920px / 3 - var(--size-16)), max-content);
column-gap: var(--size-16);
.event a {
display: flex;
flex-direction: column;
justify-content: flex-start;
height: 100%;
text-decoration: none;
margin: 0;
}
.event {
position: relative;
padding: 0;
.bg-img {
background-size: cover;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
}
.inner {
z-index: 1;
padding: var(--size-8) var(--size-12);
background-color: var(--colour-white);
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
box-sizing: border-box;
p,
.participant-name {
padding: var(--size-8);
}
}
.format-label {
position: absolute;
bottom: 0;
right: 0;
border-top: 1px solid var(--colour-graphite);
border-left: 1px solid var(--colour-graphite);
line-height: 0.8;
padding: 2px 0 0 2px;
background-color: var(--colour-white);
}
.participant-name {
font-weight: normal;
}
&:hover .bg-img,
a:focus .bg-img {
z-index: 3;
// mix-blend-mode: lighten;
opacity: 0.9;
.inner {
background-color: transparent;
font-style: normal;
p,
.participant-name {
background-color: var(--colour-white);
}
}
}
.text-lg {
font-size: var(--size-24);
}
}
}

View File

@ -26,6 +26,7 @@
@import 'includes/banner'; @import 'includes/banner';
@import 'includes/watch-panel'; @import 'includes/watch-panel';
@import 'includes/clock'; @import 'includes/clock';
@import 'includes/archive';
@import 'pages/home'; @import 'pages/home';
@import 'pages/about'; @import 'pages/about';
@import 'pages/how-to-participate'; @import 'pages/how-to-participate';

View File

@ -4439,7 +4439,7 @@ var parent = module.bundle.parent;
if ((!parent || !parent.isParcelRequire) && typeof WebSocket !== 'undefined') { if ((!parent || !parent.isParcelRequire) && typeof WebSocket !== 'undefined') {
var hostname = "" || location.hostname; var hostname = "" || location.hostname;
var protocol = location.protocol === 'https:' ? 'wss' : 'ws'; var protocol = location.protocol === 'https:' ? 'wss' : 'ws';
var ws = new WebSocket(protocol + '://' + hostname + ':' + "53214" + '/'); var ws = new WebSocket(protocol + '://' + hostname + ':' + "61615" + '/');
ws.onmessage = function (event) { ws.onmessage = function (event) {
checkedAssets = {}; checkedAssets = {};

File diff suppressed because one or more lines are too long

13
rf2020/archive/index.html Normal file
View File

@ -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>

View File

@ -1,15 +0,0 @@
---
layout: page
lang: en
ref: 2020-program
title: 2020 Program
with-clock: true
---
<article class="page-content program margin-128-bottom">
<div class="post-header textbox inline-block margin-64-bottom">
<h2 class="margin-0">{{ site.data.translations.program[page.lang] }} — 2020</h2>
</div>
{% include program/full-program.html %}
</article>