2021-09-28 13:10:22 +00:00
|
|
|
{% extends "base.html" %}
|
2021-10-22 12:01:38 +00:00
|
|
|
{% block body_class%}animated animated-text{% endblock %}
|
2021-09-28 13:10:22 +00:00
|
|
|
{% block main %}
|
2021-10-28 16:19:16 +00:00
|
|
|
|
|
|
|
<div>
|
|
|
|
Sort:
|
|
|
|
<select id="sort-select">
|
|
|
|
<option value="position" selected>Default</option>
|
|
|
|
<option value="title">Title</option>
|
|
|
|
<option value="duration">Duration</option>
|
|
|
|
<option value="hue">Hue</option>
|
|
|
|
<option value="saturation">Saturation</option>
|
|
|
|
<option value="lightness">Lightness</option>
|
|
|
|
</select>
|
|
|
|
</div>
|
|
|
|
<div class="films" id="films">
|
2021-09-28 13:10:22 +00:00
|
|
|
{% for film in films %}
|
2021-10-28 16:19:16 +00:00
|
|
|
<div class="film"
|
|
|
|
data-position="{{ film.position }}"
|
|
|
|
data-title="{{ film.data.title }}"
|
|
|
|
data-duration="{{ film.data.duration }}"
|
|
|
|
data-hue="{{ film.data.hue }}"
|
|
|
|
data-saturation="{{ film.data.saturation }}"
|
|
|
|
data-lightness="{{ film.data.lightness }}"
|
|
|
|
>
|
2021-10-11 18:03:23 +00:00
|
|
|
<h1><a href="{{ film.get_absolute_url }}">
|
2021-10-14 13:00:41 +00:00
|
|
|
<span>{{ film.data.title | safe }}</span>
|
|
|
|
<span>{{ film.data.title_zh | safe }}</span>
|
2021-10-11 18:03:23 +00:00
|
|
|
</a></h1>
|
2021-10-14 13:00:41 +00:00
|
|
|
<h2>
|
|
|
|
{% for director in film.data.director %}
|
|
|
|
<span>{{ director|safe }}</span>
|
|
|
|
{% endfor %}
|
|
|
|
</h2>
|
2021-09-30 18:33:47 +00:00
|
|
|
</div>
|
2021-09-28 13:10:22 +00:00
|
|
|
{% endfor %}
|
2021-09-30 18:33:47 +00:00
|
|
|
</div>
|
2021-09-28 13:10:22 +00:00
|
|
|
{% endblock %}
|
2021-10-28 16:19:16 +00:00
|
|
|
|
|
|
|
{% block end %}
|
|
|
|
<script src="{% static 'js/films.js' %}"></script>
|
|
|
|
{% endblock %}
|