njpma/app/templates/film.html

45 lines
1 KiB
HTML
Raw Normal View History

2021-09-28 13:10:22 +00:00
{% extends "base.html" %}
{% block main %}
2021-10-10 15:06:43 +00:00
<div class="film">
2021-10-11 14:38:22 +00:00
<div class="info">
<h1>{{ film.data.title | safe }}</h1>
{% comment %}
<h2>{{ film.data.director|join:", "|safe }}</h2>
{% endcomment %}
<p>{{ film.data.summary|safe }}</p>
<div class="details">
Runtime: {{ film.duration }},
Year: {{ film.data.date}},
Artist Bio: {{ film.data.bio|safe }}
</div>
</div>
<video src="{{ settings.TIMELINE_PREFIX }}{{ film.padma_id }}/loop.mp4" autoplay loop muted></video>
<div class="play">
<div>
<a href="" id="play-fullscreen">Play</a>
2021-10-11 13:06:49 +00:00
</div>
2021-10-11 14:38:22 +00:00
<div class="texts">
{% for text in film.related_texts %}
<div class="text">
<a href="{{ text.get_absolute_url }}">
{{ text.title }}<br>
{{ text.byline }}
</a>
</div>
{% endfor %}
</div>
<div>
<a href="https://pad.ma/{{ film.padma_id }}/info" target="_blank">Open on pad.ma</a>
</div>
</div>
2021-09-30 17:30:36 +00:00
</div>
{% endblock %}
{% block end %}
<script>
2021-10-11 14:38:22 +00:00
var film = {{ film.json | safe }};
2021-09-30 17:30:36 +00:00
</script>
2021-10-11 14:38:22 +00:00
<script src="{% static 'js/film.js' %}"></script>
2021-09-28 13:10:22 +00:00
{% endblock %}