base.html 10.2 KB
Newer Older
1
{% load i18n static menu compress %}
Thom Wiggers's avatar
Thom Wiggers committed
2
{% get_current_language as LANGUAGE_CODE %}
Luuk Scholten's avatar
Luuk Scholten committed
3
<!DOCTYPE html>
Thom Wiggers's avatar
Thom Wiggers committed
4
5
<!--[if IE 9]><html dir="ltr" lang="{{ LANGUAGE_CODE }}"  class="lt-ie10"> <![endif]-->
<!--[if gt IE 9]><!--><html dir="ltr" lang="{{ LANGUAGE_CODE }}" class="gt-ie9 non-ie"><!--<![endif]-->
Luuk Scholten's avatar
Luuk Scholten committed
6
7
8
<head>
<!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><![endif]-->

Thom Wiggers's avatar
Thom Wiggers committed
9
10
<title>{% block title %}{% trans "Study Association Thalia" %}{% endblock %}</title>

Luuk Scholten's avatar
Luuk Scholten committed
11
12
13
14
15
16
<!-- mobile -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

<!-- favicon -->
<link rel="icon" href="{% static "images/favicon.ico" %}" type="image/png">

Joren Vrancken's avatar
Joren Vrancken committed
17
<!-- icons for browser customisation -->
18
19
20
21
22
23
<link rel="icon" sizes="192x192" href="{% static "images/browser_icons/icon.png" %}">
<link rel="apple-touch-icon" href="{% static "images/browser_icons/icon.png" %}">
<meta name="msapplication-square70x70logo" content="{% static "images/browser_icons/icon-smalltile.png" %}">
<meta name="msapplication-square150x150logo" content="{% static "images/browser_icons/icon-mediumtile.png" %}">
<meta name="msapplication-wide310x150logo" content="{% static "images/browser_icons/icon-widetile.png" %}">
<meta name="msapplication-square310x310logo" content="{% static "images/browser_icons/icon-largetile.png" %}">
24

Jim Driessen's avatar
Jim Driessen committed
25
26
<meta property="og:image" content="{% if request.is_secure %}https://{% else %}http://{% endif %}{{ request.get_host }}{% static "images/browser_icons/icon-largetile.png" %}" />
<meta property="og:type" content="website" />
27
28
<meta property="og:title" content="{% block opengraph_title %}{% trans 'Study Association Thalia' %}{% endblock %}" />
{% block opengraph %}{% endblock %}
Joren Vrancken's avatar
Joren Vrancken committed
29

Luuk Scholten's avatar
Luuk Scholten committed
30
<!-- css stylesheets -->
31
{% block css_head %}
Sébastiaan Versteeg's avatar
Sébastiaan Versteeg committed
32
{% compress css %}
Thom Wiggers's avatar
Thom Wiggers committed
33
<link href="{% static "plugins/font-awesome/css/font-awesome.min.css" %}" rel="stylesheet" type="text/css">
Luuk Scholten's avatar
Luuk Scholten committed
34
35
36
37
38

<link href="{% static "css/bootstrap.min.css" %}" rel="stylesheet" type="text/css">
<link href="{% static "plugins/magnific-popup/magnific-popup.css" %}" rel="stylesheet" type="text/css">
<link href="{% static "css/jquery.fancybox.css" %}" rel="stylesheet" type="text/css">

39
<link href="{% static "css/style.scss" %}" rel="stylesheet" type="text/x-scss">
Joost Rijneveld's avatar
Joost Rijneveld committed
40
<link href="{% static "announcements/css/style.scss" %}" rel="stylesheet" type="text/x-scss">
Sébastiaan Versteeg's avatar
Sébastiaan Versteeg committed
41
{% endcompress %}{% endblock %}
Luuk Scholten's avatar
Luuk Scholten committed
42
43

<!-- js head -->
44
45
46
{% block js_head %}
<script type="text/javascript" src="{% url 'javascript-catalog' %}"></script>
{% compress js %}
Thom Wiggers's avatar
Thom Wiggers committed
47
<script type="text/javascript" src="{% static "plugins/jquery-1.8.3.min.js" %}"></script>
Luuk Scholten's avatar
Luuk Scholten committed
48
<script type="text/javascript" src="{% static "js/jquery.jscroll.min.js" %}"></script>
Joost Rijneveld's avatar
Joost Rijneveld committed
49
<script type="text/javascript" src="{% static "js/jquery.fancybox.js" %}"></script>
Thom Wiggers's avatar
Thom Wiggers committed
50
<script type="text/javascript" src="{% static "js/thimbus.js" %}"></script>
Luuk Scholten's avatar
Luuk Scholten committed
51
<script type="text/javascript" src="{% static "js/scripts.js" %}"></script>
Sébastiaan Versteeg's avatar
Sébastiaan Versteeg committed
52
{% endcompress %}{% endblock %}
Luuk Scholten's avatar
Luuk Scholten committed
53
54
55
56
57
58
59
60

</head>

<!-- body -->
<body id="top" class="stickymenu">

    <!-- #wrapper -->
    <div class="thimbus-page">
Joost Rijneveld's avatar
Joost Rijneveld committed
61
62
63
        <!-- #announcements -->
        {% include "announcements/announcement.html" with announcements=announcements %}

Luuk Scholten's avatar
Luuk Scholten committed
64
65
66
        <!-- #header -->
        <div id="header" class="wrapper">

Sébastiaan Versteeg's avatar
Sébastiaan Versteeg committed
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
            <div id="top-menu-container">
                <div id="language-selector">
                    <form action="{% url 'set_language' %}" id="set_language_form" method="post">
                        {% csrf_token %}
                        <input name="next" type="hidden" value="{{ redirect_to }}" />
                        {% if LANGUAGE_CODE == 'nl' %}
                            <input type="hidden" name="language" value="en" />
                            <a class="btn btn-style1" id="language_submit_btn"><i class="fa fa-flag"></i>English</a>
                        {% else %}
                            <input type="hidden" name="language" value="nl" />
                            <a class="btn btn-style1" id="language_submit_btn"><i class="fa fa-flag"></i>Nederlands</a>
                        {% endif %}
                    </form>
                </div>

            {% if not user.is_authenticated %}
                <div class="btn-group open" id="account-menu">
84
                    <a class="btn btn-default" href="{% url 'login' %}{% if '/logout/' not in request.path %}?next={{ request.path }}{% endif %}"><i class="fa fa-user"></i>{% trans "Login" %}</a>
Sébastiaan Versteeg's avatar
Sébastiaan Versteeg committed
85
86
87
                </div>
            {% else %}
                <div class="btn-group" id="account-menu">
88
                    <a class="btn btn-default" href="{% url 'account' %}"><i class="fa fa-user"></i> {% trans "My Account" %}</a>
Sébastiaan Versteeg's avatar
Sébastiaan Versteeg committed
89
90
91
92
                    <button class="btn btn-default dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
                        <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu pull-right" role="menu">
93
94
                        <li><a href="{% url 'members:edit-profile' %}">{% trans "edit profile"|capfirst %}</a></li>
                        <li><a href="{% url 'password_change' %}">{% trans "change password"|capfirst %}</a></li>
Sébastiaan Versteeg's avatar
Sébastiaan Versteeg committed
95
                        <li class="divider"></li>
96
97
98
99
                        {% if user.is_staff %}
                        <li><a href="{% url 'admin:index' %}">{% trans "Site administration" %}</a></li>
                        <li class="divider"></li>
                        {% endif %}
Sébastiaan Versteeg's avatar
Sébastiaan Versteeg committed
100
101
102
103
104
105
                        <li><a href="{% url 'logout' %}"><i class="fa fa-sign-out"></i>{% trans "Log Out" %}</a></li>
                    </ul>
                </div>
            {% endif %}
            </div>

Luuk Scholten's avatar
Luuk Scholten committed
106
107
108
109
110
            <!-- #logo-header -->
            <div id="logo-header">
                <!-- #logo -->
                <div id="logo" class="container fullwidth">
                    <a href="{% url 'index' %}">
111
                        <img width="300" alt="" src="{% static 'images/site-logo-'|add:LANGUAGE_CODE|add:'.png' %}" />
Luuk Scholten's avatar
Luuk Scholten committed
112
113
114
115
                    </a>
                </div>
                <!-- /#logo -->

Luuk Scholten's avatar
Luuk Scholten committed
116
                <!-- #partner-left -->
117
118
119
                {% if showcased_partners|length > 0 %}
                    {% include "partners/showcased_partner.html" with partner=showcased_partners.0 position="left" %}
                {% endif %}
Luuk Scholten's avatar
Luuk Scholten committed
120
                <!-- /#partner-left -->
Luuk Scholten's avatar
Luuk Scholten committed
121

Luuk Scholten's avatar
Luuk Scholten committed
122
                <!-- #partner-right -->
123
124
125
                {% if showcased_partners|length > 1 %}
                    {% include "partners/showcased_partner.html" with partner=showcased_partners.1 position="right" %}
                {% endif %}
Luuk Scholten's avatar
Luuk Scholten committed
126
                <!-- /#partner-right -->
Luuk Scholten's avatar
Luuk Scholten committed
127
128
129
130
131
132
            </div>
            <!-- /#logo-header -->

            <div class="clearfix"></div>

            <!-- #primary-navigation -->
133
            {% render_main_menu %}
Luuk Scholten's avatar
Luuk Scholten committed
134
135
136
137
138
139
140
141
            <!-- /#primary-navigation -->

        </div>
        <!-- #/header -->
        <!-- #header panel -->
        <div id="header-panel" class="wrapper header-parallax">

            {# todo header image #}
142
            {% block header_image_container %}
143
144
145
146
            <div
                class="header-image container"
                style="background-image: url('{% block header_image %}{% static "images/header_default.jpg" %}{% endblock header_image%}')">
            </div>
147
148
            {% endblock header_image_container %}
            </div>
Luuk Scholten's avatar
Luuk Scholten committed
149
150
151
        <!-- /#header panel -->

        <!-- content -->
152
153
154
155
156
        <div id="main" class="wrapper">
            <div class="main-content container">
                {% block body %}{% endblock body %}
            </div>
        </div>
Luuk Scholten's avatar
Luuk Scholten committed
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
        <!-- end content -->

        <!-- #top-footer -->
        <div id="top-footer" class="wrapper">
        </div>
        <!-- /#top-footer -->

        <!-- #footer -->
        <div id="footer" class="wrapper">
            <div class="container">
                <div class="row">
                </div>
            </div>
        </div>
        <!-- /#footer -->

        <!-- #bottom -->
        <div id="bottom" class="wrapper">
            <div class="container">
176
177
178
179
180
181
                <div class="footer-icons">
                    <div class="footer-icon-twitter"><a href="https://twitter.com/svThalia"><img src="{% static "images/footer_icons/twitter.png" %}" alt="twitter"></a></div>
                    <div class="footer-icon-facebook"><a href="https://www.facebook.com/svThalia"><img src="{% static "images/footer_icons/facebook.png" %}" alt="facebook"></a></div>
                    <div class="footer-icon-linkedin"><a href="http://www.linkedin.com/groups?gid=54887"><img src="{% static "images/footer_icons/linkedin.png" %}" alt="linkedin"></a></div>
                    <div class="footer-icon-tor"><a href="http://thaliawww7dzhrlu.onion"><img src="{% static "images/footer_icons/tor.png" %}" alt="tor"></a></div>
                    <div class="footer-icon-gitlab"><a href="https://gitlab.science.ru.nl/thalia/"><img src="{% static "images/footer_icons/gitlab.png" %}" alt="gitlab"></a></div>
Luuk Scholten's avatar
Luuk Scholten committed
182
183
                </div>
                <div class="clearfix"></div>
184
                <p class="copyright">Copyright {% now "Y" %} {% trans 'Study Association Thalia' %}</p>
Luuk Scholten's avatar
Luuk Scholten committed
185
186
187
188
189
190
191
192
            </div>
        </div>
        <!-- /#bottom -->
        <div id="scroll-top"><a href="#top"></a></div>
    </div>
    <!-- /#wrapper -->

    <!-- js body -->
193
    {% block js_body %}
Luuk Scholten's avatar
Luuk Scholten committed
194
195
196
197
198
199
    <script type="text/javascript" src="{% static "plugins/jquery.inview.js" %}"></script>
    <script type="text/javascript" src="{% static "plugins/jquery.carouFredSel-6.2.1-packed.js" %}"></script>
    <script type="text/javascript" src="{% static "plugins/jquery.lavalamp-1.3.5.min.js" %}"></script>
    <script type="text/javascript" src="{% static "plugins/jquery.easing.1.3.js" %}"></script>
    <script type="text/javascript" src="{% static "plugins/jquery.isotope.min.js" %}"></script>
    <script type="text/javascript" src="{% static "plugins/magnific-popup/jquery.magnific-popup.min.js" %}"></script>
Joost Rijneveld's avatar
Joost Rijneveld committed
200
    <script type="text/javascript" src="{% static "plugins/js.cookie-2.1.3.min.js" %}"></script>
201
    {% endblock %}
Luuk Scholten's avatar
Luuk Scholten committed
202

Sébastiaan Versteeg's avatar
Sébastiaan Versteeg committed
203
204
205
    {% block js_footer %}
    <script type="text/javascript" src="{% static "js/footer.js" %}"></script>
    <script type="text/javascript" src="{% static "js/bootstrap-dropdown.js" %}"></script>
Joost Rijneveld's avatar
Joost Rijneveld committed
206
    <script type="text/javascript" src="{% static "announcements/js/announcements.js" %}"></script>
Sébastiaan Versteeg's avatar
Sébastiaan Versteeg committed
207
    {% endblock %}
Luuk Scholten's avatar
Luuk Scholten committed
208
209
210
</body>
<!-- /body -->

Thom Wiggers's avatar
Thom Wiggers committed
211
</html>