towards njp.ma

app/templates/films.html

@@ -26,15 +26,18 @@
 			data-saturation="{{ film.data.saturation }}"
 			data-lightness="{{ film.data.lightness }}"
 		>
-			<h1><a href="{{ film.get_absolute_url }}">
-				<span>{{ film.data.title | safe }}</span>
-				<span>{{ film.data.title_zh | safe }}</span>
-			</a></h1>
-			<h2>
-				{% for director in film.data.director %}
-				<span>{{ director|safe }}</span>
-				{% endfor %}
-			</h2>
+		<a href="{{ film.get_absolute_url }}">
+		<figure>
+			<div>
+		{% for item in film.data.items %}
+			<img src="https://archive.njp.ma/{{ item.id }}/480p.jpg">
+		{% endfor %}
+			</div>
+		<figcaption>
+			{{ film.data.title | safe }}
+		</figcaption>
+		</figure>
+		</a>
 		</div>
 	{% endfor %}
 	</div>
@@ -42,5 +45,5 @@
 {% endblock %}
 
 {% block end %}
-	<!-- <script src="{% static 'js/films.js' %}"></script> -->
-{% endblock %}
+	<script src="{% static 'js/films.js' %}"></script>
+{% endblock %}