rf-web/_layouts/event.html
2020-08-17 22:11:19 +02:00

60 lines
2.1 KiB
HTML

---
layout: page
lang: en
---
{% assign format=page.format | downcase %}
<article class="page-content margin-64-bottom event">
<div class="content post-item">
<header class="post-header">
<div class="flex flex-col">
<h2>
{{ page.title_ | strip }}
<small>
[{{ page.format | strip }}]
</small>
</h2>
</div>
</header>
<div class="post-content margin-16-bottom">
{% if page.youtube %}
<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>
{% endif %}
<p>
{{ page.description | markdownify }}
</p>
</div>
<div class="details">
<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 {{ format }}:
</h3>
{% for id in page.participants %}
{% for participant in site.data.rf2020.participants %}
{% if participant.id == id %}
<a class="block with-url-arrow" href="/rf2020/participants/{{ participant.ref }}.html">{{ participant.fullname }}</a>
{% endif %}
{% endfor %}
{% endfor %}
</div>
<div class="textbox inline-block margin-16-left-d">
<h3 class="text-right-d text-center">
Event date/time<span class="sup">*</span>:
</h3>
<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>