agenda.html

<!-- Agenda Section -->
{% comment %}
Expects following parameters: agenda-data
{% endcomment %}
<section id="agenda" class="container content-section">
    <div class="row">
        <div class="col-lg-12">
            <h2>/ Agenda & recordings</h2>
            <p>
                Most of the lectures can be watched on our <a class="btn btn-default" href="https://www.youtube.com/playlist?list=PLoaWrlj9TDhOxVS_KLRXQr3PLJTcIH1Xh"><i class="fa-brands fa-youtube"></i> YouTube channel</a>.
            </br>
                Links to the specific lectures can be found in the agenda below.
            </p>
        </div>

        <div class="col-lg-12 agenda d-flex">
        {% for day in include.agenda-data %}
        <div class="day days-{{ include.agenda-data | size }}">
            <h4>{{ day.title }} <span class="emph d-inline-block">/ {{ day.subtitle }}</span></h4>
            <div class="events">
                {% for event in day.events %}
                <div class="event event-{{ event.height }}">
                    <div>{{ event.time }}
                        {% if event.video %}
                        <a href="{{ event.video }}">(<i class="fa-brands fa-youtube"></i> video)</a>
                        {% endif %}
                    </div>
                    <div><strong>{{ event.title }}</strong></div>
                    <div style="font-size: 12px;">{{ event.subtitle }}</div>

                </div>
                {% endfor %}
            </div>
        </div>
        {% endfor %}
    </div>
    </div>
</section>