featured item

This commit is contained in:
j 2021-11-22 13:59:43 +01:00
commit 2a24beb579
7 changed files with 89 additions and 10 deletions

View file

@ -38,9 +38,11 @@ body {
<h1>
<span class="font-bold">{{ film.data.title | safe }}</span>
</h1>
{% if film.data.date %}
<div class="date">
{{ film.data.date | safe }}
</div>
{% endif %}
<div class="country">
{{ film.data.country|default:''|join:', ' }}
</div>
@ -79,7 +81,8 @@ body {
<figure>
<img src="https://archive.njp.ma/{{ item.id }}/480p.jpg">
<figcaption>
{{ item.title | safe }} ({{item.date | safe }})
{{ item.title | safe }}
{% if item.date %}({{item.date | safe }}){% endif %}
</figcaption>
</figure>
</a>

View file

@ -37,7 +37,8 @@
<img src="https://archive.njp.ma/{{ film.data.items.0.id }}/timeline64p.jpg">
</figcaption>
<figcaption>
{{ film.data.title | safe }} ({{ film.data.date|safe}})
{{ film.data.title | safe }}
{% if film.data.date %}({{ film.data.date|safe}}){% endif %}
</figcaption>
</figure>
</a>

View file

@ -20,15 +20,33 @@
{% block body_class%}animated animated-text body--home{% endblock %}
{% block main %}
<div class="index">
<h1 class="h1-en-home">njp.ma</h1>
<p></p>
<div class="font-size-sm">
<div class="h3"><a href="{% url 'films'%}" class="font-bold">Videos</a></div>
{% if featured %}
<div class="video-block">
<img src="https://archive.njp.ma/{{ featured }}/timelineslitscan64pframe.jpg" class="video-fallback-block">
<video
id="timeline-video"
src="https://archive.njp.ma/{{ featured }}/timelineslitscan64p.mp4"
poster="https://archive.njp.ma/{{ featured }}/timelineslitscan64pframe.jpg"
controlsList="nodownload"
autoplay
loop
muted
playsinline>
</video>
</div>
{% endif %}
<div class="home">
<div class="box">
<h1 class="h1-en-home">njp.ma</h1>
<div class="font-size-sm">
<div class="h3"><a href="{% url 'films'%}" class="font-bold">Videos</a></div>
<div class="h3"><a href="{% url 'texts' %}" class="font-bold">Cuts</a></div>
<div class="h3"><a href="{% url 'about' %}" class="font-bold">About</a></div>
<div class="h3"><a href="{% url 'texts' %}" class="font-bold">Cuts</a></div>
</div>
<div class="font-size-sm">
<div class="h3"><a href="{% url 'about' %}" class="font-bold">About</a></div>
</div>
</div>
</div>
</div>
{% endblock %}