Files
@ 5bf63fe046e1
Branch filter:
Location: symposion_app/pinaxcon/templates/symposion/schedule/presentation_detail.html - annotation
5bf63fe046e1
3.1 KiB
text/html
Support YouTube videos
b56ca32259c8 04f246d85071 5409d4974aed db3f28ddb286 04f246d85071 252697b842c0 ff16f71df6e8 04f246d85071 04f246d85071 1022a42cf795 bc0f49f391c3 bc0f49f391c3 b56ca32259c8 bc0f49f391c3 bc0f49f391c3 bc0f49f391c3 bc0f49f391c3 ff16f71df6e8 ff16f71df6e8 1022a42cf795 bbaaf75d9dbf 1022a42cf795 1022a42cf795 db3f28ddb286 1022a42cf795 1022a42cf795 bbaaf75d9dbf 1022a42cf795 1022a42cf795 1022a42cf795 bbaaf75d9dbf db3f28ddb286 db3f28ddb286 db3f28ddb286 929388220cfc db3f28ddb286 249adba527d9 db3f28ddb286 45b65340e18c db3f28ddb286 db3f28ddb286 db3f28ddb286 db3f28ddb286 db3f28ddb286 db3f28ddb286 db3f28ddb286 db3f28ddb286 db3f28ddb286 bbaaf75d9dbf bbaaf75d9dbf db3f28ddb286 1022a42cf795 1022a42cf795 1d7b851bb6b1 1d7b851bb6b1 1d7b851bb6b1 97beb8b13106 97beb8b13106 5bf63fe046e1 5bf63fe046e1 5bf63fe046e1 97beb8b13106 5bf63fe046e1 5bf63fe046e1 5bf63fe046e1 5bf63fe046e1 5bf63fe046e1 5bf63fe046e1 5bf63fe046e1 5bf63fe046e1 97beb8b13106 97beb8b13106 97beb8b13106 97beb8b13106 97beb8b13106 97beb8b13106 db3f28ddb286 1022a42cf795 04f246d85071 | {% 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 }}–{{ 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 %}
|