0x2620/phantasma
2
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

towards njp.ma

Browse source
This commit is contained in:
j 2021-11-12 10:21:00 +00:00
commit b24ba91bfc
23 changed files with 167 additions and 524 deletions
Download patch file Download diff file Expand all files Collapse all files

50
app/templates/film.html Executable file → Normal file
View file

@ -1,25 +1,22 @@
{% extends "base.html" %}
{% block head %}
<meta name="title" content="{{ film.data.title }} {{ film.data.tile.zh }}"/>
<meta name="title" content="{{ film.data.title }}"/>
<meta name="description" content="{% for director in film.data.director %}{{ director|safe }}{% endfor %}"/>
<meta content="{{ stream_prefix }}{{ film.padma_id }}/loop.jpg" name="thumbnail"/>
<meta content="{{ stream_prefix }}{{ film.padma_id }}/loop.jpg" name="image_src"/>
<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:image" content="{{ stream_prefix }}{{ film.padma_id }}/loop.jpg"/>
<meta property="og:site_name" content="Phantas.ma"/>
<meta property="og:description" content="{% for director in film.data.director %}{{ director|safe }}{% endfor %}"/>
<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 %}"/>
<meta property="twitter:image" content="{{ stream_prefix }}{{ film.padma_id }}/loop.jpg"/>
{% endblock head %}
{% block body_class%}animated{% endblock %}
{% block main %}
{% comment %}
<style>
:root {
--bg-color-1: {{ film.color_1 }};
@ -34,29 +31,24 @@ body {
</style>
{% endcomment %}
<div class="film">
<div class="info">
<div class="info-meta">
<h1>
<span class="font-bold">{{ 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>
<div class="details">
{% if film.data.date %} {{ film.data.date}}, {% endif %} {{ film.duration }}
{{ film.data.description|default:'' }}
</div>
</div>
<div class="video-block">
<img src="{{ stream_prefix }}{{ film.padma_id }}/loop.jpg" class="video-fallback-block">
<img src="{{ stream_prefix }}{{ film.items.0.id }}/loop.jpg" class="video-fallback-block">
<video
id="timeline-video"
src="{{ stream_prefix }}{{ film.padma_id }}/loop.mp4"
poster="{{ stream_prefix }}{{ film.padma_id }}/loop.jpg"
src="{{ stream_prefix }}{{ film.items.0.id }}/loop.mp4"
poster="{{ stream_prefix }}{{ film.items.0.id }}/loop.jpg"
controlsList="nodownload"
autoplay
loop
@ -69,26 +61,26 @@ body {
<br>
<p>{{ film.data.summary_zh|safe }}</p>
</div>
<div class="bio-block">
<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>
<div class="videos">
{% for item in film.data.items %}
<div class="video">
<a href="fixme">
<figure>
<img src="https://archive.njp.ma/{{ item.id }}/480p.jpg">
<figcaption>
{{ item.title | safe }}
</figcaption>
</figure>
</a>
</div>
{% endfor %}
</div>
<div class="play">
<div class="film-play-block">
<div><a href="" id="play-fullscreen" class="icon-play"><span class="animated-title"><span class="text">&#xe901;</span></span></a></div>
<div class="film-play-spacer">OR</div>
<div class="film-play-padma"><a href="https://pad.ma/{{ film.padma_id }}/info" target="_blank">View on Pad.ma</a></div>
</div>
<div class="film-play-padma"><a href="{{ film.pandora_url }}" target="_blank">Open in Archive</a></div>
</div>
{% if film.related_texts.exists %}
<div class="texts">
<h2>Related Assemblies 相關選集</h2>
<h2>Related Assemblies</h2>
{% for text in film.related_texts %}
<div class="text">
<a href="{{ text.get_absolute_url }}">