2021-09-28 13:10:22 +00:00
|
|
|
{% extends "base.html" %}
|
2021-10-30 15:38:11 +00:00
|
|
|
{% block head %}
|
2021-11-12 10:21:00 +00:00
|
|
|
<meta name="title" content="{{ film.data.title }}"/>
|
2021-10-30 15:38:11 +00:00
|
|
|
<meta name="description" content="{% for director in film.data.director %}{{ director|safe }}{% endfor %}"/>
|
2021-10-30 16:02:56 +00:00
|
|
|
|
2021-10-30 15:38:11 +00:00
|
|
|
<meta property="og:title" content="{{ film.data.title }} {{ film.data.tile.zh }}"/>
|
|
|
|
<meta property="og:type" content="movie"/>
|
|
|
|
<meta property="og:url" content="https://phantas.ma{{ film.get_absolute_url }}"/>
|
|
|
|
<meta property="og:site_name" content="Phantas.ma"/>
|
|
|
|
<meta property="og:description" content="{% for director in film.data.director %}{{ director|safe }}{% endfor %}"/>
|
2021-10-30 16:02:56 +00:00
|
|
|
|
|
|
|
<meta property="twitter:card" content="summary_large_image"/>
|
|
|
|
<meta property="twitter:title" content="{{ film.data.title }} {{ film.data.tile.zh }}"/>
|
|
|
|
<meta property="twitter:description" content="{% for director in film.data.director %}{{ director|safe }}{% endfor %}"/>
|
|
|
|
|
2021-10-30 15:38:11 +00:00
|
|
|
{% endblock head %}
|
2021-10-21 15:24:26 +00:00
|
|
|
{% block body_class%}animated{% endblock %}
|
2021-09-28 13:10:22 +00:00
|
|
|
{% block main %}
|
2021-11-12 10:21:00 +00:00
|
|
|
{% comment %}
|
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
|
|
|
}
|
|
|
|
|
2021-10-16 09:15:46 +00:00
|
|
|
body {
|
|
|
|
background-attachment: fixed;
|
|
|
|
}
|
|
|
|
|
2021-10-13 15:35:47 +00:00
|
|
|
</style>
|
2021-09-28 13:10:22 +00:00
|
|
|
|
2021-11-12 10:21:00 +00:00
|
|
|
{% endcomment %}
|
2021-10-10 15:06:43 +00:00
|
|
|
<div class="film">
|
2021-10-11 14:38:22 +00:00
|
|
|
<div class="info">
|
2021-10-16 09:15:46 +00:00
|
|
|
<div class="info-meta">
|
|
|
|
<h1>
|
|
|
|
<span class="font-bold">{{ film.data.title | safe }}</span>
|
|
|
|
</h1>
|
|
|
|
<div class="details">
|
2021-11-12 10:21:00 +00:00
|
|
|
{{ film.data.description|default:'' }}
|
2021-10-22 05:11:04 +00:00
|
|
|
</div>
|
|
|
|
|
2021-10-16 09:15:46 +00:00
|
|
|
</div>
|
2021-11-21 09:10:59 +00:00
|
|
|
{% comment %}
|
2021-11-21 09:09:26 +00:00
|
|
|
<div class="video-block">
|
2021-11-12 10:21:00 +00:00
|
|
|
<img src="{{ stream_prefix }}{{ film.items.0.id }}/loop.jpg" class="video-fallback-block">
|
2021-10-26 13:04:08 +00:00
|
|
|
<video
|
|
|
|
id="timeline-video"
|
2021-11-12 10:21:00 +00:00
|
|
|
src="{{ stream_prefix }}{{ film.items.0.id }}/loop.mp4"
|
|
|
|
poster="{{ stream_prefix }}{{ film.items.0.id }}/loop.jpg"
|
2021-10-28 09:56:22 +00:00
|
|
|
controlsList="nodownload"
|
2021-10-26 13:04:08 +00:00
|
|
|
autoplay
|
|
|
|
loop
|
|
|
|
muted
|
|
|
|
playsinline>
|
2021-10-27 15:19:55 +00:00
|
|
|
</video>
|
2021-10-11 14:38:22 +00:00
|
|
|
</div>
|
2021-11-21 09:10:59 +00:00
|
|
|
{% endcomment %}
|
2021-10-22 11:46:00 +00:00
|
|
|
<div class="summary-block">
|
2021-10-16 09:15:46 +00:00
|
|
|
<p>{{ film.data.summary|safe }}</p>
|
2021-10-22 05:11:04 +00:00
|
|
|
<br>
|
|
|
|
<p>{{ film.data.summary_zh|safe }}</p>
|
2021-10-22 11:46:00 +00:00
|
|
|
</div>
|
2021-11-21 09:09:26 +00:00
|
|
|
<div class="items">
|
2021-11-12 10:21:00 +00:00
|
|
|
{% for item in film.data.items %}
|
2021-11-21 09:09:26 +00:00
|
|
|
<div class="item">
|
|
|
|
<a href="play/{{ item.id }}">
|
2021-11-12 10:21:00 +00:00
|
|
|
<figure>
|
|
|
|
<img src="https://archive.njp.ma/{{ item.id }}/480p.jpg">
|
|
|
|
<figcaption>
|
|
|
|
{{ item.title | safe }}
|
|
|
|
</figcaption>
|
|
|
|
</figure>
|
|
|
|
</a>
|
2021-10-16 09:15:46 +00:00
|
|
|
</div>
|
2021-11-12 10:21:00 +00:00
|
|
|
{% endfor %}
|
2021-10-11 14:38:22 +00:00
|
|
|
</div>
|
2021-10-22 11:46:00 +00:00
|
|
|
<div class="play">
|
2021-11-12 10:21:00 +00:00
|
|
|
<div class="film-play-padma"><a href="{{ film.pandora_url }}" target="_blank">Open in Archive</a></div>
|
2021-10-22 11:46:00 +00:00
|
|
|
</div>
|
2021-10-22 16:20:26 +00:00
|
|
|
{% if film.related_texts.exists %}
|
|
|
|
<div class="texts">
|
2021-11-12 10:21:00 +00:00
|
|
|
<h2>Related Assemblies</h2>
|
2021-10-22 16:20:26 +00:00
|
|
|
{% for text in film.related_texts %}
|
|
|
|
<div class="text">
|
|
|
|
<a href="{{ text.get_absolute_url }}">
|
|
|
|
{{ text.title | safe }}<br>
|
2021-10-26 11:26:52 +00:00
|
|
|
{{ text.byline | striptags }}
|
2021-10-22 16:20:26 +00:00
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
{% endfor %}
|
|
|
|
</div>
|
|
|
|
{% endif %}
|
2021-10-11 14:38:22 +00:00
|
|
|
</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-10-27 15:19:55 +00:00
|
|
|
film.prefix = "{{ stream_prefix }}";
|
2021-11-21 09:09:26 +00:00
|
|
|
var pandoraURL = "{{ pandora_url }}";
|
2021-09-30 17:30:36 +00:00
|
|
|
</script>
|
2021-11-21 09:09:26 +00:00
|
|
|
{% comment %}
|
2021-10-11 14:38:22 +00:00
|
|
|
<script src="{% static 'js/film.js' %}"></script>
|
2021-11-21 09:09:26 +00:00
|
|
|
{% endcomment %}
|
2021-09-28 13:10:22 +00:00
|
|
|
{% endblock %}
|