index.html 2.75 KB
Newer Older
1
2
{% extends 'base.html' %}
{% load i18n static compress thabloid_cards %}
Joost Rijneveld's avatar
Joost Rijneveld committed
3

4
{% block title %}{% trans "Thabloid" %} — {{ block.super }}{% endblock %}
5
6
{% block opengraph_title %}{% trans "Thabloid" %} —
    {{ block.super }}{% endblock %}
7

Joost Rijneveld's avatar
Joost Rijneveld committed
8
{% block body %}
9
10
11
    <section class="page-section" id="thabloid-index">
        <div class="container">
            <h1 class="text-center section-title">{% trans "Thabloid" %}</h1>
12

13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
            <ul class="nav nav-tabs justify-content-center mt-4">
                <li class="nav-item">
                    <a class="nav-link"
                       href="#all"
                       data-filter="all">
                        {% trans "All Thabloids" %}
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link"
                       href="#year-{{ year }}"
                       data-filter=".year-{{ year }}">
                        {{ year }}-{{ year|add:1 }}
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link"
                       href="#year-{{ year|add:-1 }}"
                       data-filter=".year-{{ year|add:-1 }}">
                        {{ year|add:-1 }}-{{ year }}
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link"
                       href="#year-{{ year|add:-2 }}"
                       data-filter=".year-{{ year|add:-2 }}">
                        {{ year|add:-2 }}-{{ year|add:-1 }}
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link"
                       href="#year-{{ year|add:-3 }}"
                       data-filter=".year-{{ year|add:-3 }}">
                        {{ year|add:-3 }}-{{ year|add:-2 }}
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link"
                       href="#year-older"
                       data-filter=".year-older">
                        {% trans "Older" %}
                    </a>
                </li>
            </ul>
Joost Rijneveld's avatar
Joost Rijneveld committed
57

58
59
60
61
            <div class="row">
                {% for thabloid in thabloids %}
                    <div class="col-6 col-md-3 my-3">
                        {% thabloid_card year thabloid %}
Joost Rijneveld's avatar
Joost Rijneveld committed
62
                    </div>
63
                {% endfor %}
Joost Rijneveld's avatar
Joost Rijneveld committed
64
            </div>
65
66
        </div>
    </section>
Joost Rijneveld's avatar
Joost Rijneveld committed
67
{% endblock %}
68

69
70
71
72
73
74
75
76
{% block js_body %}
    {{ block.super }}
    {% compress js %}
        <script type="text/javascript"
                src="{% static 'js/mixitup.min.js' %}"></script>
        <script type="text/javascript"
                src="{% static 'thabloid/js/main.js' %}"></script>
    {% endcompress %}
77
{% endblock %}