]>
Commit | Line | Data |
---|---|---|
1 | <!DOCTYPE html> | |
2 | <html lang="en"> | |
3 | <head> | |
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" /> | |
7 | ||
8 | <meta name="keywords" content="Linux, Firewall, IPFire, Security, IPCop, Open Source, Free, ARM, VPN, Proxy, IDS, IPS" /> | |
9 | ||
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 | ||
16 | <!-- styling stuff --> | |
17 | <link rel="stylesheet" type="text/css" href="{{ static_url("main.css") }}" /> | |
18 | <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
19 | ||
20 | {% block head %}{% end block %} | |
21 | </head> | |
22 | ||
23 | <body id="page-top"> | |
24 | <nav class="navbar navbar-dark navbar-expand-xl mb-4"> | |
25 | <div class="container"> | |
26 | <a class="navbar-brand" href="/"> | |
27 | <strong>IPFire</strong> | |
28 | ||
29 | {% if hostname == "blog.ipfire.org" %} | |
30 | {{ _("Blog") }} | |
31 | {% elif hostname == "fireinfo.ipfire.org" %} | |
32 | {{ _("Fireinfo") }} | |
33 | {% elif hostname == "mirrors.ipfire.org" %} | |
34 | {{ _("Mirrors") }} | |
35 | {% elif hostname == "people.ipfire.org" %} | |
36 | {{ _("People") }} | |
37 | {% elif hostname == "wiki.ipfire.org" %} | |
38 | {{ _("Wiki") }} | |
39 | {% end %} | |
40 | </a> | |
41 | ||
42 | {% block menu %} | |
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> | |
48 | ||
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> | |
54 | ||
55 | <li class="nav-item"> | |
56 | <a class="nav-link {% if request.path == "/features" %}active{% end %}" href="/features">{{ _("Features") }}</a> | |
57 | </li> | |
58 | ||
59 | <li class="nav-item"> | |
60 | <a class="nav-link {% if request.path.startswith("/download") %}active{% end %}" href="/download">{{ _("Download") }}</a> | |
61 | </li> | |
62 | ||
63 | <li class="nav-item"> | |
64 | <a class="nav-link {% if request.path == "/support" %}active{% end %}" href="/support">{{ _("Support") }}</a> | |
65 | </li> | |
66 | ||
67 | <li class="nav-item"> | |
68 | <a class="nav-link" href="https://blog.ipfire.org/">{{ _("Blog") }}</a> | |
69 | </li> | |
70 | </ul> | |
71 | ||
72 | <a class="btn btn-primary mt-2 mt-lg-0 ml-lg-2" href="/donate"> | |
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"> | |
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 | ||
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" | |
123 | placeholder="{{ _("Search...") }}" aria-label="{{ _("Search") }}" value="{% try %}{{ q }}{% except %}{% end %}"> | |
124 | </form> | |
125 | ||
126 | <a class="btn btn-primary ml-lg-2" href="https://www.ipfire.org/donate"> | |
127 | <span class="fas fa-heart"></span> {{ _("Donate") }} | |
128 | </a> | |
129 | </div> | |
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"> | |
139 | <a class="nav-link {% if request.path.startswith("/vendors") %}active{% end %}" href="/vendors"> | |
140 | {{ _("Vendors") }} | |
141 | </a> | |
142 | </li> | |
143 | </ul> | |
144 | </div> | |
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> | |
150 | ||
151 | <div class="collapse navbar-collapse" id="navbar"> | |
152 | <ul class="navbar-nav ml-auto"> | |
153 | <li class="nav-item"> | |
154 | <a class="nav-link" href="/?mode=upload">{{ _("Upload File") }}</a> | |
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> | |
164 | ||
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> | |
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 %} | |
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 %} | |
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"> | |
215 | <ul class="navbar-nav ml-auto mr-3"> | |
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"> | |
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> | |
232 | {% end %} | |
233 | {% end block %} | |
234 | </div> | |
235 | </nav> | |
236 | ||
237 | {% block container %} | |
238 | <div class="container"> | |
239 | {% block content %}{% end block %} | |
240 | </div> | |
241 | {% end block %} | |
242 | ||
243 | {% block footer %} | |
244 | <footer> | |
245 | <div class="footer"> | |
246 | {% if hostname in ("www.ipfire.org", "dev.ipfire.org") %} | |
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> | |
252 | ||
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() %} | |
255 | ||
256 | <label class="sr-only" for="email">{{ _("Email Address") }}</label> | |
257 | ||
258 | <input type="email" class="form-control mb-2 mr-sm-2" id="email" name="email" | |
259 | placeholder="{{ _("Your Email Address") }}" required> | |
260 | ||
261 | <button type="submit" class="btn btn-primary btn-block mb-2">{{ _("Subscribe") }}</button> | |
262 | </form> | |
263 | </div> | |
264 | ||
265 | <div class="col-12 col-lg-3 mb-4 small"> | |
266 | <h6>{{ _("About") }}</h6> | |
267 | ||
268 | <div class="row"> | |
269 | <div class="col"> | |
270 | <ul class="list-unstyled"> | |
271 | <li> | |
272 | <a href="/features">{{ _("Features") }}</a> | |
273 | </li> | |
274 | ||
275 | <li> | |
276 | <a href="/download">{{ _("Download") }}</a> | |
277 | </li> | |
278 | ||
279 | <li> | |
280 | <a href="/support">{{ _("Support") }}</a> | |
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> | |
296 | <a href="/legal">{{ _("Legal") }}</a> | |
297 | </li> | |
298 | </ul> | |
299 | </div> | |
300 | </div> | |
301 | </div> | |
302 | ||
303 | <div class="col-12 col-lg-4 text-center mb-4"> | |
304 | <a class="btn btn-primary btn-lg px-4 my-4" href="/donate"> | |
305 | <span class="fas fa-heart"></span> {{ _("Donate") }} | |
306 | </a> | |
307 | ||
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> | |
312 | ||
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> | |
321 | </div> | |
322 | </div> | |
323 | </div> | |
324 | </div> | |
325 | {% end %} | |
326 | ||
327 | <div class="copyright"> | |
328 | <div class="container d-flex justify-content-between"> | |
329 | © {{ year }} - IPFire - {{ _("The Open Source Firewall") }} | |
330 | ||
331 | {% if not current_user and hostname in ("blog.ipfire.org", "nopaste.ipfire.org", "wiki.ipfire.org") %} | |
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> | |
340 | </div> | |
341 | </div> | |
342 | </footer> | |
343 | {% end block %} | |
344 | ||
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> | |
348 | {% block javascript %}{% end block %} | |
349 | </body> | |
350 | </html> |