]> git.ipfire.org Git - ipfire.org.git/blame - src/templates/base.html
auth: Redesign the login page
[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
907afa34 23 <body>
ae6c248d
MT
24 <nav class="navbar" role="navigation" aria-label="main navigation">
25 <div class="container">
26 <div class="navbar-brand">
27 <a class="navbar-item is-size-4" href="/">
28 <strong>
29 IPFire<span class="has-text-primary">_</span>
30
31 {% if hostname.startswith("fireinfo.") %}
32 {{ _("Fireinfo") }}
33 {% elif hostname.startswith("nopaste.") %}
34 {{ _("Nopaste") }}
35 {% elif hostname.startswith("people.") %}
36 {{ _("People") }}
37 {% elif hostname.startswith("location.") %}
38 {{ _("Location") }}
39 {% elif hostname.startswith("wiki.") %}
40 {{ _("Wiki") }}
41 {% end %}
42 </strong>
43 </a>
44 <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarMainMenu">
45 <span aria-hidden="true"></span>
46 <span aria-hidden="true"></span>
47 <span aria-hidden="true"></span>
48 </a>
49 </div>
50 <div class="navbar-menu" id="navbarMainMenu">
51 {% block menu %}
52 {% if hostname.startswith("www.") or hostname.startswith("dev.") %}
53 <div class="navbar-end">
54 <a class="navbar-item {% if request.path == "/about" %}active{% end %}" href="/about">{{ _("About") }}</a>
907afa34 55
ae6c248d 56 <a class="navbar-item {% if request.path.startswith("/download") %}active{% end %}" href="/download">{{ _("Download") }}</a>
907afa34 57
ae6c248d 58 <a class="navbar-item {% if request.path.startswith("/blog") %}active{% end %}" href="/blog">{{ _("Blog") }}</a>
adfebfd5 59
ae6c248d
MT
60 <a class="navbar-item {% if request.path == "/help" %}active{% end %}" href="/help">{{ _("Help") }}</a>
61
62 <div class="navbar-item">
63 <button class="button is-lwl" href="https://store.lightningwirelabs.com/?utm_source={{ hostname }}&utm_medium=navigation">
64 <p class="has-text-centered has-text-weight-bold is-uppercase">
65 {{ _("Buy") }}
66 </p>
67 </button>
907afa34 68 </div>
adfebfd5 69
ae6c248d
MT
70 <div class="navbar-item">
71 <button class="button is-primary" href="https://www.ipfire.org/donate">
72 <p class="has-text-centered has-text-weight-bold is-uppercase">
73 {{ _("Donate") }}
74 </p>
75 </button>
76 </div>
77 </div>
78 {% elif hostname == "fireinfo.ipfire.org" %}
79 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar"
80 aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
81 <span class="fas fa-bars"></span>
82 </button>
83
84 <div class="collapse navbar-collapse" id="navbar">
85 <ul class="navbar-nav ml-auto">
86 {% if current_user and current_user.is_staff() %}
71a3109c 87 <li class="nav-item">
ae6c248d
MT
88 <a class="nav-link {% if request.path.startswith("/admin") %}active{% end %}" href="/admin">
89 {{ _("Admin") }}
71a3109c
MT
90 </a>
91 </li>
ae6c248d 92 {% end %}
f9f085e0 93
ae6c248d
MT
94 <li class="nav-item">
95 <a class="nav-link {% if request.path.startswith("/vendors") %}active{% end %}" href="/vendors">
96 {{ _("Vendors") }}
97 </a>
98 </li>
99 </ul>
100 </div>
101 {% elif hostname == "location.ipfire.org" %}
102 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar"
103 aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
104 <span class="fas fa-bars"></span>
105 </button>
106
107 <div class="collapse navbar-collapse" id="navbar">
108 <ul class="navbar-nav ml-auto">
109 <li class="nav-item">
110 <a class="nav-link {% if request.path == "/how-to-use" %}active{% end %}" href="/how-to-use">
111 {{ _("How To Use") }}
112 </a>
113 </li>
adfebfd5 114
ae6c248d
MT
115 <li class="nav-item">
116 <a class="nav-link {% if request.path == "/download" %}active{% end %}" href="/download">
117 {{ _("Download") }}
118 </a>
119 </li>
120 </ul>
121
122 <a class="btn btn-primary ml-lg-2" href="https://www.ipfire.org/donate">
123 {{ _("Donate") }}
124 </a>
125 </div>
126 {% elif hostname == "nopaste.ipfire.org" %}
127 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar"
128 aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
129 <span class="fas fa-bars"></span>
130 </button>
131
132 <div class="collapse navbar-collapse" id="navbar">
133 <ul class="navbar-nav ml-auto">
134 <li class="nav-item">
135 <a class="nav-link" href="/?mode=upload">{{ _("Upload File") }}</a>
136 </li>
137 </ul>
138 </div>
139 {% elif hostname.startswith("people.") %}
140 {% if current_user %}
907afa34
RH
141 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar"
142 aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
143 <span class="fas fa-bars"></span>
144 </button>
adfebfd5 145
907afa34 146 <div class="collapse navbar-collapse" id="navbar">
ae6c248d 147 <ul class="navbar-nav ml-auto mr-3">
907afa34 148 <li class="nav-item">
ae6c248d
MT
149 <a class="nav-link {% if request.path == "/users/%s" % current_user.uid %}active{% end %}" href="/users/{{ current_user.uid }}">
150 {{ _("My Profile") }}
151 </a>
907afa34 152 </li>
907afa34 153
ae6c248d 154 {% if current_user.is_staff() %}
adfebfd5 155 <li class="nav-item">
ae6c248d
MT
156 <a class="nav-link {% if request.path == "/users" %}active{% end %}" href="/users">
157 {{ _("Users") }}
adfebfd5
MT
158 </a>
159 </li>
adfebfd5 160
ae6c248d
MT
161 <li class="nav-item">
162 <a class="nav-link {% if request.path.startswith("/groups") %}active{% end %}" href="/groups">
163 {{ _("Groups") }}
164 </a>
165 </li>
adfebfd5 166
ae6c248d
MT
167 <li class="nav-item">
168 <a class="nav-link {% if request.path == "/stats" %}active{% end %}" href="/stats">
169 {{ _("Stats") }}
170 </a>
171 </li>
172 {% end %}
173
174 {% if current_user.has_sip() %}
175 <li class="nav-item">
176 <a class="nav-link {% if request.path.startswith("/conferences") %}active{% end %}" href="/conferences">
177 {{ _("Conferences") }}
178 </a>
179 </li>
180 {% end %}
181 </ul>
907afa34 182
ae6c248d
MT
183 <form class="my-2 my-lg-0" action="/search" method="GET">
184 <input class="form-control form-control-sm mr-sm-2" type="search" name="q"
185 placeholder="{{ _("Search") }}" aria-label="{{ _("Search") }}" value="{% try %}{{ q }}{% except %}{% end %}">
186 </form>
adfebfd5
MT
187 </div>
188 {% end %}
ae6c248d
MT
189 {% elif hostname == "wiki.ipfire.org" %}
190 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar"
191 aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
192 <span class="fas fa-bars"></span>
193 </button>
194
195 <div class="collapse navbar-collapse" id="navbar">
196 <form class=" ml-auto my-2 my-lg-0" action="/search" method="GET">
197 <input class="form-control form-control-sm" type="search" name="q"
198 placeholder="{{ _("Search...") }}" aria-label="{{ _("Search") }}" value="{% try %}{{ q }}{% except %}{% end %}">
199 </form>
200
201 <a class="btn btn-primary ml-lg-2" href="https://www.ipfire.org/donate">
202 {{ _("Donate") }}
203 </a>
204 </div>
205 {% end %}
206 {% end block %}
adfebfd5 207 </div>
ae6c248d
MT
208 </div>
209 </nav>
adfebfd5 210
ae6c248d
MT
211 {% block container %}
212 <div class="container">
213 {% block content %}{% end block %}
214 </div>
9b5ac075 215 {% end block %}
60024cc8 216
9b5ac075 217 {% block footer %}
dcfd17ce
MT
218 <footer class="footer">
219 <div class="container">
220 <div class="columns">
221 <div class="column is-two-fifths">
dfd0d4cf
MT
222 {# Show some profile information for users who are logged in #}
223 {% if current_user %}
224 <h4 class="title is-4 mb-0">{{ _("Hello, %s!") % current_user }}</h4>
225
226 <div class="level">
227 <div class="level-left">
228 <a class="level-item" href="/users/{{ current_user.uid }}">
229 {{ _("Profile") }}
230 </a>
231
232 <a class="level-item" href="/logout">
233 {{ _("Logout") }}
234 </a>
235 </div>
236 </div>
237
238 {# Otherwise encourage people to join #}
239 {% else %}
240 <p class="is-size-4">
241 <span class="has-text-weight-bold">IPFire</span><span class="has-text-primary has-text-weight-bold">_</span>People
242 </p>
243
244 <p>
245 Join the community and sign up for our newsletter
246 </p>
247
248 <a class="button is-primary is-outlined is-medium
249 has-text-black has-text-weight-bold" href="/register">
250 JOIN NOW
251 </a>
252 {% end %}
dcfd17ce
MT
253 </div>
254
255 <div class="column is-one-fifth">
256 <ul>
257 <li>
258 <a href="/about">
259 {{ _("About") }}
8505c8cd 260 </a>
dcfd17ce
MT
261 </li>
262 <li>
263 <a href="https://wiki.ipfire.org">
264 {{ _("Wiki") }}
265 </a>
266 </li>
267 <li>
268 <a href="/help">
269 {{ _("Help") }}
270 </a>
271 </li>
272 <li>
273 <a href="https://wiki.ipfire.org/devel">
274 {{ _("Development") }}
275 </a>
276 </li>
277 </ul>
278 </div>
907afa34 279
dcfd17ce
MT
280 <div class="column is-one-fifth">
281 <ul>
282 <li>
283 <a href="/download">
284 {{ _("Download") }}
285 </a>
286 </li>
287 <li>
288 <a href="/blog">
289 {{ _("Blog") }}
290 </a>
291 </li>
292 <li>
293 <a href="https://community.ipfire.org/">
294 {{ _("Community") }}
295 </a>
296 </li>
297 <li>
298 <a href="/legal">
299 {{ _("Legal") }}
300 </a>
301 </li>
302 </ul>
303 </div>
47d47c2e 304
dcfd17ce
MT
305 <div class="column is-one-fifth">
306 <div class="block">
307 <button class="button is-primary is-fullwidth is-medium"
308 href="https://www.ipfire.org/donate">
309 {{ _("DONATE") }}
310 </button>
311 </div>
312
313 <div class="block">
314 <div class="level">
315 <div class="level-item">
316 <a href="https://twitter.com/ipfire">
2c088e36 317 <i class="fa-brands fa-twitter"></i>
dcfd17ce
MT
318 </a>
319 </div>
320 <div class="level-item">
321 <a href="https://linkedin.com/company/ipfire">
2c088e36 322 <i class="fa-brands fa-linkedin-in"></i>
dcfd17ce
MT
323 </a>
324 </dif>
e6b114b8 325 </div>
02040293 326 </div>
0509f6fd 327 </div>
20df8773 328 </div>
9b5ac075
MT
329 </div>
330 </footer>
60024cc8 331 {% end block %}
45f1004c 332
bd688657 333 <script src="{{ static_url("js/jquery-3.6.0.min.js") }}"></script>
92dac2e9 334 <script src="{{ static_url("js/site.js") }}"></script>
9f043320 335 {% block javascript %}{% end block %}
81675874 336 </body>
337</html>