Merge branch 'sort-films' of git.0x2620.org:0x2620/aab21 into sort-films

This commit is contained in:
Sanjay B 2021-10-28 22:01:14 +05:30
commit 220a34620f
2 changed files with 19 additions and 12 deletions

View file

@ -6,8 +6,15 @@
color: #ee0;
text-decoration: none;
}
select {
font-size: 18px;
font-family: "noto_sans", sans-serif;
padding: calc(var(--spacing) /4) var(--spacing);
}
.film {
margin-bottom: var(--spacing-2);
margin-top: var(--spacing-2);
h1 {
font-weight: bold;
font-size: 20px;

4
app/templates/films.html Normal file → Executable file
View file

@ -2,8 +2,9 @@
{% block body_class%}animated animated-text{% endblock %}
{% block main %}
<div class="films" id="films">
<div>
Sort:
<strong>Sort:</strong>
<select id="sort-select">
<option value="position" selected>Default</option>
<option value="title">Title</option>
@ -13,7 +14,6 @@
<option value="lightness">Lightness</option>
</select>
</div>
<div class="films" id="films">
{% for film in films %}
<div class="film"
data-position="{{ film.position }}"