{% for talk in page.talks %}
<div class="row mb-6">
<div class="col-4">
{% if talk.youtube %}
<a href="https://www.youtube.com/watch?v={{ talk.youtube }}">
<img src="https://img.youtube.com/vi/{{ talk.youtube }}/hqdefault.jpg" width="400" class="rounded"></a>
{% elsif talk.thumb %}
<img src="{{ talk.thumb }}" width="400" class="rounded">
{% else %}
<img src="/events/thumb.png" width="400" class="rounded">
{% endif %}
</div>
<div class="col">
<h3>{{ talk.title }}</h3>
{% if talk.link %}
<p><i class="fa-solid fa-circle-info"></i>&nbsp;&nbsp;&nbsp;<a href="{{ talk.link }}">Information</a></p>
{% endif %}
{% if talk.youtube %}
<p><i class="fa-brands fa-youtube"></i>&nbsp;&nbsp;&nbsp;<a href="https://www.youtube.com/watch?v={{ talk.youtube }}">Video</a></p>
{% endif %}
{% if talk.slides %}
<p><i class="fa-solid fa-file-pdf"></i>&nbsp;&nbsp;&nbsp;<a href="{{ talk.slides }}">Slides</a></p>
{% endif %}
{% if talk.when %}
<p><i class="fa-solid fa-calendar-days"></i>&nbsp;&nbsp;&nbsp;{{ talk.when }}</p>
{% endif %}
{% if talk.speakers %}
<p><i class="fa-solid fa-user"></i>&nbsp;&nbsp;&nbsp;{% for speaker in talk.speakers %}{{ speaker.name }}{% unless forloop.last %} • {% endunless %}{% endfor %}</p>
{% endif %}
{{ talk.desc }}
</div>
</div>
{% endfor %}