Merge branch 'sort-films' of git.0x2620.org:0x2620/aab21 into sort-films
This commit is contained in:
commit
220a34620f
2 changed files with 19 additions and 12 deletions
|
@ -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;
|
||||
|
|
22
app/templates/films.html
Normal file → Executable file
22
app/templates/films.html
Normal file → Executable file
|
@ -2,18 +2,18 @@
|
|||
{% block body_class%}animated animated-text{% endblock %}
|
||||
{% block main %}
|
||||
|
||||
<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">
|
||||
<div>
|
||||
<strong>Sort:</strong>
|
||||
<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>
|
||||
{% for film in films %}
|
||||
<div class="film"
|
||||
data-position="{{ film.position }}"
|
||||
|
|
Loading…
Reference in a new issue