base.html 7.19 KB
Newer Older
1
{% load i18n static compile_static menu %}
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
9
10
11
12
13
14
15
<head>
<!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><![endif]-->

<!-- 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">

<!-- css stylesheets -->
16
{% block css_head %}
Luuk Scholten's avatar
Luuk Scholten committed
17
18
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400italic,400,700" rel="stylesheet" type="text/css">
<link href="{% static "fonts/gillsans.css" %}" rel="stylesheet" type="text/css">
Thom Wiggers's avatar
Thom Wiggers committed
19
<link href="{% static "plugins/font-awesome/css/font-awesome.min.css" %}" rel="stylesheet" type="text/css">
Luuk Scholten's avatar
Luuk Scholten committed
20
21
22
23
24
25
26

<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">

<link href="{% static "css/style.less"|compile %}" rel="stylesheet" type="text/css">
<link href="{% static "css/skin.less"|compile %}" rel="stylesheet" type="text/css">
27
{% endblock %}
Luuk Scholten's avatar
Luuk Scholten committed
28
29

<!-- js head -->
30
{% block js_head %}
Thom Wiggers's avatar
Thom Wiggers committed
31
<script type="text/javascript" src="{% static "plugins/jquery-1.8.3.min.js" %}"></script>
Luuk Scholten's avatar
Luuk Scholten committed
32
33
<script type="text/javascript" src="{% static "js/jquery.jscroll.min.js" %}"></script>
<script type="text/javascript" src="{% static "js/jquery.fancybox.pack.js" %}"></script>
Thom Wiggers's avatar
Thom Wiggers committed
34
<script type="text/javascript" src="{% static "js/thimbus.js" %}"></script>
Luuk Scholten's avatar
Luuk Scholten committed
35
<script type="text/javascript" src="{% static "js/scripts.js" %}"></script>
36
{% endblock %}
Luuk Scholten's avatar
Luuk Scholten committed
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
69
70
71
72
73
74

</head>

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

    <!-- #wrapper -->
    <div class="thimbus-page">
        <!-- #header -->
        <div id="header" class="wrapper">

            <!-- #logo-header -->
            <div id="logo-header">
                <!-- #logo -->
                <div id="logo" class="container fullwidth">
                    <a href="{% url 'index' %}">
                        <img width="300" alt="" src="{% static "images/site_logo.png" %}" />
                    </a>
                </div>
                <!-- /#logo -->

                <!-- #sponsor-left -->
                <div id="sponsor-left" class="sponsor-header">
                    {% block sponsor_header_left %}{% endblock sponsor_header_left %}
                </div>
                <!-- /#sponsor-left -->

                <!-- #sponsor-right -->
                <div id="sponsor-right" class="sponsor-header">
                    {% block sponsor_header_right %}{% endblock sponsor_header_right %}
                </div>
                <!-- /#sponsor-right -->
            </div>
            <!-- /#logo-header -->

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

            <!-- #primary-navigation -->
75
            {% render_main_menu %}
Luuk Scholten's avatar
Luuk Scholten committed
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
            <!-- /#primary-navigation -->

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

            {# todo header image #}
            <div class="header-image container" style="background-image: url('{% static "images/header_default.jpg" %}')"></div>
            <div class="page-title">
                <h1>{% block page_title %}{% trans "Study Association Thalia" %}{% endblock %}</h1>
            </div>
        </div>
        <!-- /#header panel -->

        <!-- content -->
92
93
94
95
96
        <div id="main" class="wrapper">
            <div class="main-content container">
                {% block body %}{% endblock body %}
            </div>
        </div>
Luuk Scholten's avatar
Luuk Scholten committed
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
        <!-- 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">
                <div class="social-icons">
                    <div class="social-icon-twitter"><a href="https://twitter.com/svThalia"><img src="{% static "images/social_icons/social_twitter.png" %}" alt="twitter"></a></div>
                    <div class="social-icon-facebook"><a href="https://www.facebook.com/svThalia"><img src="{% static "images/social_icons/social_facebook.png" %}" alt="facebook"></a></div>
                    <div class="social-icon-linkedin"><a href="http://www.linkedin.com/groups?gid=54887"><img src="{% static "images/social_icons/social_linkedin.png" %}" alt="linkedin"></a></div>
                    <div class="social-icon-tor"><a href="http://thaliawww7dzhrlu.onion"><img src="{% static "images/social_icons/tor.png" %}" alt="tor"></a></div>
                </div>
                <div class="clearfix"></div>
123
                <p class="copyright">Copyright {% now "Y" %} {% trans 'Study Association Thalia' %}</p>
Luuk Scholten's avatar
Luuk Scholten committed
124
125
126
127
128
129
130
131
            </div>
        </div>
        <!-- /#bottom -->
        <div id="scroll-top"><a href="#top"></a></div>
    </div>
    <!-- /#wrapper -->

    <!-- js body -->
132
    {% block js_body %}
Luuk Scholten's avatar
Luuk Scholten committed
133
134
135
136
137
138
    <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>
139
    {% endblock %}
Luuk Scholten's avatar
Luuk Scholten committed
140
141
142

    {% if not user.is_authenticated %}
    <div class="thimbus-ui" id="thimbus-account-menu-container">
Thom Wiggers's avatar
Thom Wiggers committed
143
144
145
146
147
148
149
150
151
152
153
154
155
156
        <div class="btn-group open" id="language-selector-menu">
            <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-default" id="language_submit_btn"><i class="fa fa-flag"></i>English</a>
                {% else %}
                    <input type="hidden" name="language" value="nl" />
                    <a class="btn btn-default" id="language_submit_btn"><i class="fa fa-flag"></i>Nederlands</a>
                {% endif %}
            </form>
        </div>

Luuk Scholten's avatar
Luuk Scholten committed
157
        <div class="btn-group open" id="thimbus-account-menu">
Thom Wiggers's avatar
Thom Wiggers committed
158
            <a class="btn btn-default" href="/account"><i class="fa fa-user"></i>{% trans "Login" %}</a>
Luuk Scholten's avatar
Luuk Scholten committed
159
160
161
162
        </div>
    </div>
    {% endif %}

Thom Wiggers's avatar
Thom Wiggers committed
163
164
165
    {% block footer_scripts %}
    <script type="text/javascript" src="{% static "js/footer.js" %}"></script>
    {% endblock %}
Luuk Scholten's avatar
Luuk Scholten committed
166
167
168
</body>
<!-- /body -->

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