colors, width
This commit is contained in:
parent
5e4d2330e8
commit
c40001daeb
2 changed files with 19 additions and 2 deletions
|
@ -3,6 +3,11 @@
|
||||||
.films {
|
.films {
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
margin: 8px;
|
margin: 8px;
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: #ee0;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
.film {
|
.film {
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
margin-bottom: 16px;
|
margin-bottom: 16px;
|
||||||
|
@ -37,9 +42,19 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.film {
|
main > .film {
|
||||||
|
max-width: 1080px;
|
||||||
|
margin: auto;
|
||||||
.info {
|
.info {
|
||||||
margin: 8px;
|
margin: 8px;
|
||||||
|
margin-bottom: 32px;
|
||||||
|
h1 {
|
||||||
|
font-size: 24px;
|
||||||
|
margin: 24px 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
video {
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
.play {
|
.play {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
|
@ -4,14 +4,16 @@
|
||||||
<div class="film">
|
<div class="film">
|
||||||
<div class="info">
|
<div class="info">
|
||||||
<h1>{{ film.data.title | safe }}</h1>
|
<h1>{{ film.data.title | safe }}</h1>
|
||||||
|
{% comment %}
|
||||||
<h2>{{ film.data.director|join:", "|safe }}</h2>
|
<h2>{{ film.data.director|join:", "|safe }}</h2>
|
||||||
|
{% endcomment %}
|
||||||
<p>{{ film.data.summary|safe }}</p>
|
<p>{{ film.data.summary|safe }}</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<video src="{{ settings.TIMELINE_PREFIX }}{{ film.padma_id }}/loop.mp4" autoplay loop muted></video>
|
<video src="{{ settings.TIMELINE_PREFIX }}{{ film.padma_id }}/loop.mp4" autoplay loop muted></video>
|
||||||
<div class="play">
|
<div class="play">
|
||||||
<div>
|
<div>
|
||||||
<a href="" id="play-fullscreen">Watch Fullscreen</a>
|
<a href="" id="play-fullscreen">Play</a>
|
||||||
</div>
|
</div>
|
||||||
{% for text in film.related_texts %}
|
{% for text in film.related_texts %}
|
||||||
<div>
|
<div>
|
||||||
|
|
Loading…
Reference in a new issue