symposion_app/pinaxcon/templates/symposion/schedule/presentation_detail.html

79 lines
3.1 KiB
HTML

{% extends "symposion/schedule/base.html" %}
{% load lca2018_tags %}
{% load lca2019_tags %}
{% load sitetree %}
{% load static %}
{% load thumbnail %}
{% block head_title %}Presentation: {{ presentation.title }}{% endblock %}
{% block page_title %}{{ presentation.title }}{% endblock %}
{% block page_lead %}
{% if presentation.slot %}
{{ presentation.slot.rooms.0 }} | <span class="presentation-time" data-starttime="{{ presentation.slot.day.date|date:'c' }}T{{ presentation.slot.start|date:'c' }}" data-endtime="{{ presentation.slot.day.date|date:'c' }}T{{ presentation.slot.end|date:'c' }}">{{ presentation.slot.day.date|date:"D d M" }} {{ presentation.slot.start }}&ndash;{{ presentation.slot.end }}</span>
{% else %}
<em>Not currently scheduled.</em>
{% endif %}
{% endblock %}
{% block content %}
{% if presentation.unpublish %}
<div class="row">
<div class="col">
<p><strong>Presentation not published.</strong></p>
</div>
</div>
{% endif %}
<div class="row presentation-details">
<div class="col-md-3">
<h2 class="mt-4">Presented by</h4>
<ul class="list-unstyled">
{% for speaker in presentation.speakers %}
<li class="mb-4 pb-2">
{% speaker_photo speaker 120 as speaker_photo_url %}
<img src="{{ speaker_photo_url }}" alt="{{ speaker }}" class="rounded-circle img-fluid">
<p>
<strong><a href="{% url "speaker_profile" speaker.pk %}">{{ speaker }}</a></strong><br />
{% if speaker.twitter_username %}
<a href="https://twitter.com/{{ speaker.twitter_username }}">{{ speaker.twitter_username|twitter_handle }}</a><br />
{% endif %}
{% if speaker.homepage %}
<a href="{{ speaker.homepage }}">{{ speaker.homepage }}</a>
{% endif %}
</p>
<div class="bio">{{ speaker.biography_html|safe}}</div>
</p>
</li>
{% endfor %}
</ul>
</div>
<div class="col-md-9 presentation-abstract">
<h2 class="mt-4">Abstract</h4>
{% autoescape off %}
<div class="abstract pb-4"><p>{{ presentation.abstract_html|safe|clean_text|urlize }}</p></div>
{% endautoescape %}
{% if presentation.videos_split %}
<h2 class="mt-4">Videos</h4>
{% for v in presentation.youtube_videos %}
<iframe width="560" height="315" src="{{ v }}" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
{% endfor %}
{% if v.other_videos %}
<video controls style="max-width: 640px">
{% for video in presentation.other_videos %}
<source src="{{ video }}">
{% endfor %}
</video>
{% endif %}
<p style="margin-top: 1rem">Available sources:</p>
<ul>
{% for video in presentation.videos_split %}
<li>{{ video|urlize }}</li>
{% endfor %}
</ul>
{% endif %}
</div>
</div>
{% endblock %}