Skip to content

GitLab

Switch branch/tag
Find file Normal viewHistoryPermalink
base.html 8.73 KB
Newer Older
Milan van Stiphout's avatar
Randomizes banner used to cheer up the website.    
Milan van Stiphout committed
1 
{% load i18n static menu compress pick_header_image %}
Thom Wiggers's avatar
Introduce language switcher    
Thom Wiggers committed
2 
{% get_current_language as LANGUAGE_CODE %}
Luuk Scholten's avatar
Add rough version of template    
Luuk Scholten committed
3 
<!DOCTYPE html>
Sébastiaan Versteeg's avatar
Set html language code based on current session    
Sébastiaan Versteeg committed
4 
<html lang="{{ LANGUAGE_CODE }}">
Luuk Scholten's avatar
Add rough version of template    
Luuk Scholten committed
5 
<head>
Sébastiaan Versteeg's avatar
Introduce new base template and design    
Sébastiaan Versteeg committed
6
7
8 
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
Sébastiaan Versteeg's avatar
Change language switcher to use form in base.html    
Sébastiaan Versteeg committed
9
10 
    <title>{% block title %}
        {% trans "Study Association Thalia" %}{% endblock %}</title>
Sébastiaan Versteeg's avatar
Introduce new base template and design    
Sébastiaan Versteeg committed
11
Sébastiaan Versteeg's avatar
Change language switcher to use form in base.html    
Sébastiaan Versteeg committed
12
13 
    <meta name="viewport"
          content="width=device-width, initial-scale=1, maximum-scale=1">
Sébastiaan Versteeg's avatar
Introduce new base template and design    
Sébastiaan Versteeg committed
14 
    <meta name="theme-color" content="#E62272"/>
Sébastiaan Versteeg's avatar
Add grey icon for concrexit if running in debug mode    
Sébastiaan Versteeg committed
15
16
17
18
19 
    {% if debug %}
        <link rel="icon" href="{% static "img/browser/icon-debug.png" %}">
    {% else %}
        <link rel="icon" href="{% static "img/browser/icon.png" %}">
    {% endif %}
Sébastiaan Versteeg's avatar
Introduce new base template and design    
Sébastiaan Versteeg committed
20 
    <link rel="apple-touch-icon" href="{% static "img/browser/icon.png" %}">
Sébastiaan Versteeg's avatar
Change language switcher to use form in base.html    
Sébastiaan Versteeg committed
21
22
23
24
25
26
27
28 
    <meta name="msapplication-square70x70logo"
          content="{% static "img/browser/icon-smalltile.png" %}">
    <meta name="msapplication-square150x150logo"
          content="{% static "img/browser/icon-mediumtile.png" %}">
    <meta name="msapplication-wide310x150logo"
          content="{% static "img/browser/icon-widetile.png" %}">
    <meta name="msapplication-square310x310logo"
          content="{% static "img/browser/icon-largetile.png" %}">
Sébastiaan Versteeg's avatar
Introduce new base template and design    
Sébastiaan Versteeg committed
29
30
31
32
33 

    <meta property="og:image"
          content="{% if request.is_secure %}https://{% else %}http://{% endif %}{{ request.get_host }}{% static "img/browser/icon-largetile.png" %}"/>
    <meta property="og:type" content="website"/>
    <meta property="og:title"
Sébastiaan Versteeg's avatar
Add grey icon for concrexit if running in debug mode    
Sébastiaan Versteeg committed
34 
          content="{% block opengraph_title %}{% trans 'Study Association Thalia' %}{% endblock %}"/>
Sébastiaan Versteeg's avatar
Introduce new base template and design    
Sébastiaan Versteeg committed
35
36
37
38 
    {% block opengraph %}{% endblock %}

    {% block css_head %}
        {% compress css %}
Sébastiaan Versteeg's avatar
Change language switcher to use form in base.html    
Sébastiaan Versteeg committed
39
40 
            <link href="{% static "css/main.scss" %}" rel="stylesheet"
                  type="text/x-scss">
Sébastiaan Versteeg's avatar
Add dark mode styling    
Sébastiaan Versteeg committed
41
42 
            <link href="{% static "css/main-dark.scss" %}" rel="stylesheet" media="(prefers-color-scheme: dark)"
                  type="text/x-scss">
Sébastiaan Versteeg's avatar
Introduce new base template and design    
Sébastiaan Versteeg committed
43
44 
        {% endcompress %}
    {% endblock %}
Sébastiaan Versteeg's avatar
Add build commit to HTML    
Sébastiaan Versteeg committed
45
Sébastiaan Versteeg's avatar
Introduce new base template and design    
Sébastiaan Versteeg committed
46
47 
    {% block js_head %}
    {% endblock %}
Luuk Scholten's avatar
Add rough version of template    
Luuk Scholten committed
48
Sébastiaan Versteeg's avatar
Introduce new base template and design    
Sébastiaan Versteeg committed
49
50 
    <!-- build commit: {{ SOURCE_COMMIT }} -->
</head>
Sébastiaan Versteeg's avatar
Fix header size too large on smaller screen laptops    
Sébastiaan Versteeg committed
51 
<body class="{% block body_class %}{% endblock %}">
Luuk Scholten's avatar
Add rough version of template    
Luuk Scholten committed
52
Sébastiaan Versteeg's avatar
Introduce new base template and design    
Sébastiaan Versteeg committed
53
54 
<section id="announcements-alerts">
    {% if request.member and request.member.current_membership is None %}
Sébastiaan Versteeg's avatar
Show static announcement when authenticated user does not have an active membership    
Sébastiaan Versteeg committed
55 
        <div class="announcement">
Sébastiaan Versteeg's avatar
Introduce new base template and design    
Sébastiaan Versteeg committed
56 
            <i class="fas fa-id-card"></i>
Sébastiaan Versteeg's avatar
Fix some styling for new template    
Sébastiaan Versteeg committed
57
58
59
60
61 
            <p>
                <a href="{% url 'registrations:renew' %}">
                    {% trans "You're currently not a member of Thalia. Renew your membership to get access to all parts of the website." %}
                </a>
            </p>
Sébastiaan Versteeg's avatar
Show static announcement when authenticated user does not have an active membership    
Sébastiaan Versteeg committed
62 
        </div>
Sébastiaan Versteeg's avatar
Fix events blacklist announcement if-statement    
Sébastiaan Versteeg committed
63 
    {% elif request.member.profile.event_permissions != "all" %}
Marthijn van den Nieuwenhuizen's avatar
Added a banner for members who are banned from certain or all events.    
Marthijn van den Nieuwenhuizen committed
64
65
66
67
68
69
70
71 
        <div class="announcement">
            <p>
                {% blocktrans trimmed %}
                You're currently not allowed to go to certain events. Please contact Thalia's
                <a href="mailto:treasurer@thalia.nu">treasurer</a> for more information.
                {% endblocktrans %}
            </p>
        </div>
Sébastiaan Versteeg's avatar
Introduce new base template and design    
Sébastiaan Versteeg committed
72
73
74
75 
    {% endif %}
    {% include "announcements/announcement.html" with announcements=announcements %}
</section>
Sébastiaan Versteeg's avatar
Improve usability of header on mobile devices    
Sébastiaan Versteeg committed
76 
<div id="accentbar"></div>
Sébastiaan Versteeg's avatar
Introduce new base template and design    
Sébastiaan Versteeg committed
77
Sébastiaan Versteeg's avatar
Improve usability of header on mobile devices    
Sébastiaan Versteeg committed
78 
<nav class="navbar navbar-expand-lg">
Sébastiaan Versteeg's avatar
Introduce new base template and design    
Sébastiaan Versteeg committed
79
80 
    <div class="container">
        <a class="navbar-brand" href="{% url 'index' %}">
Sébastiaan Versteeg's avatar
Add dark mode styling    
Sébastiaan Versteeg committed
81
82
83
84
85
86
87
88
89
90 
            <picture>
                <source srcset="{% static 'img/logo-'|add:LANGUAGE_CODE|add:'-dark.svg' %}" media="(prefers-color-scheme: dark)">
                <source srcset="{% static 'img/logo-'|add:LANGUAGE_CODE|add:'.svg' %}" media="(prefers-color-scheme: light)">
                <img
                    src="{% static 'img/logo-'|add:LANGUAGE_CODE|add:'.svg' %}"
                    id="logo"
                    alt="{% trans 'Study Association Thalia' %}"
                    height="220px"
                >
            </picture>
Sébastiaan Versteeg's avatar
Introduce new base template and design    
Sébastiaan Versteeg committed
91
92
93 
        </a>
        <div class="flex-grow-1"></div>
        <div class="navbar-user order-1 d-flex">
Marthijn van den Nieuwenhuizen's avatar
Added a banner for members who are banned from certain or all events.    
Marthijn van den Nieuwenhuizen committed
94
95 
            <a href="#lang"
               class="btn btn-link"
Joren Vrancken's avatar
Replace non-existent redirect_to with request.get_full_path_info    
Joren Vrancken committed
96
97
98
99
100
101
102 
               id="language-switcher">
                {% if LANGUAGE_CODE == 'nl' %}
                    <img src="{% static 'img/flags/en.svg' %}"/>
                {% else %}
                    <img src="{% static 'img/flags/nl.svg' %}"/>
                {% endif %}
            </a>
Sébastiaan Versteeg's avatar
Introduce new base template and design    
Sébastiaan Versteeg committed
103
104 
            <div class="btn-group">
                {% if not user.is_authenticated %}
Sébastiaan Versteeg's avatar
Change language switcher to use form in base.html    
Sébastiaan Versteeg committed
105
106 
                    <a href="{% url 'login' %}" class="btn btn-primary"><i
                        class="fas fa-user"></i></a>
Sébastiaan Versteeg's avatar
Introduce new base template and design    
Sébastiaan Versteeg committed
107 
                {% else %}
Sébastiaan Versteeg's avatar
Make changes to members module    
Sébastiaan Versteeg committed
108 
                    <a href="{% url 'members:user' %}" class="btn btn-primary"><i
Sébastiaan Versteeg's avatar
Change language switcher to use form in base.html    
Sébastiaan Versteeg committed
109
110
111
112
113 
                        class="fas fa-user"></i></a>
                    <button type="button"
                            class="btn btn-primary dropdown-toggle dropdown-toggle-split"
                            data-toggle="dropdown" aria-haspopup="true"
                            aria-expanded="false"></button>
Sébastiaan Versteeg's avatar
Introduce new base template and design    
Sébastiaan Versteeg committed
114
115
116
117
118
119 
                    <div class="dropdown-menu">
                        <a class="dropdown-item"
                           href="{% url 'members:edit-profile' %}">{% trans "edit profile"|capfirst %}</a>
                        <a class="dropdown-item"
                           href="{% url 'password_change' %}">{% trans "change password"|capfirst %}</a>
                        <div class="dropdown-divider"></div>
Sébastiaan Versteeg's avatar
Change language switcher to use form in base.html    
Sébastiaan Versteeg committed
120
121
122
123 
                        <a class="dropdown-item"
                           href="{% url 'admin:index' %}">{% trans "Site administration" %}</a>
                        <a class="dropdown-item"
                           href="{% url 'logout' %}">{% trans "Log Out" %}</a>
Sébastiaan Versteeg's avatar
Introduce new base template and design    
Sébastiaan Versteeg committed
124 
                    </div>
Luuk Scholten's avatar
Showcase two sponsors in header, in a randomly ordered list    
Luuk Scholten committed
125 
                {% endif %}
Luuk Scholten's avatar
Add rough version of template    
Luuk Scholten committed
126 
            </div>
Sébastiaan Versteeg's avatar
Introduce new base template and design    
Sébastiaan Versteeg committed
127 
        </div>
Sébastiaan Versteeg's avatar
Change language switcher to use form in base.html    
Sébastiaan Versteeg committed
128
129
130
131 
        <button class="navbar-toggler order-0 justify-content-end"
                type="button" data-toggle="collapse"
                data-target="#navbarCollapse" aria-controls="navbarCollapse"
                aria-expanded="false"
Sébastiaan Versteeg's avatar
Introduce new base template and design    
Sébastiaan Versteeg committed
132
133 
                aria-label="Toggle navigation"><i class="fa fa-bars"></i>
        </button>
Sébastiaan Versteeg's avatar
Change language switcher to use form in base.html    
Sébastiaan Versteeg committed
134
135
136 
        <div
            class="collapse navbar-collapse justify-content-end order-lg-0 order-2"
            id="navbarCollapse">
Luuk Scholten's avatar
Add menu outline with not yet implemented pages    
Luuk Scholten committed
137 
            {% render_main_menu %}
Luuk Scholten's avatar
Add rough version of template    
Luuk Scholten committed
138 
        </div>
Sébastiaan Versteeg's avatar
Introduce new base template and design    
Sébastiaan Versteeg committed
139
140
141
142
143 
    </div>
</nav>

<header id="page-header">
    {% block header_image_container %}
Sébastiaan Versteeg's avatar
Change language switcher to use form in base.html    
Sébastiaan Versteeg committed
144
145
146
147 
        <img src="

            {% block header_image %}{% pick_header_image %}{% endblock header_image %}"
             class="image"/>
Sébastiaan Versteeg's avatar
Introduce new base template and design    
Sébastiaan Versteeg committed
148
149 
    {% endblock header_image_container %}
</header>
Luuk Scholten's avatar
Add rough version of template    
Luuk Scholten committed
150
Sébastiaan Versteeg's avatar
Introduce new base template and design    
Sébastiaan Versteeg committed
151 
{% block pre-body %}{% endblock pre-body %}
Luuk Scholten's avatar
Add rough version of template    
Luuk Scholten committed
152
Sébastiaan Versteeg's avatar
Introduce new base template and design    
Sébastiaan Versteeg committed
153
154
155
156
157
158
159 
<div id="page-content" class="clearfix">
    {% block body %}{% endblock body %}
</div>

{% block post-body %}{% endblock post-body %}

<footer>
Sébastiaan Versteeg's avatar
Change language switcher to use form in base.html    
Sébastiaan Versteeg committed
160
161 
    <div
        class="container d-flex justify-content-md-between align-items-center flex-md-row flex-column">
Sébastiaan Versteeg's avatar
Introduce new base template and design    
Sébastiaan Versteeg committed
162
163
164 
        <div class="copyright">
            <strong>Copyright {% now "Y" %} {% trans 'Study Association Thalia' %}</strong>
            <span class="divider">&#9679;</span>
Sébastiaan Versteeg's avatar
Revisit url schemes    
Sébastiaan Versteeg committed
165 
            <a href="{% url 'singlepages:privacy-policy' %}">{% trans "privacy policy"|capfirst %}</a>
Luuk Scholten's avatar
Add rough version of template    
Luuk Scholten committed
166 
        </div>
Sébastiaan Versteeg's avatar
Introduce new base template and design    
Sébastiaan Versteeg committed
167 
        <div class="social float-right">
Sébastiaan Versteeg's avatar
Add rel=noopener where target=_blank    
Sébastiaan Versteeg committed
168
169
170
171
172
173
174
175
176
177
178
179 
            <a target="_blank" rel="noopener" href="https://www.facebook.com/svThalia">
                <i class="fab fa-facebook"></i>
            </a>
            <a target="_blank" rel="noopener" href="https://twitter.com/svThalia">
                <i class="fab fa-twitter"></i>
            </a>
            <a target="_blank" rel="noopener" href="http://www.linkedin.com/groups?gid=54887">
                <i class="fab fa-linkedin"></i>
            </a>
            <a target="_blank" rel="noopener" href="https://gitlab.science.ru.nl/thalia/">
                <i class="fab fa-gitlab"></i>
            </a>
Luuk Scholten's avatar
Add rough version of template    
Luuk Scholten committed
180
181 
        </div>
    </div>
Sébastiaan Versteeg's avatar
Introduce new base template and design    
Sébastiaan Versteeg committed
182
183 
</footer>
Sébastiaan Versteeg's avatar
Change language switcher to use form in base.html    
Sébastiaan Versteeg committed
184
185
186 
<form method="post" action="{% url 'set_language' %}" class="d-none"
      id="change-language-form">
    {% csrf_token %}
Joren Vrancken's avatar
Replace non-existent redirect_to with request.get_full_path_info    
Joren Vrancken committed
187 
    <input type="hidden" value="{{ request.get_full_path }}" name="next"/>
Sébastiaan Versteeg's avatar
Change language switcher to use form in base.html    
Sébastiaan Versteeg committed
188
189
190
191
192 
    <input type="hidden"
           value="{% if LANGUAGE_CODE == 'nl' %}en{% else %}nl{% endif %}"
           name="language"/>
</form>
Sébastiaan Versteeg's avatar
Introduce new base template and design    
Sébastiaan Versteeg committed
193 
{% block js_body %}
Sébastiaan Versteeg's avatar
Change language switcher to use form in base.html    
Sébastiaan Versteeg committed
194
195 
    <script type="text/javascript"
            src="{% url 'javascript-catalog' %}"></script>
Sébastiaan Versteeg's avatar
Introduce new base template and design    
Sébastiaan Versteeg committed
196 
    {% compress js %}
Sébastiaan Versteeg's avatar
Change language switcher to use form in base.html    
Sébastiaan Versteeg committed
197
198
199
200
201
202
203 
        <script type="text/javascript"
                src="{% static "js/jquery.min.js" %}"></script>
        <script type="text/javascript"
                src="{% static "js/js.cookie.min.js" %}"></script>
        <script type="text/javascript"
                src="{% static "js/bootstrap.bundle.min.js" %}"></script>
        <script type="text/javascript"
Sébastiaan Versteeg's avatar
Update Fancybox to version 3    
Sébastiaan Versteeg committed
204 
                src="{% static "js/jquery.fancybox.min.js" %}"></script>
Sébastiaan Versteeg's avatar
Change language switcher to use form in base.html    
Sébastiaan Versteeg committed
205
206
207
208 
        <script type="text/javascript"
                src="{% static "js/main.js" %}"></script>
        <script type="text/javascript"
                src="{% static "announcements/js/announcements.js" %}"></script>
Sébastiaan Versteeg's avatar
Introduce new base template and design    
Sébastiaan Versteeg committed
209
210 
    {% endcompress %}
{% endblock %}
Luuk Scholten's avatar
Add rough version of template    
Luuk Scholten committed
211 
</body>
Thom Wiggers's avatar
Introduce language switcher    
Thom Wiggers committed
212 
</html>