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