put related assembiles below
This commit is contained in:
parent
3dbd3962c8
commit
bb233d7072
2 changed files with 22 additions and 17 deletions
|
@ -66,13 +66,15 @@ main > .film {
|
||||||
margin-bottom: var(--spacing-2);
|
margin-bottom: var(--spacing-2);
|
||||||
max-width: 250px;
|
max-width: 250px;
|
||||||
|
|
||||||
.texts {
|
}
|
||||||
padding-top: var(--spacing-2);
|
.texts {
|
||||||
.text {
|
margin-top: var(--spacing-2);
|
||||||
padding-bottom: var(--spacing-2);
|
margin-bottom: var(--spacing-2);
|
||||||
}
|
.text {
|
||||||
|
padding-bottom: var(--spacing-2);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 799px) {
|
@media screen and (max-width: 799px) {
|
||||||
h1 {
|
h1 {
|
||||||
span {
|
span {
|
||||||
|
@ -95,7 +97,7 @@ main > .film {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.info-meta, .bio-block, .play, .summary-block {
|
.info-meta, .bio-block, .play, .summary-block, .texts {
|
||||||
background: rgba(0, 0, 0, 0.55);
|
background: rgba(0, 0, 0, 0.55);
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.6);
|
box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.6);
|
||||||
|
@ -166,4 +168,4 @@ main > .film {
|
||||||
margin-top: 4px;
|
margin-top: 4px;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
}
|
}
|
||||||
|
|
|
@ -51,22 +51,25 @@ body {
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="play">
|
<div class="play">
|
||||||
<div class="texts">
|
|
||||||
{% for text in film.related_texts %}
|
|
||||||
<div class="text">
|
|
||||||
<a href="{{ text.get_absolute_url }}">
|
|
||||||
{{ text.title | safe }}<br>
|
|
||||||
{{ text.byline | safe }}
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
{% endfor %}
|
|
||||||
</div>
|
|
||||||
<div class="film-play-block">
|
<div class="film-play-block">
|
||||||
<div><a href="" id="play-fullscreen" class="icon-play"><span>▶</span></a></div>
|
<div><a href="" id="play-fullscreen" class="icon-play"><span>▶</span></a></div>
|
||||||
<div class="film-play-spacer">OR</div>
|
<div class="film-play-spacer">OR</div>
|
||||||
<div><a href="https://pad.ma/{{ film.padma_id }}/info" target="_blank">watch on pad.ma</a></div>
|
<div><a href="https://pad.ma/{{ film.padma_id }}/info" target="_blank">watch on pad.ma</a></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
{% if film.related_texts.exists %}
|
||||||
|
<div class="texts">
|
||||||
|
<h2>related assemblies</h2>
|
||||||
|
{% for text in film.related_texts %}
|
||||||
|
<div class="text">
|
||||||
|
<a href="{{ text.get_absolute_url }}">
|
||||||
|
{{ text.title | safe }}<br>
|
||||||
|
{{ text.byline | safe }}
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
Loading…
Reference in a new issue