Skip to content
GitLab
Switch branch/tag
Find file Normal viewHistoryPermalink
basePasteur.html 10.2 KB
Newer Older
Bryan BRANCOTTE's avatar
Starting an Institut Pasteur branded base theme  
Bryan BRANCOTTE committed
1
2
3
4
5
6
7
8
9
10 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
{% load  sstatic %}
{% load  basetheme_bootstrap %}
{% load i18n %}
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en" class="h-100">
<head>
    {% block ref_google %}{% endblock %}
    <title>{% block title %}{% endblock %}</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
Bryan BRANCOTTE's avatar
block favicon can be completely be overridden    
Bryan BRANCOTTE committed
11 
    {% block favicon %}<link rel="icon" href="/static/img/favicon.png">{% endblock %}
Bryan BRANCOTTE's avatar
Starting an Institut Pasteur branded base theme  
Bryan BRANCOTTE committed
12
13
14
15
16
17
18
19
20 

    <!-- Bootstrap core CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
          integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <link href="https://cdn.jsdelivr.net/gh/gitbrent/bootstrap4-toggle@3.4.0/css/bootstrap4-toggle.min.css" rel="stylesheet">
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link href="https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css" rel="stylesheet">
    <link rel="stylesheet"
          href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-slider/10.0.0/css/bootstrap-slider.min.css"/>
Bryan BRANCOTTE's avatar
keep in cache the url computed for sstatic    
Bryan BRANCOTTE committed
21
22 
    <link rel="stylesheet" href="{% sstatic '/css/bootstrap-multiselect.css' %}" type="text/css"/>
    <link rel="stylesheet" href="{% sstatic '/css/basetheme_bootstrap4_pasteur.css' %}"/>
Bryan BRANCOTTE's avatar
avoiding css file collision, including fonts folders explicitly    
Bryan BRANCOTTE committed
23 
    <link rel="stylesheet" href="{% sstatic '/css/basetheme_bootstrap4_pasteur_fonts.css' %}"/>
Bryan BRANCOTTE's avatar
Starting an Institut Pasteur branded base theme  
Bryan BRANCOTTE committed
24
25
26 
    {% block extra_css %}{% endblock %}
</head>
<body class="d-flex flex-column h-100">
Bryan BRANCOTTE's avatar
put header and footer in block so they can be easily removed    
Bryan BRANCOTTE committed
27 
{% block header %}
Bryan BRANCOTTE's avatar
Starting an Institut Pasteur branded base theme  
Bryan BRANCOTTE committed
28 
{% include_if_exists "fork_me.html"|localize_template "basetheme_bootstrap/fork_me.example.html" %}
Bryan BRANCOTTE's avatar
Adding the second menu bar    
Bryan BRANCOTTE committed
29 
<header class="main-header fixed-top">
Bryan BRANCOTTE's avatar
adding before_nav_content to allo to pût a div, useful with jquery...    
Bryan BRANCOTTE committed
30 
    <!-- Fixed navbar -->{% block before_nav_content %}{% endblock %}
Bryan BRANCOTTE's avatar
first nav-bar being responsive    
Bryan BRANCOTTE committed
31 
    <nav class="header__top navbar navbar-expand-sm navbar-dark">
Bryan BRANCOTTE's avatar
Starting an Institut Pasteur branded base theme  
Bryan BRANCOTTE committed
32 
        <a class="navbar-brand" href="{% url 'home'%}">{% block project_name %}{% endblock %}</a>
Bryan BRANCOTTE's avatar
fixing placement in low width screen    
Bryan BRANCOTTE committed
33
34
35
36 
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse"
                aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
Bryan BRANCOTTE's avatar
Starting an Institut Pasteur branded base theme  
Bryan BRANCOTTE committed
37 
        <div class="collapse navbar-collapse" id="navbarCollapse">
Bryan BRANCOTTE's avatar
fixing placement in low width screen    
Bryan BRANCOTTE committed
38 
            <ul class="nav navbar-nav {% block upper_nav_bar_css_classes %}d-sm-none d-md-flex{% endblock %}">
Bryan BRANCOTTE's avatar
Populating upper nav_bar with pasteur link    
Bryan BRANCOTTE committed
39 
                {% include_if_exists "upper_nav_bar.html"|localize_template "basetheme_bootstrap/upper_nav_bar.example.html" %}
Bryan BRANCOTTE's avatar
Starting an Institut Pasteur branded base theme  
Bryan BRANCOTTE committed
40 
            </ul>
Bryan BRANCOTTE's avatar
first nav-bar being responsive    
Bryan BRANCOTTE committed
41 
            <div></div>
Bryan BRANCOTTE's avatar
refactoring block name in upper nav bar    
Bryan BRANCOTTE committed
42
43
44
45
46 
            <ul class="nav navbar-nav navbar-right">
                {% block upper_nav_bar_right_before_form %}
                {% endblock upper_nav_bar_right_before_form %}
            </ul>
            {% block upper_nav_bar_right_form %}
Bryan BRANCOTTE's avatar
first nav-bar being responsive    
Bryan BRANCOTTE committed
47
48
49 
            <form class="form-inline" action="search/" method="post">
                <input class="form-control " type="text" placeholder="{%trans 'Type your search here'%}" aria-label="Search">
                <button class="form-control btn" type="submit"><span class="d-sm-none">{% trans 'Search'%} </span><i class="fa fa-search"></i></button>
Bryan BRANCOTTE's avatar
Tuning the second menu bar so pasteur face is scaled    
Bryan BRANCOTTE committed
50 
            </form>
Bryan BRANCOTTE's avatar
refactoring block name in upper nav bar    
Bryan BRANCOTTE committed
51 
            {% endblock upper_nav_bar_right_form %}
Bryan BRANCOTTE's avatar
Starting an Institut Pasteur branded base theme  
Bryan BRANCOTTE committed
52 
            <ul class="nav navbar-nav navbar-right">
Bryan BRANCOTTE's avatar
refactoring block name in upper nav bar    
Bryan BRANCOTTE committed
53 
                {% block upper_nav_bar_right_after_form %}
Bryan BRANCOTTE's avatar
refactoring login menu so it can be moved easily    
Bryan BRANCOTTE committed
54 
                {% include_if_exists "login_menu.html"|localize_template "basetheme_bootstrap/login_menu.html" %}
Bryan BRANCOTTE's avatar
refactoring block name in upper nav bar    
Bryan BRANCOTTE committed
55 
                {% endblock upper_nav_bar_right_after_form %}
Bryan BRANCOTTE's avatar
Starting an Institut Pasteur branded base theme  
Bryan BRANCOTTE committed
56
57
58 
            </ul>
        </div>
    </nav>
Bryan BRANCOTTE's avatar
second nav-bar being responsive    
Bryan BRANCOTTE committed
59
60
61 
    <nav class="header__middle navbar navbar-expand-md navbar-light">
        <div class="header__logo-wrapper">
            <img src="https://www.pasteur.fr/sites/default/files/logo_institut_pasteur_noir.png" alt="Accueil">
Bryan BRANCOTTE's avatar
Adding the second menu bar    
Bryan BRANCOTTE committed
62 
        </div>
Bryan BRANCOTTE's avatar
second nav-bar being responsive    
Bryan BRANCOTTE committed
63
64
65
66
67 
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar__middle__collapse"
                aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse main-nav" id="navbar__middle__collapse">
Bryan BRANCOTTE's avatar
fix responsiveness of second nav-bar    
Bryan BRANCOTTE committed
68
69 
            <div></div>
            <div>
Bryan BRANCOTTE's avatar
fixing missing classes    
Bryan BRANCOTTE committed
70 
            <ul class="nav navbar-nav links inline clearfix main-menu">
Bryan BRANCOTTE's avatar
second nav-bar being responsive    
Bryan BRANCOTTE committed
71
72 
        {% include_if_exists "nav_bar.html"|localize_template "basetheme_bootstrap/nav_bar.example.html" %}
            </ul>
Bryan BRANCOTTE's avatar
fixing missing classes    
Bryan BRANCOTTE committed
73 
            <ul class="nav navbar-nav navbar-right">
Bryan BRANCOTTE's avatar
second nav-bar being responsive    
Bryan BRANCOTTE committed
74
75 
                {% block extra_li_dropdown_right %}{% endblock %}
            </ul>
Bryan BRANCOTTE's avatar
fix responsiveness of second nav-bar    
Bryan BRANCOTTE committed
76
77 
            </div>
            <div></div>
Bryan BRANCOTTE's avatar
second nav-bar being responsive    
Bryan BRANCOTTE committed
78
79
80
81
82 
        </div>
        <div class="header__face-wrapper d-none d-md-block">
            <img class="header__face" src="https://www.pasteur.fr//sites/all/themes/custom/pasteur/assets/img/art/pasteur.png">
        </div>
    </nav>
Bryan BRANCOTTE's avatar
Starting an Institut Pasteur branded base theme  
Bryan BRANCOTTE committed
83 
</header>
Bryan BRANCOTTE's avatar
put header and footer in block so they can be easily removed    
Bryan BRANCOTTE committed
84
85 
{% endblock header %}
Bryan BRANCOTTE's avatar
Starting an Institut Pasteur branded base theme  
Bryan BRANCOTTE committed
86
87
88
89 
<!-- Begin page content -->
<main role="main" class="flex-shrink-0">
    <div class="{% block container-class %}container mb-4{% endblock %}">
        <div class="row">
Bryan BRANCOTTE's avatar
Add a pre_content_page_title block    
Bryan BRANCOTTE committed
90 
            {% block pre_content_page_title %}
Bryan BRANCOTTE's avatar
introducing pre_title_header to help with multi branch environment    
Bryan BRANCOTTE committed
91 
            {% include_if_exists "pre_content_page_title.html"|localize_template "basetheme_bootstrap/pre_content_page_title.example.html" %}
Bryan BRANCOTTE's avatar
Add a pre_content_page_title block    
Bryan BRANCOTTE committed
92 
            {% endblock pre_content_page_title %}
Bryan BRANCOTTE's avatar
Starting an Institut Pasteur branded base theme  
Bryan BRANCOTTE committed
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118 
            {% block whole_content_page_title %}
            <div class="pb-2 mt-4 mb-2 col-12">
                {% block content_page_title %}
                <div class="border-bottom content-page-title">
                    <h1>{% block page_title %}{% endblock %}</h1>
                    {% block page_title_right %}{% endblock %}
                </div>
                {% endblock %}
            </div>
            {% endblock %}
            {% if messages %}
            <div class="pb-2 mb-2 col-12">
                <div class="border-bottom">
                    {% for message in messages %}
                    <p class="alert alert-{{ message.tags|tags_to_bootstrap }}">
                        {% if message.level == DEFAULT_MESSAGE_LEVELS.ERROR %}Important: {% endif %}
                        {{ message|linebreaksbr}}
                    </p>
                    {% endfor %}
                </div>
            </div>
            {% endif %}
            {% block content %}{% endblock %}
        </div>
    </div>
</main>
Bryan BRANCOTTE's avatar
put header and footer in block so they can be easily removed    
Bryan BRANCOTTE committed
119 
{% block footer %}
Bryan BRANCOTTE's avatar
Starting an Institut Pasteur branded base theme  
Bryan BRANCOTTE committed
120
Bryan BRANCOTTE's avatar
Working on a Pasteur-like theme    
Bryan BRANCOTTE committed
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147 
<footer class="footer mt-auto">
    <div class="inner-wrap">
                <div class="footer__section footer__address">
                    <div class="footer__logo clearfix">
                        <img src="https://www.pasteur.fr/sites/all/themes/custom/pasteur/assets/img/pasteur-white.png" alt="Institut Pasteur" title="Institut Pasteur">
                    </div>
                    <div class="block block-block block-block-1">
                        <div class="content">
                            <root>
                            <div class="address_street">
                                <span>25-28 Rue du Dr Roux, 75015 Paris</span>
                            </div>
                            <div class="address_phone"><span>01 45 68 80 00</span>
                            </div>
                            </root>
                        </div>
                    </div>
                </div>
                <div class="footer__section footer__menu-1">
                    <div id="block-menu-menu-footer-menu-1" class="block block-menu">
                        <nav>
                            <ul>
                                {% include_if_exists "nav_bar.html"|localize_template "basetheme_bootstrap/nav_bar.example.html" %}
                            </ul>
                        </nav>
                    </div>
                </div>
Bryan BRANCOTTE's avatar
Populating upper nav_bar with pasteur link    
Bryan BRANCOTTE committed
148 
                <div class="footer__section">
Bryan BRANCOTTE's avatar
Working on a Pasteur-like theme    
Bryan BRANCOTTE committed
149
150
151 
                    <div class="block block-menu block-menu-menu-footer-menu-social">
                        <nav>
                            <ul>
Bryan BRANCOTTE's avatar
Populating upper nav_bar with pasteur link    
Bryan BRANCOTTE committed
152 
                                {% include_if_exists "credits.html"|localize_template "basetheme_bootstrap/credits.example.html" %}
Bryan BRANCOTTE's avatar
Working on a Pasteur-like theme    
Bryan BRANCOTTE committed
153
154 
                            </ul>
                        </nav>
Bryan BRANCOTTE's avatar
Populating upper nav_bar with pasteur link    
Bryan BRANCOTTE committed
155 
                    </div>
Bryan BRANCOTTE's avatar
Working on a Pasteur-like theme    
Bryan BRANCOTTE committed
156
157
158
159
160 
                    <span class="text-muted float-right">
                        {% include_if_exists "last_update.html"|localize_template "basetheme_bootstrap/last_update.example.html" %}
                    </span>
                </div>
            </div>
Bryan BRANCOTTE's avatar
Starting an Institut Pasteur branded base theme  
Bryan BRANCOTTE committed
161 
</footer>
Bryan BRANCOTTE's avatar
put header and footer in block so they can be easily removed    
Bryan BRANCOTTE committed
162 
{% endblock footer %}
Bryan BRANCOTTE's avatar
Starting an Institut Pasteur branded base theme  
Bryan BRANCOTTE committed
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182 
</body>
<script
        src="https://code.jquery.com/jquery-3.3.1.min.js"
        integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
        crossorigin="anonymous"></script>
<script
        src="https://code.jquery.com/color/jquery.color.plus-names-2.1.2.min.js"
        integrity="sha256-Wp3wC/dKYQ/dCOUD7VUXXp4neLI5t0uUEF1pg0dFnAE="
        crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
        integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
        crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
        integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
        crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/gh/gitbrent/bootstrap4-toggle@3.4.0/js/bootstrap4-toggle.min.js"></script>
<script src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.js"></script>
<script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.5.2/js/dataTables.buttons.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.5.2/js/buttons.flash.min.js"></script>
Bryan BRANCOTTE's avatar
keep in cache the url computed for sstatic    
Bryan BRANCOTTE committed
183 
<script type="text/javascript" src="{% sstatic '/js/bootstrap-multiselect.js' %}"></script>
Bryan BRANCOTTE's avatar
Starting an Institut Pasteur branded base theme  
Bryan BRANCOTTE committed
184
185
186
187
188 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/pdfmake.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/vfs_fonts.js"></script>
<script src="https://cdn.datatables.net/buttons/1.5.2/js/buttons.html5.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.5.2/js/buttons.print.min.js"></script>
Bryan BRANCOTTE's avatar
keep in cache the url computed for sstatic    
Bryan BRANCOTTE committed
189 
<script src="{% sstatic '/js/basetheme_bootstrap.js' %}"></script>
Bryan BRANCOTTE's avatar
Starting an Institut Pasteur branded base theme  
Bryan BRANCOTTE committed
190
191 
{% block extra_js %}{% endblock %}
</html>