2021-09-28 13:10:22 +00:00
|
|
|
{% extends "base.html" %}
|
|
|
|
{% block main %}
|
2021-10-21 15:24:26 +00:00
|
|
|
{% block body_class%}animated{% endblock %}
|
2021-10-13 15:35:47 +00:00
|
|
|
<style>
|
|
|
|
:root {
|
2021-10-13 15:54:25 +00:00
|
|
|
--bg-color-1: {{ film.color_1 }};
|
|
|
|
--bg-color-2: {{ film.color_2 }};
|
|
|
|
--bg-color-3: {{ film.color_2 }};
|
|
|
|
--bg-color-4: {{ film.color_4 }};
|
2021-10-13 15:35:47 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
</style>
|
2021-09-28 13:10:22 +00:00
|
|
|
|
2021-10-10 15:06:43 +00:00
|
|
|
<div class="film">
|
2021-10-11 14:38:22 +00:00
|
|
|
<div class="info">
|
2021-10-11 18:03:23 +00:00
|
|
|
<h1>
|
|
|
|
<span>{{ film.data.title | safe }}</span>
|
|
|
|
<span>{{ film.data.title_zh | safe }}</span>
|
|
|
|
</h1>
|
|
|
|
<h2>
|
|
|
|
{% for director in film.data.director %}
|
|
|
|
{{ director|safe }}<br>
|
|
|
|
{% endfor %}
|
|
|
|
</h2>
|
2021-10-11 14:38:22 +00:00
|
|
|
<div class="details">
|
2021-10-21 14:16:11 +00:00
|
|
|
{{ film.data.date }}, {{ film.duration }}
|
2021-10-11 18:20:13 +00:00
|
|
|
</div>
|
2021-10-13 15:36:45 +00:00
|
|
|
<video src="{{ settings.TIMELINE_PREFIX }}{{ film.padma_id }}/loop.mp4" autoplay loop muted></video>
|
|
|
|
<p>{{ film.data.summary|safe }}</p>
|
2021-10-21 14:17:21 +00:00
|
|
|
<br>
|
2021-10-21 13:21:06 +00:00
|
|
|
<p>{{ film.data.summary_zh|safe }}</p>
|
2021-10-11 18:20:13 +00:00
|
|
|
<div class="bio">
|
|
|
|
<div class="en">
|
|
|
|
{{film.data.director.0}}: {{ film.data.bio|safe }}
|
|
|
|
</div>
|
|
|
|
<div class="zh">
|
|
|
|
{{film.data.director.1}}: {{ film.data.bio_zh|safe }}
|
|
|
|
</div>
|
2021-10-11 14:38:22 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<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 %}
|