| {% 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 %} |
| {% if talk.link %} |
| <a href= "{{ talk.link }}"><img src= "{{ talk.thumb }}" width= "400" class= "rounded"></a> |
| {% else %} |
| <img src="{{ talk.thumb }}" width="400" class="rounded"> |
| {% endif %} |
| {% 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> <a href= "{{ talk.link }}">Information</a></p> |
| {% endif %} |
| {% if talk.youtube %} |
| <p><i class= "fa-brands fa-youtube"></i> <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> <a href= "{{ talk.slides }}">Slides</a></p> |
| {% endif %} |
| {% if talk.when %} |
| <p><i class="fa-solid fa-calendar-days"></i> {{ talk.when }}</p> |
| {% endif %} |
| {% if talk.speakers %} |
| <p><i class="fa-solid fa-user"></i> {% for speaker in talk.speakers %}{{ speaker.name }}{% unless forloop.last %} • {% endunless %}{% endfor %}</p> |
| {% endif %} |
| {{ talk.desc }} |
| </div> |
| </div> |
| {% endfor %} |
| |