vacancies.html 3.61 KB
Newer Older
1
2
{% extends 'base.html' %}
{% load i18n bleach_tags thumbnail partner_cards compress static %}
3

4
{% block title %}{% trans "Vacancies" %} — {% trans "Career" %} — {{ block.super }}{% endblock %}
5
{% block opengraph_title %}{% trans "Vacancies" %} — {% trans "Career" %} — {{ block.super }}{% endblock %}
6

7
{% block body %}
8
9
10
    <section class="page-section" id="partners-vacancies">
        <div class="container">
            <h1 class="text-center section-title">{% trans "Vacancies" %}</h1>
11
12

            <p class="text-center">
13
14
15
16
17
18
                {% blocktrans trimmed %}
                    If you want to work besides studying or when you are (almost) graduated you can look here for
                    interesting vacancies. When you want to post a vacancy on this page as a company you can contact us
                    at <a href="mailto:samenwerking@thalia.nu" target="_blank">samenwerking@thalia.nu</a>.
                {% endblocktrans %}
            </p>
19

20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
            <ul class="nav nav-tabs justify-content-center mt-4">
                <li class="nav-item">
                    <a class="nav-link" data-filter="all" href="#">
                        {% trans "Everything" %}
                    </a>
                </li>
                {% for category in categories %}
                    <li class="nav-item">
                        <a class="nav-link" data-filter=".category-{{ category.id }}" href="#">
                            {{ category.name }}
                        </a>
                    </li>
                {% endfor %}
            </ul>

            <div class="row">
                {% for vacancy in vacancies %}
37
                <div class="col-12 col-md-6 col-lg-4 my-3 mix {% for cat in vacancy.categories.all %}category-{{ cat.id }} {% endfor %}">
38
                    {% vacancy_card vacancy %}
39
                </div>
40
41
42
43
                {% endfor %}
            </div>
        </div>
    </section>
44

45
46
47
    {% if vacancies.all|length > 0 %}
        <section class="page-section" id="partners-partner-vacancies">
            <div class="container">
48
                <h1 class="text-center section-title">{% trans 'All vacancies' %}</h1>
49
                <div class="accordion bordered">
50
                    {% for vacancy in vacancies %}
51
52
53
54
                        <div class="card mb-0">
                            <div class="card-header collapsed" data-toggle="collapse"
                                 data-target="#vacancy-{{ vacancy.id }}">
                                <a href="#vacancy-{{ vacancy.id }}">{{ vacancy.get_company_name }} | {{ vacancy.title }}</a>
55
                            </div>
56
57
58
59
60
                            <div class="collapse" id="vacancy-{{ vacancy.id }}">
                                <div class="card-body">
                                    <p>{{ vacancy.description|bleach }}</p>
                                    {% if vacancy.link %}
                                        <a class="btn btn-primary" href="{{ vacancy.link }}" target="_blank">
61
62
63
64
65
66
67
                                            {% trans "Learn more" %}
                                        </a>
                                    {% endif %}
                                </div>
                            </div>
                        </div>
                    {% endfor %}
68
69
                </div>
            </div>
70
71
        </section>
    {% endif %}
72
{% endblock body %}
73
74
75
76
77
78
79
80

{% block js_body %}
    {{ block.super }}
    {% compress js %}
        <script type="text/javascript" src="{% static 'js/mixitup.min.js' %}"></script>
        <script type="text/javascript" src="{% static 'partners/js/main.js' %}"></script>
    {% endcompress %}
{% endblock %}