partner.html 3.94 KB
Newer Older
1
{% extends "base.html" %}
2
{% load i18n bleach_tags google_map_url compress partner_cards static %}
Luuk Scholten's avatar
Luuk Scholten committed
3

4
{% block title %}{{ partner.name }} — {% trans "Partners" %} — {% trans "Career" %} — {{ block.super }}{% endblock %}
5
6
{% block opengraph_title %}{{ partner.name }} — {% trans "Partners" %} — {% trans "Career" %} —
    {{ block.super }}{% endblock %}
7

8
9
10
11
12
13
14
15
{% block header_image %}{% spaceless %}
    {% if partner.site_header %}
        {{ partner.site_header.url }}
    {% else %}
        {{ block.super }}
    {% endif %}
{% endspaceless %}{% endblock header_image %}

Luuk Scholten's avatar
Luuk Scholten committed
16
{% block body %}
17
18
19
    <section class="page-section" id="partners-index">
        <div class="container">
            <h1 class="text-center section-title">{{ partner.name }}</h1>
Luuk Scholten's avatar
Luuk Scholten committed
20

21
22
23
            <div class="row">
                <div class="col-12 col-md-4">
                    <img src="{{ partner.logo.url }}" alt="Logo {{ partner.name }}"/>
Luuk Scholten's avatar
Luuk Scholten committed
24

25
26
27
28
29
30
                    <h4 class="mt-4 text-center text-md-left">{% trans "Address" %}</h4>
                    <p class="text-center text-md-left">
                        {{ partner.address }}<br/>
                        {{ partner.zip_code }}<br/>
                        {{ partner.city }}
                    </p>
Luuk Scholten's avatar
Luuk Scholten committed
31

32
33
34
35
36
                    {% if partner.link %}
                        <h4 class="text-center text-md-left">{% trans "Website" %}</h4>
                        <p class="text-center text-md-left">
                            <a href="{{ partner.link }}" target="_blank">{{ partner.link }}</a>
                        </p>
Luuk Scholten's avatar
Luuk Scholten committed
37
38
                    {% endif %}

39
40
41
42
43
44
45
46
47
                    <p class="text-center">
                        {% with partner.address|add:" "|add:partner.zip_code|add:" "|add:partner.city|add:",The Netherlands"|urlize as location %}
                            <img src="{% google_map_url location zoom=10 size='400x300' %}"/>
                        {% endwith %}
                    </p>
                </div>
                <div class="col-12 col-md-8">
                    {{ partner.company_profile|bleach }}
                </div>
Luuk Scholten's avatar
Luuk Scholten committed
48
            </div>
49
50
51
52
53
54
55
56

            <div class="row">
                {% for obj in partner.images.all %}
                    <div class="col-4 col-md-3 my-3">
                        {% partner_image_card obj.image %}
                    </div>
                {% endfor %}
            </div>
Luuk Scholten's avatar
Luuk Scholten committed
57
        </div>
58
    </section>
Luuk Scholten's avatar
Luuk Scholten committed
59

60
    {% if vacancies.all|length > 0 %}
61
        <section class="page-section" id="partners-partner-vacancies">
62
            <div class="container">
63
                <h1 class="text-center section-title">{% trans 'Vacancies' %}</h1>
64
65
66
67
                <div class="accordion bordered">
                    {% for vacancy in vacancies %}
                        <div class="card mb-0">
                            <div class="card-header collapsed" data-toggle="collapse"
68
69
                                 data-target="#vacancy-{{ vacancy.id }}">
                                <a href="#vacancy-{{ vacancy.id }}">{{ vacancy.title }}</a>
70
                            </div>
71
                            <div class="collapse" id="vacancy-{{ vacancy.id }}">
72
                                <div class="card-body">
73
                                    <p>{{ vacancy.description|bleach }}</p>
74
                                    {% if vacancy.link %}
75
76
                                        <a class="btn btn-primary" href="{{ vacancy.link }}" target="_blank">
                                            {% trans "Learn more" %}
77
78
79
                                        </a>
                                    {% endif %}
                                </div>
80
81
82
                            </div>
                        </div>
                    {% endfor %}
83
                </div>
Luuk Scholten's avatar
Luuk Scholten committed
84
            </div>
85
        </section>
Luuk Scholten's avatar
Luuk Scholten committed
86
87
    {% endif %}
{% endblock body %}
88
89
90

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