rf-web/_layouts/event.html

---
layout: page
lang: en
parentEn: /rf2020/program
parentFr: /fr/rf2020/programme
parentNameEn: program
parentNameFr: programme
---

{% assign format=page.format | downcase %}


<article class="page-content margin-64-bottom event">
  <div class="content post-item">
    <header class="post-header flex flex-align-end">
      <div class="flex flex-col">
        <h2>
          {{ page.title_ | strip }}
            <small>
              [{{ page.format | strip }}]
            </small>
        </h2>
      </div>
      <img src="{{ page.pic }}" alt="" class="participant-profile">
    </header>

    <div class="post-content margin-16-bottom">
      {% if page.youtube %}
        {% include embeds/youtube.html slug=page.youtube %}
      {% 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 flex-1">
          <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>
        {% if format != 'artwork' %}
          <div class="textbox inline-block margin-16-left-d">
            <h3>
              Event date/time<span class="sup">*</span>:
            </h3>
            <p>
                {{ page.date | date: "%d.%m.%y" }}
            </p>
          </div>
        {% endif %}
      </div>
      <div class="text-right-d flex flex-justify-start"><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-start"><small class="textbox">{{ site.data.translations.registration_coming[page.lang]}}</small></div>
      {% endif %}
    </div>
  </div>
</article>