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

bad CSS demo for timeline

Browse source
This commit is contained in:
imohkay 2021-10-16 14:45:46 +05:30
commit 226cbb031d
4 changed files with 88 additions and 31 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -8,32 +8,42 @@
--bg-color-4: {{ film.color_4 }};
}
body {
background-attachment: fixed;
}
</style>
<div class="film">
<div class="info">
<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>
<div class="details">
Year: {{ film.data.date}}, Runtime: {{ film.duration }}
</div>
<video src="{{ settings.TIMELINE_PREFIX }}{{ film.padma_id }}/loop.mp4" autoplay loop muted></video>
<p>{{ film.data.summary|safe }}</p>
<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 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">
Year: {{ film.data.date}}, Runtime: {{ film.duration }}
</div>
</div>
<div class="video-block">
<video src="{{ settings.TIMELINE_PREFIX }}{{ film.padma_id }}/loop.mp4" autoplay loop muted></video>
</div>
<div class="bio-block">
<p>{{ film.data.summary|safe }}</p>
<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>
</div>
</div>
<div class="play">
<div>