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 %}
{% assign time = page.date | date: "%H:%M" %}
{% assign endTime = page.endDate | date: "%H:%M" %}
{% capture date %}
  {% include utils/translated-date.html date=page.date  lang=page.lang %}
{% endcapture %}

{% capture regLink %}
  {% if format == 'workshop' and page.registration-link %}
      <div class="textbox margin-16-bottom">
        <a class="with-url-arrow" href="{{ page. registration-link }}">register to participate in this workshop</a>
      </div>
    {% endif %}
{% endcapture %}


<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="flex flex-row flex-justify-space-between flex-wrap-m margin-16-bottom">
      <div class="textbox margin-16-bottom-m flex-1 hosts">
        <h3>
          Hosting 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 time and time != '00:00' %}
        <div class="textbox">
          <h3 class="text-right">{{ date }}</h3>
          <h3 class="margin-0 text-right">
            {{ time }}
            {% if endTime %}
              → {{ endTime }}
            {% endif %}
            <small class="sup">(CEST)</small> 
          </h3>
        </div>
      {% endif %}
    </div>

    <div class="post-content margin-16-bottom">
      {% if page.youtube %}
        {% include embeds/youtube.html slug=page.youtube %}
      {% endif %}
      {% if page.event-link %}
        <strong><a href="{{ page.event-link }}">click here</a> to join us on for a play-along and Q&A with the artist on {{ date }} at {{ time }} -> {{ endTime }}.</strong>
      {% endif %}
      <p>
        {{ page.description | markdownify }}
      </p>
      {% for link in page.links %}
        <a class="block with-url-arrow" href="{{ link }}">{{ link | remove_first: "https://" | remove_first: "http://" | remove_first: "www." }}</a>
      {% endfor %}
    </div>
    {{ regLink }}
  </div>


</article>