]> git.ipfire.org Git - ipfire.org.git/blame - src/templates/base.html
projects / ipfire.org.git / blame
? search:
summary | shortlog | log | commit | commitdiff | tree
blob | blame (incremental) | history | HEAD
CSS: Expand menu only on XL screens
[ipfire.org.git] / src / templates / base.html
CommitLineData
60024cc8
MT		 1<!DOCTYPE html>
2<html lang="en">
81675874 3 <head>
60024cc8
MT		 4 <title>{{ hostname }} - {% block title %}{{ _("No title given") }}{% end block %}</title>
5 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
6 <meta name="author" content="IPFire.org - IPFire Development Team" />
940227cb 7
60024cc8 8 <meta name="keywords" content="Linux, Firewall, IPFire, Security, IPCop, Open Source, Free, ARM, VPN, Proxy, IDS, IPS" />
940227cb 9
662c7910
MT		 10 <link rel="icon" sizes="192x192" href="{{ static_url("img/apple-touch-icon-192x192-precomposed.png") }}">
11 {% for res in ("72x72", "76x76", "120x120", "144x144", "152x152", "180x180") %}
12 <link rel="apple-touch-icon-precomposed" sizes="{{ res }}" href="{{ static_url("img/apple-touch-icon-%s-precomposed.png" % res )}}">
13 {% end %}
14 <link rel="apple-touch-icon-precomposed" href="{{ static_url("img/apple-touch-icon-60x60-precomposed.png") }}">
15
60024cc8 16 <!-- styling stuff -->
07064256 17 <link rel="stylesheet" type="text/css" href="{{ static_url("main.css") }}" />
9f868512 18 <meta name="viewport" content="width=device-width, initial-scale=1.0">
940227cb 19
a1bf2f6c 20 {% block head %}{% end block %}
81675874 21 </head>
60024cc8 22
ed163b4b 23 <body id="page-top">
3a091f90 24 <nav class="navbar navbar-dark navbar-expand-xl mb-4">
6cee9198 25 <div class="container">
e1a5d3fa 26 <a class="navbar-brand" href="/">
31947225
MT		 27 <strong>IPFire</strong>
28
29 {% if hostname == "blog.ipfire.org" %}
30 {{ _("Blog") }}
62eaa617
MT		 31 {% elif hostname == "fireinfo.ipfire.org" %}
32 {{ _("Fireinfo") }}
cc9cbcf2
MT		 33 {% elif hostname == "mirrors.ipfire.org" %}
34 {{ _("Mirrors") }}
31947225
MT		 35 {% elif hostname == "people.ipfire.org" %}
36 {{ _("People") }}
181d08f3
MT		 37 {% elif hostname == "wiki.ipfire.org" %}
38 {{ _("Wiki") }}
31947225 39 {% end %}
6cee9198
MT		 40 </a>
41
d5a50891 42 {% block menu %}
31947225
MT		 43 {% if hostname in ("www.ipfire.org", "dev.ipfire.org") %}
44 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar"
45 aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
46 <span class="fas fa-bars"></span>
47 </button>
d5a50891 48
31947225
MT		 49 <div class="collapse navbar-collapse" id="navbar">
50 <ul class="navbar-nav ml-auto">
51 <li class="nav-item d-sm-block d-md-block d-lg-none">
52 <a class="nav-link {% if request.path == "/" %}active{% end %}" href="/">{{ _("Home") }}</a>
53 </li>
66da67fe 54
31947225
MT		 55 <li class="nav-item">
56 <a class="nav-link {% if request.path == "/features" %}active{% end %}" href="/features">{{ _("Features") }}</a>
57 </li>
66da67fe 58
31947225
MT		 59 <li class="nav-item">
60 <a class="nav-link {% if request.path.startswith("/download") %}active{% end %}" href="/download">{{ _("Download") }}</a>
61 </li>
66da67fe 62
31947225
MT		 63 <li class="nav-item">
64 <a class="nav-link {% if request.path == "/support" %}active{% end %}" href="/support">{{ _("Support") }}</a>
65 </li>
6c3e78c1
MT		 66
67 <li class="nav-item">
68 <a class="nav-link" href="https://blog.ipfire.org/">{{ _("Blog") }}</a>
69 </li>
31947225 70 </ul>
2bd6830c 71
f4e7b91a 72 <a class="btn btn-primary mt-2 mt-lg-0 ml-lg-2" href="/donate">
31947225
MT		 73 <span class="fas fa-heart"></span> {{ _("Donate") }}
74 </a>
75 </div>
76 {% elif hostname == "blog.ipfire.org" %}
77 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar"
78 aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
79 <span class="fas fa-bars"></span>
80 </button>
81
82 <div class="collapse navbar-collapse" id="navbar">
063f60e7
MT		 83 <ul class="navbar-nav ml-auto d-lg-none">
84 <li class="nav-item">
85 <a class="nav-link {% if request.path == "/" %}active{% end %}" href="/">
86 {{ _("Newest") }}
87 </a>
88 </li>
89
90 {% if current_user %}
91 <li class="nav-item">
92 <a class="nav-link {% if request.path == "/drafts" %}active{% end %}" href="/drafts">
93 {{ _("My Drafts") }}
94 </a>
95 </li>
96 {% end %}
97
98 <li class="nav-item">
99 <a class="nav-link {% if request.path == "/tags/featured" %}active{% end %}" href="/tags/featured">
100 {{ _("Featured") }}
101 </a>
102 </li>
103
104 <li class="nav-item">
105 <a class="nav-link {% if request.path == "/tags/lightningwirelabs.com" %}active{% end %} d-flex justify-content-between"
106 href="/tags/lightningwirelabs.com">
107 <span>{{ _("Lightning Wire Labs") }}</span>
108
109 <img class="img-fluid" src="{{ static_url("img/lightningwirelabs-logo.svg") }}"
110 alt="{{ _("Lightning Wire Labs") }}">
111 </a>
112 </li>
113
114 <li class="nav-item">
115 <a class="nav-link d-flex justify-content-between" href="/feed.xml">
116 <span>{{ _("RSS Feed") }}</span> <span class="fas fa-rss"></span>
117 </a>
118 </li>
119 </ul>
120
f4e7b91a
MT		 121 <form class="form-inline ml-lg-auto my-2 my-lg-0" action="/search" method="GET">
122 <input class="form-control form-control-sm" type="search" name="q"
31947225
MT		 123 placeholder="{{ _("Search...") }}" aria-label="{{ _("Search") }}" value="{% try %}{{ q }}{% except %}{% end %}">
124 </form>
125
bb0d9933 126 <a class="btn btn-primary ml-lg-2" href="https://www.ipfire.org/donate">
31947225
MT		 127 <span class="fas fa-heart"></span> {{ _("Donate") }}
128 </a>
129 </div>
62eaa617
MT		 130 {% elif hostname == "fireinfo.ipfire.org" %}
131 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar"
132 aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
133 <span class="fas fa-bars"></span>
134 </button>
135
136 <div class="collapse navbar-collapse" id="navbar">
137 <ul class="navbar-nav ml-auto">
138 <li class="nav-item">
8ab37e0b 139 <a class="nav-link {% if request.path.startswith("/vendors") %}active{% end %}" href="/vendors">
62eaa617
MT		 140 {{ _("Vendors") }}
141 </a>
142 </li>
62eaa617
MT		 143 </ul>
144 </div>
31947225
MT		 145 {% elif hostname == "nopaste.ipfire.org" %}
146 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar"
147 aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
148 <span class="fas fa-bars"></span>
149 </button>
49c82edc 150
31947225
MT		 151 <div class="collapse navbar-collapse" id="navbar">
152 <ul class="navbar-nav ml-auto">
153 <li class="nav-item">
5c29f60b 154 <a class="nav-link" href="/?mode=upload">{{ _("Upload File") }}</a>
31947225
MT		 155 </li>
156 </ul>
157 </div>
158 {% elif hostname == "people.ipfire.org" %}
159 {% if current_user %}
160 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar"
161 aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
162 <span class="fas fa-bars"></span>
163 </button>
71a3109c 164
31947225
MT		 165 <div class="collapse navbar-collapse" id="navbar">
166 <ul class="navbar-nav ml-auto mr-3">
167 <li class="nav-item">
168 <a class="nav-link {% if request.path == "/users/%s" % current_user.uid %}active{% end %}" href="/users/{{ current_user.uid }}">
169 {{ _("My Profile") }}
170 </a>
171 </li>
71a3109c
MT		 172
173 {% if current_user.has_sip() %}
174 <li class="nav-item">
175 <a class="nav-link {% if request.path.startswith("/users/%s/calls" % current_user.uid) %}active{% end %}" href="/users/{{ current_user.uid }}/calls">
176 {{ _("My Calls") }}
177
178 {% if current_user.sip_channels %}
179 <span class="badge badge-primary ml-2">{{ len(current_user.sip_channels) }}</span>
180 {% end %}
181 </a>
182 </li>
183 {% end %}
184
185 {% if current_user.is_staff() %}
186 <li class="nav-item">
187 <a class="nav-link {% if request.path == "/users" %}active{% end %}" href="/users">
188 {{ _("Users") }}
189 </a>
190 </li>
191 {% end %}
192
193 {% if current_user.has_sip() %}
194 <li class="nav-item">
195 <a class="nav-link {% if request.path.startswith("/conferences") %}active{% end %}" href="/conferences">
196 {{ _("Conferences") }}
197 </a>
198 </li>
199 {% end %}
31947225
MT		 200 </ul>
201
202 <form class="form-inline my-2 my-lg-0" action="/search" method="GET">
203 <input class="form-control form-control-sm mr-sm-2" type="search" name="q"
204 placeholder="{{ _("Search") }}" aria-label="{{ _("Search") }}" value="{% try %}{{ q }}{% except %}{% end %}">
205 </form>
206 </div>
207 {% end %}
181d08f3
MT		 208 {% elif hostname == "wiki.ipfire.org" %}
209 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar"
210 aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
211 <span class="fas fa-bars"></span>
212 </button>
213
214 <div class="collapse navbar-collapse" id="navbar">
924309ed 215 <ul class="navbar-nav ml-auto mr-3">
f9db574a
MT		 216 <li class="nav-item">
217 <a class="nav-link {% if request.path == "/recent-changes" %}active{% end %}" href="/recent-changes">
218 {{ _("Recent Changes") }}
219 </a>
220 </li>
221 </ul>
222
223 <form class="form-inline my-2 my-lg-0" action="/search" method="GET">
181d08f3
MT		 224 <input class="form-control form-control-sm" type="search" name="q"
225 placeholder="{{ _("Search...") }}" aria-label="{{ _("Search") }}" value="{% try %}{{ q }}{% except %}{% end %}">
226 </form>
227
228 <a class="btn btn-primary ml-lg-2" href="https://www.ipfire.org/donate">
229 <span class="fas fa-heart"></span> {{ _("Donate") }}
230 </a>
231 </div>
31947225 232 {% end %}
d5a50891 233 {% end block %}
4b4334da 234 </div>
6cee9198 235 </nav>
60024cc8
MT		 236
237 {% block container %}
60b0917c 238 <div class="container">
12e5de7e 239 {% block content %}{% end block %}
9b5ac075
MT		 240 </div>
241 {% end block %}
60024cc8 242
9b5ac075 243 {% block footer %}
c819ecf2 244 <footer>
0509f6fd 245 <div class="footer">
0c657b78 246 {% if hostname in ("www.ipfire.org", "dev.ipfire.org") %}
0509f6fd
MT		 247 <div class="footer-info">
248 <div class="container pb-3">
249 <div class="row mb-6 justify-content-between">
250 <div class="col-12 col-lg-4 mb-4">
251 <h6>{{ _("Subscribe to our Newsletter") }}</h6>
60b0917c 252
0509f6fd
MT		 253 <form method="POST" action="https://{{ "dev.ipfire.org" if hostname == "dev.ipfire.org" else "www.ipfire.org" }}/newsletter/subscribe">
254 {% raw xsrf_form_html() %}
60b0917c 255
0509f6fd 256 <label class="sr-only" for="email">{{ _("Email Address") }}</label>
60b0917c 257
0509f6fd 258 <input type="email" class="form-control mb-2 mr-sm-2" id="email" name="email"
dd714987 259 placeholder="{{ _("Your Email Address") }}" required>
47d47c2e 260
0509f6fd
MT		 261 <button type="submit" class="btn btn-primary btn-block mb-2">{{ _("Subscribe") }}</button>
262 </form>
263 </div>
c819ecf2 264
b27d7cc5 265 <div class="col-12 col-lg-3 mb-4 small">
0509f6fd
MT		 266 <h6>{{ _("About") }}</h6>
267
268 <div class="row">
269 <div class="col">
270 <ul class="list-unstyled">
271 <li>
29c01129 272 <a href="/features">{{ _("Features") }}</a>
0509f6fd
MT		 273 </li>
274
275 <li>
29c01129 276 <a href="/download">{{ _("Download") }}</a>
0509f6fd
MT		 277 </li>
278
279 <li>
29c01129 280 <a href="/support">{{ _("Support") }}</a>
0509f6fd
MT		 281 </li>
282 </ul>
283 </div>
284
285 <div class="col">
286 <ul class="list-unstyled">
287 <li>
288 <a href="https://blog.ipfire.org">{{ _("Blog") }}</a>
289 </li>
290
291 <li>
292 <a href="https://wiki.ipfire.org/devel/start">{{ _("Development") }}</a>
293 </li>
294
295 <li>
29c01129 296 <a href="/legal">{{ _("Legal") }}</a>
0509f6fd
MT		 297 </li>
298 </ul>
299 </div>
c819ecf2 300 </div>
2597b512 301 </div>
60b0917c 302
0509f6fd 303 <div class="col-12 col-lg-4 text-center mb-4">
29c01129 304 <a class="btn btn-primary btn-lg px-4 my-4" href="/donate">
0509f6fd 305 <span class="fas fa-heart"></span> {{ _("Donate") }}
c819ecf2 306 </a>
76d53285 307
0509f6fd
MT		 308 <div class="btn-toolbar justify-content-center">
309 <a class="btn btn-link" href="https://twitter.com/ipfire">
310 <span class="fab fa-twitter"></span>
311 </a>
c819ecf2 312
0509f6fd
MT		 313 <a class="btn btn-link" href="https://www.facebook.com/IPFire.org">
314 <span class="fab fa-facebook"></span>
315 </a>
316
317 <a class="btn btn-link" href="https://youtube.com/user/ipfireproject">
318 <span class="fab fa-youtube"></span>
319 </a>
320 </div>
c819ecf2 321 </div>
76d53285 322 </div>
60b0917c
MT		 323 </div>
324 </div>
0509f6fd
MT		 325 {% end %}
326
327 <div class="copyright">
328 <div class="container d-flex justify-content-between">
c9fb3c5b 329 &copy; {{ year }} - IPFire - {{ _("The Open Source Firewall") }}
0509f6fd 330
dabfd2ca 331 {% if not current_user and hostname in ("blog.ipfire.org", "nopaste.ipfire.org", "wiki.ipfire.org") %}
0509f6fd
MT		 332 <a href="/login">{{ _("Login") }}</a>
333 {% elif current_user %}
334 <span>
335 {{ _("You are currently logged in as %s") % current_user.name }}
336 <a href="/logout">{{ _("Logout") }}</a>
337 </span>
338 {% end %}
339 </div>
20df8773 340 </div>
9b5ac075
MT		 341 </div>
342 </footer>
60024cc8 343 {% end block %}
45f1004c 344
f9b71176
MT		 345 <script src="{{ static_url("js/jquery-3.3.1.min.js") }}"></script>
346 <script src="{{ static_url("js/popper.min.js") }}"></script>
347 <script src="{{ static_url("js/bootstrap.min.js") }}"></script>
9f043320 348 {% block javascript %}{% end block %}
81675874 349 </body>
350</html>
The website of ipfire.org.