courses.html 2.88 KB
Newer Older
Jan's avatar
Jan committed
1
2
3
{% extends 'education/base.html' %}
{% load i18n %}

4
{% block title %}{% trans "Course overview" %} — {{ block.super }}{% endblock %}
Jan's avatar
Jan committed
5
6
7
8
9
10
11
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
57
58
59
60
61
62
63
64
65
66
67
68

{% block body %}
    <h1 class="main-title">{% trans "Course overview" %}</h1>
    <p class="text-center">
        {% blocktrans trimmed %}
        This overview contains all courses for which Thalia has exams, summaries or other documents. Select a course to find out more.<br/>
        Can't find a course? Let the <a href="mailto:educacie@thalia.nu">education committee</a> know.
        {% endblocktrans %}
    </p>

    <div class="portfolio gallery portfolio-isotope">

        <div class="portfolio-filter tabs-wrapper tabs-centered clearfix">
            <ul class="tabs">
                <li class="current">
                    <a href="#">
                        {% trans "all courses"|upper %}
                    </a>
                </li>
                {% for category in categories %}
                    <li data-filter="{{ category.name }}">
                        <a href="#">
                            {{ category.name|upper }}
                        </a>
                    </li>
                {% endfor %}
            </ul>
        </div>

        <ul class="portfolio-posts row isotope">

            {% for course in courses %}
                <li class="post span3 has-overlay isotope-item"
                    data-filter="{% for category in course.categories.all %}{{ category.name }}{% if not forloop.last %},{% endif %}{% endfor %}">
                    <a href="{{ course.get_absolute_url }}">
                        <span class="post-inner">
                            <span class="post-header">
                                <div class="course-name-depiction-box">
                                    <p class="course-name-shorthand-box course-name-shorthand-title">
                                        {{ course.shorthand }}
                                    </p>
                                </div>
                            </span>
                            <span class="post-body">
                                <h2>{{ course.name }}</h2>
                            </span>
                            <span class="post-overlay">
                                <span class="post-overlay-meta course-overlay">
                                    <h2>{{ course.name }}</h2>
                                        <p class="course-cat">
                                            {% for category in course.categories.all %}
                                                {{ category.name }}{% if not forloop.last %},{% endif %}
                                            {% endfor %}
                                        </p>
                                </span>
                            </span>
                        </span>
                    </a>
                </li>
            {% endfor %}
        </ul>

    </div>
{% endblock %}