[ipfire.org.git] / src / templates / base.html

<!DOCTYPE html>
<html lang="en">
	<head>
		<title>{{ hostname }} - {% block title %}{{ _("No title given") }}{% end block %}</title>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<meta name="author" content="IPFire.org - IPFire Development Team" />

		<meta name="keywords" content="Linux, Firewall, IPFire, Security, IPCop, Open Source, Free, ARM, VPN, Proxy, IDS, IPS" />

		<link rel="icon" sizes="192x192" href="{{ static_url("img/apple-touch-icon-192x192-precomposed.png") }}">
		{% for res in ("72x72", "76x76", "120x120", "144x144", "152x152", "180x180") %}
			<link rel="apple-touch-icon-precomposed" sizes="{{ res }}" href="{{ static_url("img/apple-touch-icon-%s-precomposed.png" % res )}}">
		{% end %}
		<link rel="apple-touch-icon-precomposed" href="{{ static_url("img/apple-touch-icon-60x60-precomposed.png") }}">

		<!-- styling stuff -->
		<link rel="stylesheet" type="text/css" href="{{ static_url("main.css") }}" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0">

		{% block head %}{% end block %}
	</head>

	<body id="page-top">
		<nav class="navbar navbar-dark navbar-expand-lg mb-4">
			<div class="container">
				<a class="navbar-brand" href="/">
					<strong>IPFire</strong>

					{% if hostname == "blog.ipfire.org" %}
						{{ _("Blog") }}
					{% elif hostname == "fireinfo.ipfire.org" %}
						{{ _("Fireinfo") }}
					{% elif hostname == "location.ipfire.org" %}
						{{ _("Location") }}
						<span class="badge badge-primary">{{ _("BETA") }}</span>
					{% elif hostname == "mirrors.ipfire.org" %}
						{{ _("Mirrors") }}
					{% elif hostname == "people.ipfire.org" %}
						{{ _("People") }}
					{% elif hostname == "wiki.ipfire.org" %}
						{{ _("Wiki") }}
					{% end %}
				</a>

				{% block menu %}
					{% if hostname in ("www.ipfire.org", "dev.ipfire.org") %}
						<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar"
								aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
							<span class="fas fa-bars"></span>
						</button>

						<div class="collapse navbar-collapse" id="navbar">
							<ul class="navbar-nav ml-auto">
								<li class="nav-item d-sm-block d-md-block d-lg-none">
									<a class="nav-link {% if request.path == "/" %}active{% end %}" href="/">{{ _("Home") }}</a>
								</li>

								<li class="nav-item">
									<a class="nav-link {% if request.path == "/features" %}active{% end %}" href="/features">{{ _("Features") }}</a>
								</li>

								<li class="nav-item">
									<a class="nav-link {% if request.path == "/support" %}active{% end %}" href="/support">{{ _("Support") }}</a>
								</li>

								<li class="nav-item">
									<a class="nav-link" href="https://blog.ipfire.org/">{{ _("Blog") }}</a>
								</li>

								<li class="nav-item">
									<a class="nav-link" href="https://community.ipfire.org/">{{ _("Community") }}</a>
								</li>

								<li class="nav-item">
									<a class="nav-link {% if request.path.startswith("/download") %}active{% end %}" href="/download">{{ _("Download") }}</a>
								</li>
							</ul>

							<a class="btn btn-primary mt-2 mt-lg-0 ml-lg-2" href="/donate">
								<span class="fas fa-heart"></span> {{ _("Donate") }}
							</a>
						</div>
					{% elif hostname == "blog.ipfire.org" %}
						<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar"
								aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
							<span class="fas fa-bars"></span>
						</button>

						<div class="collapse navbar-collapse" id="navbar">
							<ul class="navbar-nav ml-auto d-lg-none">
								<li class="nav-item">
									<a class="nav-link {% if request.path == "/" %}active{% end %}" href="/">
										{{ _("Newest") }}
									</a>
								</li>

								{% if current_user %}
									<li class="nav-item">
										<a class="nav-link {% if request.path == "/drafts" %}active{% end %}" href="/drafts">
											{{ _("My Drafts") }}
										</a>
									</li>
								{% end %}

								<li class="nav-item">
									<a class="nav-link {% if request.path == "/tags/featured" %}active{% end %}" href="/tags/featured">
										{{ _("Featured") }}
									</a>
								</li>

								<li class="nav-item">
									<a class="nav-link {% if request.path == "/tags/lightningwirelabs.com" %}active{% end %} d-flex justify-content-between"
											href="/tags/lightningwirelabs.com">
										<span>{{ _("Lightning Wire Labs") }}</span>

										<img class="img-fluid" src="{{ static_url("img/lightningwirelabs-logo.svg") }}"
											alt="{{ _("Lightning Wire Labs") }}">
									</a>
								</li>

								<li class="nav-item">
									<a class="nav-link d-flex justify-content-between" href="/feed.xml">
										<span>{{ _("RSS Feed") }}</span> <span class="fas fa-rss"></span>
									</a>
								</li>
							</ul>

							<form class="form-inline ml-lg-auto my-2 my-lg-0" action="/search" method="GET">
								<input class="form-control form-control-sm" type="search" name="q"
									placeholder="{{ _("Search...") }}" aria-label="{{ _("Search") }}" value="{% try %}{{ q }}{% except %}{% end %}">
							</form>

							<a class="btn btn-primary ml-lg-2" href="https://www.ipfire.org/donate">
								<span class="fas fa-heart"></span> {{ _("Donate") }}
							</a>
						</div>
					{% elif hostname == "fireinfo.ipfire.org" %}
						<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar"
								aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
							<span class="fas fa-bars"></span>
						</button>

						<div class="collapse navbar-collapse" id="navbar">
							<ul class="navbar-nav ml-auto">
								<li class="nav-item">
									<a class="nav-link {% if request.path.startswith("/vendors") %}active{% end %}" href="/vendors">
										{{ _("Vendors") }}
									</a>
								</li>
							</ul>
						</div>
					{% elif hostname == "location.ipfire.org" %}
						<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar"
								aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
							<span class="fas fa-bars"></span>
						</button>

						<div class="collapse navbar-collapse" id="navbar">
							<ul class="navbar-nav ml-auto">
								<li class="nav-item">
									<a class="nav-link {% if request.path == "/how-to-use" %}active{% end %}" href="/how-to-use">
										{{ _("How To Use") }}
									</a>
								</li>

								<li class="nav-item">
									<a class="nav-link {% if request.path == "/download" %}active{% end %}" href="/download">
										{{ _("Download") }}
									</a>
								</li>
							</ul>

							<a class="btn btn-primary ml-lg-2" href="https://www.ipfire.org/donate">
								<span class="fas fa-heart"></span> {{ _("Donate") }}
							</a>
						</div>
					{% elif hostname == "nopaste.ipfire.org" %}
						<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar"
								aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
							<span class="fas fa-bars"></span>
						</button>

						<div class="collapse navbar-collapse" id="navbar">
							<ul class="navbar-nav ml-auto">
								<li class="nav-item">
									<a class="nav-link" href="/?mode=upload">{{ _("Upload File") }}</a>
								</li>
							</ul>
						</div>
					{% elif hostname == "people.ipfire.org" %}
						{% if current_user %}
							<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar"
									aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
								<span class="fas fa-bars"></span>
							</button>

							<div class="collapse navbar-collapse" id="navbar">
								<ul class="navbar-nav ml-auto mr-3">
									<li class="nav-item">
										<a class="nav-link {% if request.path == "/users/%s" % current_user.uid %}active{% end %}" href="/users/{{ current_user.uid }}">
											{{ _("My Profile") }}
										</a>
									</li>

									{% if current_user.is_staff() %}
										<li class="nav-item">
											<a class="nav-link {% if request.path == "/users" %}active{% end %}" href="/users">
												{{ _("Users") }}
											</a>
										</li>
									{% end %}

									{% if current_user.has_sip() %}
										<li class="nav-item">
											<a class="nav-link {% if request.path.startswith("/conferences") %}active{% end %}" href="/conferences">
												{{ _("Conferences") }}
											</a>
										</li>
									{% end %}
								</ul>

								<form class="form-inline my-2 my-lg-0" action="/search" method="GET">
									<input class="form-control form-control-sm mr-sm-2" type="search" name="q"
										placeholder="{{ _("Search") }}" aria-label="{{ _("Search") }}" value="{% try %}{{ q }}{% except %}{% end %}">
								</form>
							</div>
						{% end %}
					{% elif hostname == "wiki.ipfire.org" %}
						<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar"
								aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
							<span class="fas fa-bars"></span>
						</button>

						<div class="collapse navbar-collapse" id="navbar">
							<ul class="navbar-nav ml-auto mr-3">
								<li class="nav-item">
									<a class="nav-link {% if request.path == "/recent-changes" %}active{% end %}" href="/recent-changes">
										{{ _("Recent Changes") }}
									</a>
								</li>

								<li class="nav-item">
									<a class="nav-link {% if request.path == "/watchlist" %}active{% end %}" href="/watchlist">
										{{ _("Watchlist") }}
									</a>
								</li>
							</ul>

							<form class="form-inline my-2 my-lg-0" action="/search" method="GET">
								<input class="form-control form-control-sm" type="search" name="q"
									placeholder="{{ _("Search...") }}" aria-label="{{ _("Search") }}" value="{% try %}{{ q }}{% except %}{% end %}">
							</form>

							<a class="btn btn-primary ml-lg-2" href="https://www.ipfire.org/donate">
								<span class="fas fa-heart"></span> {{ _("Donate") }}
							</a>
						</div>
					{% end %}
				{% end block %}
			</div>
		</nav>

		{% block container %}
			<div class="container">
				{% block content %}{% end block %}
			</div>
		{% end block %}

		{% block footer %}
			<footer>
				<div class="footer">
					{% if hostname in ("www.ipfire.org", "dev.ipfire.org") %}
						<div class="footer-info">
							<div class="container pb-3">
								<div class="row mb-6 justify-content-between">
									<div class="col-12 col-lg-4 mb-4">
										<h6>{{ _("Subscribe to our Newsletter") }}</h6>

										<form method="POST" action="https://{{ "dev.ipfire.org" if hostname == "dev.ipfire.org" else "www.ipfire.org" }}/newsletter/subscribe">
											{% raw xsrf_form_html() %}

											<label class="sr-only" for="email">{{ _("Email Address") }}</label>

											<input type="email" class="form-control mb-2 mr-sm-2" id="email" name="email"
												placeholder="{{ _("Your Email Address") }}" required>

											<button type="submit" class="btn btn-primary btn-block mb-2">{{ _("Subscribe") }}</button>
										</form>
									</div>

									<div class="col-12 col-lg-3 mb-4 small">
										<h6>{{ _("About") }}</h6>

										<div class="row">
											<div class="col">
												<ul class="list-unstyled">
													<li>
														<a href="/features">{{ _("Features") }}</a>
													</li>

													<li>
														<a href="/download">{{ _("Download") }}</a>
													</li>

													<li>
														<a href="/support">{{ _("Support") }}</a>
													</li>
												</ul>
											</div>

											<div class="col">
												<ul class="list-unstyled">
													<li>
														<a href="https://blog.ipfire.org">{{ _("Blog") }}</a>
													</li>

													<li>
														<a href="https://wiki.ipfire.org/devel">{{ _("Development") }}</a>
													</li>

													<li>
														<a href="/legal">{{ _("Legal") }}</a>
													</li>
												</ul>
											</div>
										</div>
									</div>

									<div class="col-12 col-lg-4 text-center mb-4">
										<a class="btn btn-primary btn-lg px-4 my-4" href="/donate">
											<span class="fas fa-heart"></span> {{ _("Donate") }}
										</a>

										<div class="btn-toolbar justify-content-center">
											<a class="btn btn-link" href="https://twitter.com/ipfire">
												<span class="fab fa-twitter"></span>
											</a>

											<a class="btn btn-link" href="https://www.facebook.com/IPFire.org">
												<span class="fab fa-facebook"></span>
											</a>

											<a class="btn btn-link" href="https://youtube.com/user/ipfireproject">
												<span class="fab fa-youtube"></span>
											</a>
										</div>
									</div>
								</div>
							</div>
						</div>
					{% end %}

					<div class="copyright">
						<div class="container d-flex justify-content-between">
							&copy; {{ year }} - IPFire - {{ _("The Open Source Firewall") }}

							{% if not current_user and hostname in ("blog.ipfire.org", "nopaste.ipfire.org", "wiki.ipfire.org") %}
								<a href="/login">{{ _("Login") }}</a>
							{% elif current_user %}
								<p class="mb-0">
									<span class="mr-2">
										{{ _("You are currently logged in as %s") % current_user }}
									</span>

									<a href="/logout">{{ _("Logout") }}</a>
								</p>
							{% end %}
						</div>
					</div>
				</div>
			</footer>
		{% end block %}

		<script src="{{ static_url("js/jquery-3.3.1.min.js") }}"></script>
		<script src="{{ static_url("js/popper.min.js") }}"></script>
		<script src="{{ static_url("js/bootstrap.min.js") }}"></script>
		{% block javascript %}{% end block %}
	</body>
</html>
Commit	Line	Data
60024cc8 MT	1	<!DOCTYPE html>
60024cc8 MT	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" %}
62eaa617 MT	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" %}
cc9cbcf2 MT	37	{{ _("Mirrors") }}
31947225 MT	38	{% elif hostname == "people.ipfire.org" %}
31947225 MT	39	{{ _("People") }}
181d08f3 MT	40	{% elif hostname == "wiki.ipfire.org" %}
181d08f3 MT	41	{{ _("Wiki") }}
31947225	42	{% end %}
6cee9198 MT	43	</a>
6cee9198 MT	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 MT	62	<li class="nav-item">
	63	<a class="nav-link {% if request.path == "/support" %}active{% end %}" href="/support">{{ _("Support") }}</a>
	64	</li>
6c3e78c1 MT	65
	66	<li class="nav-item">
	67	<a class="nav-link" href="https://blog.ipfire.org/">{{ _("Blog") }}</a>
	68	</li>
7c661061 MT	69
	70	<li class="nav-item">
	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>
	76	</li>
31947225	77	</ul>
2bd6830c	78
f4e7b91a	79	<a class="btn btn-primary mt-2 mt-lg-0 ml-lg-2" href="/donate">
31947225 MT	80	<span class="fas fa-heart"></span> {{ _("Donate") }}
	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">
f4e7b91a MT	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 %}">
31947225 MT	131	</form>
f9f085e0	132
bb0d9933	133	<a class="btn btn-primary ml-lg-2" href="https://www.ipfire.org/donate">
31947225 MT	134	<span class="fas fa-heart"></span> {{ _("Donate") }}
	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>
62eaa617 MT	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">
	174	<span class="fas fa-heart"></span> {{ _("Donate") }}
	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>
	211	{% end %}
	212
	213	{% if current_user.has_sip() %}
	214	<li class="nav-item">
	215	<a class="nav-link {% if request.path.startswith("/conferences") %}active{% end %}" href="/conferences">
	216	{{ _("Conferences") }}
	217	</a>
	218	</li>
	219	{% end %}
31947225	220	</ul>
f9f085e0	221
31947225 MT	222	<form class="form-inline my-2 my-lg-0" action="/search" method="GET">
	223	<input class="form-control form-control-sm mr-sm-2" type="search" name="q"
	224	placeholder="{{ _("Search") }}" aria-label="{{ _("Search") }}" value="{% try %}{{ q }}{% except %}{% end %}">
	225	</form>
	226	</div>
	227	{% end %}
181d08f3 MT	228	{% elif hostname == "wiki.ipfire.org" %}
	229	<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar"
	230	aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
	231	<span class="fas fa-bars"></span>
	232	</button>
	233
	234	<div class="collapse navbar-collapse" id="navbar">
924309ed	235	<ul class="navbar-nav ml-auto mr-3">
f9db574a MT	236	<li class="nav-item">
	237	<a class="nav-link {% if request.path == "/recent-changes" %}active{% end %}" href="/recent-changes">
	238	{{ _("Recent Changes") }}
	239	</a>
	240	</li>
2f23c558 MT	241
	242	<li class="nav-item">
	243	<a class="nav-link {% if request.path == "/watchlist" %}active{% end %}" href="/watchlist">
	244	{{ _("Watchlist") }}
	245	</a>
	246	</li>
f9db574a MT	247	</ul>
	248
	249	<form class="form-inline my-2 my-lg-0" action="/search" method="GET">
181d08f3 MT	250	<input class="form-control form-control-sm" type="search" name="q"
	251	placeholder="{{ _("Search...") }}" aria-label="{{ _("Search") }}" value="{% try %}{{ q }}{% except %}{% end %}">
	252	</form>
	253
	254	<a class="btn btn-primary ml-lg-2" href="https://www.ipfire.org/donate">
	255	<span class="fas fa-heart"></span> {{ _("Donate") }}
	256	</a>
	257	</div>
31947225	258	{% end %}
d5a50891	259	{% end block %}
4b4334da	260	</div>
6cee9198	261	</nav>
60024cc8 MT	262
60024cc8 MT	263	{% block container %}
60b0917c	264	<div class="container">
12e5de7e	265	{% block content %}{% end block %}
9b5ac075 MT	266	</div>
9b5ac075 MT	267	{% end block %}
60024cc8	268
9b5ac075	269	{% block footer %}
c819ecf2	270	<footer>
0509f6fd	271	<div class="footer">
0c657b78	272	{% if hostname in ("www.ipfire.org", "dev.ipfire.org") %}
0509f6fd MT	273	<div class="footer-info">
	274	<div class="container pb-3">
	275	<div class="row mb-6 justify-content-between">
	276	<div class="col-12 col-lg-4 mb-4">
	277	<h6>{{ _("Subscribe to our Newsletter") }}</h6>
60b0917c	278
0509f6fd MT	279	<form method="POST" action="https://{{ "dev.ipfire.org" if hostname == "dev.ipfire.org" else "www.ipfire.org" }}/newsletter/subscribe">
0509f6fd MT	280	{% raw xsrf_form_html() %}
60b0917c	281
0509f6fd	282	<label class="sr-only" for="email">{{ _("Email Address") }}</label>
60b0917c	283
0509f6fd	284	<input type="email" class="form-control mb-2 mr-sm-2" id="email" name="email"
dd714987	285	placeholder="{{ _("Your Email Address") }}" required>
47d47c2e	286
0509f6fd MT	287	<button type="submit" class="btn btn-primary btn-block mb-2">{{ _("Subscribe") }}</button>
	288	</form>
	289	</div>
c819ecf2	290
b27d7cc5	291	<div class="col-12 col-lg-3 mb-4 small">
0509f6fd MT	292	<h6>{{ _("About") }}</h6>
	293
	294	<div class="row">
	295	<div class="col">
	296	<ul class="list-unstyled">
	297	<li>
29c01129	298	<a href="/features">{{ _("Features") }}</a>
0509f6fd MT	299	</li>
	300
	301	<li>
29c01129	302	<a href="/download">{{ _("Download") }}</a>
0509f6fd MT	303	</li>
	304
	305	<li>
29c01129	306	<a href="/support">{{ _("Support") }}</a>
0509f6fd MT	307	</li>
	308	</ul>
	309	</div>
	310
	311	<div class="col">
	312	<ul class="list-unstyled">
	313	<li>
	314	<a href="https://blog.ipfire.org">{{ _("Blog") }}</a>
	315	</li>
	316
	317	<li>
2c69e189	318	<a href="https://wiki.ipfire.org/devel">{{ _("Development") }}</a>
0509f6fd MT	319	</li>
	320
	321	<li>
29c01129	322	<a href="/legal">{{ _("Legal") }}</a>
0509f6fd MT	323	</li>
	324	</ul>
	325	</div>
c819ecf2	326	</div>
2597b512	327	</div>
60b0917c	328
0509f6fd	329	<div class="col-12 col-lg-4 text-center mb-4">
29c01129	330	<a class="btn btn-primary btn-lg px-4 my-4" href="/donate">
0509f6fd	331	<span class="fas fa-heart"></span> {{ _("Donate") }}
c819ecf2	332	</a>
76d53285	333
0509f6fd MT	334	<div class="btn-toolbar justify-content-center">
	335	<a class="btn btn-link" href="https://twitter.com/ipfire">
	336	<span class="fab fa-twitter"></span>
	337	</a>
c819ecf2	338
0509f6fd MT	339	<a class="btn btn-link" href="https://www.facebook.com/IPFire.org">
	340	<span class="fab fa-facebook"></span>
	341	</a>
	342
	343	<a class="btn btn-link" href="https://youtube.com/user/ipfireproject">
	344	<span class="fab fa-youtube"></span>
	345	</a>
	346	</div>
c819ecf2	347	</div>
76d53285	348	</div>
60b0917c MT	349	</div>
60b0917c MT	350	</div>
0509f6fd MT	351	{% end %}
	352
	353	<div class="copyright">
	354	<div class="container d-flex justify-content-between">
c9fb3c5b	355	© {{ year }} - IPFire - {{ _("The Open Source Firewall") }}
0509f6fd	356
dabfd2ca	357	{% if not current_user and hostname in ("blog.ipfire.org", "nopaste.ipfire.org", "wiki.ipfire.org") %}
0509f6fd MT	358	<a href="/login">{{ _("Login") }}</a>
0509f6fd MT	359	{% elif current_user %}
ce121186 MT	360	<p class="mb-0">
ce121186 MT	361	<span class="mr-2">
d6e57f73	362	{{ _("You are currently logged in as %s") % current_user }}
ce121186 MT	363	</span>
ce121186 MT	364
0509f6fd	365	<a href="/logout">{{ _("Logout") }}</a>
ce121186	366	</p>
0509f6fd MT	367	{% end %}
0509f6fd MT	368	</div>
20df8773	369	</div>
9b5ac075 MT	370	</div>
9b5ac075 MT	371	</footer>
60024cc8	372	{% end block %}
45f1004c	373
f9b71176 MT	374	<script src="{{ static_url("js/jquery-3.3.1.min.js") }}"></script>
	375	<script src="{{ static_url("js/popper.min.js") }}"></script>
	376	<script src="{{ static_url("js/bootstrap.min.js") }}"></script>
9f043320	377	{% block javascript %}{% end block %}
81675874	378	</body>
81675874	379	</html>