colors, width

This commit is contained in:
j 2021-10-11 10:43:07 +01:00
parent 5e4d2330e8
commit c40001daeb
2 changed files with 19 additions and 2 deletions

View file

@ -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;

View file

@ -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>