]> git.ipfire.org Git - ipfire.org.git/blame - src/templates/base.html
messages: Add HTML version of profile setup emails
[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">
351d0b83 24 <nav class="navbar navbar-dark navbar-expand-lg 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") }}
c3bcd7d4
MT
33 {% elif hostname == "location.ipfire.org" %}
34 {{ _("Location") }}
35 <span class="badge badge-primary">{{ _("BETA") }}</span>
cc9cbcf2
MT
36 {% elif hostname == "mirrors.ipfire.org" %}
37 {{ _("Mirrors") }}
31947225
MT
38 {% elif hostname == "people.ipfire.org" %}
39 {{ _("People") }}
181d08f3
MT
40 {% elif hostname == "wiki.ipfire.org" %}
41 {{ _("Wiki") }}
31947225 42 {% end %}
6cee9198
MT
43 </a>
44
d5a50891 45 {% block menu %}
31947225
MT
46 {% if hostname in ("www.ipfire.org", "dev.ipfire.org") %}
47 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar"
48 aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
49 <span class="fas fa-bars"></span>
50 </button>
d5a50891 51
31947225
MT
52 <div class="collapse navbar-collapse" id="navbar">
53 <ul class="navbar-nav ml-auto">
54 <li class="nav-item d-sm-block d-md-block d-lg-none">
55 <a class="nav-link {% if request.path == "/" %}active{% end %}" href="/">{{ _("Home") }}</a>
56 </li>
66da67fe 57
31947225
MT
58 <li class="nav-item">
59 <a class="nav-link {% if request.path == "/features" %}active{% end %}" href="/features">{{ _("Features") }}</a>
60 </li>
66da67fe 61
31947225 62 <li class="nav-item">
31947225 63 <a class="nav-link {% if request.path == "/support" %}active{% end %}" href="/support">{{ _("Support") }}</a>
31947225 64 </li>
66da67fe 65
31947225 66 <li class="nav-item">
6c3e78c1 67 <a class="nav-link" href="https://blog.ipfire.org/">{{ _("Blog") }}</a>
31947225 68 </li>
6c3e78c1
MT
69
70 <li class="nav-item">
7c661061
MT
71 <a class="nav-link" href="https://community.ipfire.org/">{{ _("Community") }}</a>
72 </li>
0bf57186
MT
73
74 <li class="nav-item">
75 <a class="nav-link {% if request.path.startswith("/download") %}active{% end %}" href="/download">{{ _("Download") }}</a>
6c3e78c1 76 </li>
31947225 77 </ul>
2bd6830c 78
f4e7b91a 79 <a class="btn btn-primary mt-2 mt-lg-0 ml-lg-2" href="/donate">
3e1c465f 80 {{ _("Donate") }}
31947225
MT
81 </a>
82 </div>
83 {% elif hostname == "blog.ipfire.org" %}
84 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar"
85 aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
86 <span class="fas fa-bars"></span>
87 </button>
f9f085e0 88
31947225 89 <div class="collapse navbar-collapse" id="navbar">
063f60e7
MT
90 <ul class="navbar-nav ml-auto d-lg-none">
91 <li class="nav-item">
92 <a class="nav-link {% if request.path == "/" %}active{% end %}" href="/">
93 {{ _("Newest") }}
94 </a>
95 </li>
96
97 {% if current_user %}
98 <li class="nav-item">
99 <a class="nav-link {% if request.path == "/drafts" %}active{% end %}" href="/drafts">
100 {{ _("My Drafts") }}
101 </a>
102 </li>
103 {% end %}
104
105 <li class="nav-item">
106 <a class="nav-link {% if request.path == "/tags/featured" %}active{% end %}" href="/tags/featured">
107 {{ _("Featured") }}
108 </a>
109 </li>
110
111 <li class="nav-item">
112 <a class="nav-link {% if request.path == "/tags/lightningwirelabs.com" %}active{% end %} d-flex justify-content-between"
113 href="/tags/lightningwirelabs.com">
114 <span>{{ _("Lightning Wire Labs") }}</span>
115
116 <img class="img-fluid" src="{{ static_url("img/lightningwirelabs-logo.svg") }}"
117 alt="{{ _("Lightning Wire Labs") }}">
118 </a>
119 </li>
120
121 <li class="nav-item">
122 <a class="nav-link d-flex justify-content-between" href="/feed.xml">
123 <span>{{ _("RSS Feed") }}</span> <span class="fas fa-rss"></span>
124 </a>
125 </li>
126 </ul>
127
f4e7b91a
MT
128 <form class="form-inline ml-lg-auto my-2 my-lg-0" action="/search" method="GET">
129 <input class="form-control form-control-sm" type="search" name="q"
31947225
MT
130 placeholder="{{ _("Search...") }}" aria-label="{{ _("Search") }}" value="{% try %}{{ q }}{% except %}{% end %}">
131 </form>
f9f085e0 132
bb0d9933 133 <a class="btn btn-primary ml-lg-2" href="https://www.ipfire.org/donate">
3e1c465f 134 {{ _("Donate") }}
31947225
MT
135 </a>
136 </div>
62eaa617
MT
137 {% elif hostname == "fireinfo.ipfire.org" %}
138 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar"
139 aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
140 <span class="fas fa-bars"></span>
141 </button>
142
143 <div class="collapse navbar-collapse" id="navbar">
144 <ul class="navbar-nav ml-auto">
145 <li class="nav-item">
8ab37e0b 146 <a class="nav-link {% if request.path.startswith("/vendors") %}active{% end %}" href="/vendors">
62eaa617
MT
147 {{ _("Vendors") }}
148 </a>
149 </li>
62eaa617
MT
150 </ul>
151 </div>
c3bcd7d4
MT
152 {% elif hostname == "location.ipfire.org" %}
153 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar"
154 aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
155 <span class="fas fa-bars"></span>
156 </button>
157
158 <div class="collapse navbar-collapse" id="navbar">
159 <ul class="navbar-nav ml-auto">
55eea098
MT
160 <li class="nav-item">
161 <a class="nav-link {% if request.path == "/how-to-use" %}active{% end %}" href="/how-to-use">
162 {{ _("How To Use") }}
163 </a>
164 </li>
165
c3bcd7d4
MT
166 <li class="nav-item">
167 <a class="nav-link {% if request.path == "/download" %}active{% end %}" href="/download">
168 {{ _("Download") }}
169 </a>
170 </li>
171 </ul>
172
173 <a class="btn btn-primary ml-lg-2" href="https://www.ipfire.org/donate">
3e1c465f 174 {{ _("Donate") }}
c3bcd7d4
MT
175 </a>
176 </div>
31947225
MT
177 {% elif hostname == "nopaste.ipfire.org" %}
178 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar"
179 aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
180 <span class="fas fa-bars"></span>
181 </button>
49c82edc 182
31947225
MT
183 <div class="collapse navbar-collapse" id="navbar">
184 <ul class="navbar-nav ml-auto">
185 <li class="nav-item">
5c29f60b 186 <a class="nav-link" href="/?mode=upload">{{ _("Upload File") }}</a>
31947225
MT
187 </li>
188 </ul>
189 </div>
190 {% elif hostname == "people.ipfire.org" %}
191 {% if current_user %}
192 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar"
193 aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
194 <span class="fas fa-bars"></span>
195 </button>
71a3109c 196
31947225
MT
197 <div class="collapse navbar-collapse" id="navbar">
198 <ul class="navbar-nav ml-auto mr-3">
199 <li class="nav-item">
200 <a class="nav-link {% if request.path == "/users/%s" % current_user.uid %}active{% end %}" href="/users/{{ current_user.uid }}">
201 {{ _("My Profile") }}
202 </a>
203 </li>
71a3109c 204
71a3109c
MT
205 {% if current_user.is_staff() %}
206 <li class="nav-item">
207 <a class="nav-link {% if request.path == "/users" %}active{% end %}" href="/users">
208 {{ _("Users") }}
209 </a>
210 </li>
17b40a42
MT
211
212 <li class="nav-item">
213 <a class="nav-link {% if request.path.startswith("/groups") %}active{% end %}" href="/groups">
214 {{ _("Groups") }}
215 </a>
216 </li>
71a3109c
MT
217 {% end %}
218
219 {% if current_user.has_sip() %}
220 <li class="nav-item">
221 <a class="nav-link {% if request.path.startswith("/conferences") %}active{% end %}" href="/conferences">
222 {{ _("Conferences") }}
223 </a>
224 </li>
225 {% end %}
31947225 226 </ul>
f9f085e0 227
31947225
MT
228 <form class="form-inline my-2 my-lg-0" action="/search" method="GET">
229 <input class="form-control form-control-sm mr-sm-2" type="search" name="q"
230 placeholder="{{ _("Search") }}" aria-label="{{ _("Search") }}" value="{% try %}{{ q }}{% except %}{% end %}">
231 </form>
232 </div>
233 {% end %}
181d08f3
MT
234 {% elif hostname == "wiki.ipfire.org" %}
235 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar"
236 aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
237 <span class="fas fa-bars"></span>
238 </button>
239
240 <div class="collapse navbar-collapse" id="navbar">
924309ed 241 <ul class="navbar-nav ml-auto mr-3">
f9db574a
MT
242 <li class="nav-item">
243 <a class="nav-link {% if request.path == "/recent-changes" %}active{% end %}" href="/recent-changes">
244 {{ _("Recent Changes") }}
245 </a>
246 </li>
2f23c558
MT
247
248 <li class="nav-item">
249 <a class="nav-link {% if request.path == "/watchlist" %}active{% end %}" href="/watchlist">
250 {{ _("Watchlist") }}
251 </a>
252 </li>
f9db574a
MT
253 </ul>
254
255 <form class="form-inline my-2 my-lg-0" action="/search" method="GET">
181d08f3
MT
256 <input class="form-control form-control-sm" type="search" name="q"
257 placeholder="{{ _("Search...") }}" aria-label="{{ _("Search") }}" value="{% try %}{{ q }}{% except %}{% end %}">
258 </form>
259
260 <a class="btn btn-primary ml-lg-2" href="https://www.ipfire.org/donate">
3e1c465f 261 {{ _("Donate") }}
181d08f3
MT
262 </a>
263 </div>
31947225 264 {% end %}
d5a50891 265 {% end block %}
4b4334da 266 </div>
6cee9198 267 </nav>
60024cc8
MT
268
269 {% block container %}
60b0917c 270 <div class="container">
12e5de7e 271 {% block content %}{% end block %}
9b5ac075
MT
272 </div>
273 {% end block %}
60024cc8 274
9b5ac075 275 {% block footer %}
c819ecf2 276 <footer>
0509f6fd 277 <div class="footer">
0c657b78 278 {% if hostname in ("www.ipfire.org", "dev.ipfire.org") %}
0509f6fd
MT
279 <div class="footer-info">
280 <div class="container pb-3">
281 <div class="row mb-6 justify-content-between">
282 <div class="col-12 col-lg-4 mb-4">
283 <h6>{{ _("Subscribe to our Newsletter") }}</h6>
60b0917c 284
0509f6fd
MT
285 <form method="POST" action="https://{{ "dev.ipfire.org" if hostname == "dev.ipfire.org" else "www.ipfire.org" }}/newsletter/subscribe">
286 {% raw xsrf_form_html() %}
60b0917c 287
0509f6fd 288 <label class="sr-only" for="email">{{ _("Email Address") }}</label>
60b0917c 289
0509f6fd 290 <input type="email" class="form-control mb-2 mr-sm-2" id="email" name="email"
dd714987 291 placeholder="{{ _("Your Email Address") }}" required>
47d47c2e 292
0509f6fd
MT
293 <button type="submit" class="btn btn-primary btn-block mb-2">{{ _("Subscribe") }}</button>
294 </form>
295 </div>
c819ecf2 296
b27d7cc5 297 <div class="col-12 col-lg-3 mb-4 small">
0509f6fd
MT
298 <h6>{{ _("About") }}</h6>
299
300 <div class="row">
301 <div class="col">
302 <ul class="list-unstyled">
303 <li>
29c01129 304 <a href="/features">{{ _("Features") }}</a>
0509f6fd
MT
305 </li>
306
307 <li>
b870dc69 308 <a href="/support">{{ _("Support") }}</a>
0509f6fd
MT
309 </li>
310
311 <li>
b870dc69
MT
312 <a href="https://blog.ipfire.org">{{ _("Blog") }}</a>
313 </li>
314
315 <li>
316 <a href="https://community.ipfire.org/">{{ _("Community") }}</a>
0509f6fd
MT
317 </li>
318 </ul>
319 </div>
320
321 <div class="col">
322 <ul class="list-unstyled">
323 <li>
b870dc69 324 <a href="/download">{{ _("Download") }}</a>
0509f6fd
MT
325 </li>
326
327 <li>
2c69e189 328 <a href="https://wiki.ipfire.org/devel">{{ _("Development") }}</a>
0509f6fd
MT
329 </li>
330
331 <li>
29c01129 332 <a href="/legal">{{ _("Legal") }}</a>
0509f6fd
MT
333 </li>
334 </ul>
335 </div>
c819ecf2 336 </div>
2597b512 337 </div>
60b0917c 338
0509f6fd 339 <div class="col-12 col-lg-4 text-center mb-4">
29c01129 340 <a class="btn btn-primary btn-lg px-4 my-4" href="/donate">
3e1c465f 341 {{ _("Donate") }}
c819ecf2 342 </a>
76d53285 343
0509f6fd
MT
344 <div class="btn-toolbar justify-content-center">
345 <a class="btn btn-link" href="https://twitter.com/ipfire">
346 <span class="fab fa-twitter"></span>
347 </a>
c819ecf2 348
0509f6fd
MT
349 <a class="btn btn-link" href="https://www.facebook.com/IPFire.org">
350 <span class="fab fa-facebook"></span>
351 </a>
352
353 <a class="btn btn-link" href="https://youtube.com/user/ipfireproject">
354 <span class="fab fa-youtube"></span>
355 </a>
356 </div>
c819ecf2 357 </div>
76d53285 358 </div>
60b0917c
MT
359 </div>
360 </div>
0509f6fd
MT
361 {% end %}
362
363 <div class="copyright">
364 <div class="container d-flex justify-content-between">
c9fb3c5b 365 &copy; {{ year }} - IPFire - {{ _("The Open Source Firewall") }}
0509f6fd 366
dabfd2ca 367 {% if not current_user and hostname in ("blog.ipfire.org", "nopaste.ipfire.org", "wiki.ipfire.org") %}
0509f6fd
MT
368 <a href="/login">{{ _("Login") }}</a>
369 {% elif current_user %}
ce121186
MT
370 <p class="mb-0">
371 <span class="mr-2">
d6e57f73 372 {{ _("You are currently logged in as %s") % current_user }}
ce121186
MT
373 </span>
374
0509f6fd 375 <a href="/logout">{{ _("Logout") }}</a>
ce121186 376 </p>
0509f6fd
MT
377 {% end %}
378 </div>
20df8773 379 </div>
9b5ac075
MT
380 </div>
381 </footer>
60024cc8 382 {% end block %}
45f1004c 383
f9b71176
MT
384 <script src="{{ static_url("js/jquery-3.3.1.min.js") }}"></script>
385 <script src="{{ static_url("js/popper.min.js") }}"></script>
386 <script src="{{ static_url("js/bootstrap.min.js") }}"></script>
9f043320 387 {% block javascript %}{% end block %}
81675874 388 </body>
389</html>