[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" />
		<meta name="description" content="{{ _("IPFire is a free firewall distribution based on Linux.") }}" />

		<!-- 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">
				<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>

				<a class="navbar-brand mx-auto" href="/">
					<strong>IPFire</strong> {% block subtitle %}{% end block %}
				</a>

				<div class="collapse navbar-collapse" id="navbar">
					{% block menu %}
						<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.startswith("/download") %}active{% end %}" href="/download">{{ _("Download") }}</a>
							</li>

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

							<li class="nav-item">
								<a class="nav-link {% if request.path == "/get-involved" %}active{% end %}" href="/get-involved">{{ _("Community") }}</a>
							</li>
						</ul>
					{% end block %}
				</div>

				<a class="btn btn-primary btn-donate ml-2 d-none d-sm-block" href="/donate">
					<span class="fas fa-heart"></span> {{ _("Donate") }}
				</a>
			</div>
		</nav>

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

		{% block footer %}
			<footer class="footer">
				{% if hostname in ("www.ipfire.org", "blog.ipfire.org", "dev.ipfire.org") %}
					<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" if debug 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") }}">

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

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

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

											<li>
												<a href="https://downloads.ipfire.org">{{ _("Download") }}</a>
											</li>

											<li>
												<a href="https://www.ipfire.org/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/start">{{ _("Development") }}</a>
											</li>

											<li>
												<a href="https://www.ipfire.org/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 my-4" href="//www.ipfire.org/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>
				{% end %}

				<div class="copyright">
					<div class="container d-flex justify-content-between">
						&copy; {{ year }} - {{ _("IPFire is free software written by the IPFire Project") }}

						{% if not current_user and hostname in ("blog.ipfire.org") %}
							<a href="/login">{{ _("Login") }}</a>
						{% elif current_user %}
							<span>
								{{ _("You are currently logged in as %s") % current_user.name }}
								<a href="/logout">{{ _("Logout") }}</a>
							</span>
						{% end %}
					</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 MT	9	<meta name="description" content="{{ _("IPFire is a free firewall distribution based on Linux.") }}" />
940227cb MT	10
60024cc8	11	<!-- styling stuff -->
07064256	12	<link rel="stylesheet" type="text/css" href="{{ static_url("main.css") }}" />
9f868512	13	<meta name="viewport" content="width=device-width, initial-scale=1.0">
940227cb	14
a1bf2f6c	15	{% block head %}{% end block %}
81675874	16	</head>
60024cc8	17
ed163b4b	18	<body id="page-top">
c56cbe8c	19	<nav class="navbar navbar-dark navbar-expand-lg mb-4">
6cee9198 MT	20	<div class="container">
	21	<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar"
	22	aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
04e3763d	23	<span class="fas fa-bars"></span>
6cee9198 MT	24	</button>
6cee9198 MT	25
a9a5d02b	26	<a class="navbar-brand mx-auto" href="/">
77fe8df7	27	<strong>IPFire</strong> {% block subtitle %}{% end block %}
6cee9198 MT	28	</a>
	29
	30	<div class="collapse navbar-collapse" id="navbar">
	31	{% block menu %}
66da67fe MT	32	<ul class="navbar-nav ml-auto">
	33	<li class="nav-item d-sm-block d-md-block d-lg-none">
	34	<a class="nav-link {% if request.path == "/" %}active{% end %}" href="/">{{ _("Home") }}</a>
	35	</li>
	36
	37	<li class="nav-item">
	38	<a class="nav-link {% if request.path == "/features" %}active{% end %}" href="/features">{{ _("Features") }}</a>
	39	</li>
	40
	41	<li class="nav-item">
	42	<a class="nav-link {% if request.path.startswith("/download") %}active{% end %}" href="/download">{{ _("Download") }}</a>
	43	</li>
	44
	45	<li class="nav-item">
	46	<a class="nav-link {% if request.path == "/get-support" %}active{% end %}" href="/get-support">{{ _("Support") }}</a>
	47	</li>
	48
	49	<li class="nav-item">
	50	<a class="nav-link {% if request.path == "/get-involved" %}active{% end %}" href="/get-involved">{{ _("Community") }}</a>
	51	</li>
	52	</ul>
6cee9198	53	{% end block %}
82468973	54	</div>
6cee9198	55
62058a32	56	<a class="btn btn-primary btn-donate ml-2 d-none d-sm-block" href="/donate">
04e3763d	57	<span class="fas fa-heart"></span> {{ _("Donate") }}
6cee9198	58	</a>
4b4334da	59	</div>
6cee9198	60	</nav>
60024cc8 MT	61
60024cc8 MT	62	{% block container %}
60b0917c MT	63	<div class="container">
60b0917c MT	64	{% block body %}{% end block %}
12e5de7e	65	{% block content %}{% end block %}
9b5ac075 MT	66	</div>
9b5ac075 MT	67	{% end block %}
60024cc8	68
9b5ac075	69	{% block footer %}
b4c68079	70	<footer class="footer">
76d53285 MT	71	{% if hostname in ("www.ipfire.org", "blog.ipfire.org", "dev.ipfire.org") %}
76d53285 MT	72	<div class="container pb-3">
2597b512 MT	73	<div class="row mb-6 justify-content-between">
	74	<div class="col-12 col-lg-4 mb-4">
	75	<h6>{{ _("Subscribe to our Newsletter") }}</h6>
60b0917c	76
5613b94b	77	<form method="POST" action="https://{{ "dev" if debug else "www" }}.ipfire.org/newsletter/subscribe">
2597b512	78	{% raw xsrf_form_html() %}
60b0917c	79
2597b512	80	<label class="sr-only" for="email">{{ _("Email Address") }}</label>
60b0917c	81
5613b94b	82	<input type="email" class="form-control mb-2 mr-sm-2" id="email" name="email"
2597b512	83	placeholder="{{ _("Your Email Address") }}">
47d47c2e	84
2597b512 MT	85	<button type="submit" class="btn btn-primary btn-block mb-2">{{ _("Subscribe") }}</button>
	86	</form>
	87	</div>
47d47c2e	88
2597b512 MT	89	<div class="col-12 col-lg-3 mb-4">
	90	<h6>{{ _("About") }}</h6>
	91
	92	<div class="row">
	93	<div class="col">
	94	<ul class="list-unstyled">
	95	<li>
	96	<a href="https://www.ipfire.org/features">{{ _("Features") }}</a>
	97	</li>
	98
	99	<li>
	100	<a href="https://downloads.ipfire.org">{{ _("Download") }}</a>
	101	</li>
	102
	103	<li>
	104	<a href="https://www.ipfire.org/support">{{ _("Support") }}</a>
	105	</li>
	106	</ul>
	107	</div>
	108
	109	<div class="col">
	110	<ul class="list-unstyled">
	111	<li>
	112	<a href="https://blog.ipfire.org">{{ _("Blog") }}</a>
	113	</li>
	114
	115	<li>
	116	<a href="https://wiki.ipfire.org/devel/start">{{ _("Development") }}</a>
	117	</li>
	118
	119	<li>
	120	<a href="https://www.ipfire.org/legal">{{ _("Legal") }}</a>
	121	</li>
	122	</ul>
	123	</div>
	124	</div>
76d53285	125	</div>
60b0917c	126
2597b512 MT	127	<div class="col-12 col-lg-4 text-center mb-4">
2597b512 MT	128	<a class="btn btn-primary btn-lg my-4" href="//www.ipfire.org/donate">
76d53285	129	<span class="fas fa-heart"></span> {{ _("Donate") }}
60b0917c	130	</a>
04e3763d	131
2597b512 MT	132	<div class="btn-toolbar justify-content-center">
2597b512 MT	133	<a class="btn btn-link" href="https://twitter.com/ipfire">
76d53285 MT	134	<span class="fab fa-twitter"></span>
76d53285 MT	135	</a>
04e3763d	136
2597b512	137	<a class="btn btn-link" href="https://www.facebook.com/IPFire.org">
76d53285 MT	138	<span class="fab fa-facebook"></span>
	139	</a>
	140
2597b512	141	<a class="btn btn-link" href="https://youtube.com/user/ipfireproject">
76d53285 MT	142	<span class="fab fa-youtube"></span>
	143	</a>
	144	</div>
60b0917c MT	145	</div>
	146	</div>
	147	</div>
76d53285 MT	148	{% end %}
76d53285 MT	149
23015f63 MT	150	<div class="copyright">
	151	<div class="container d-flex justify-content-between">
	152	© {{ year }} - {{ _("IPFire is free software written by the IPFire Project") }}
	153
	154	{% if not current_user and hostname in ("blog.ipfire.org") %}
ddfebab0 MT	155	<a href="/login">{{ _("Login") }}</a>
	156	{% elif current_user %}
	157	<span>
	158	{{ _("You are currently logged in as %s") % current_user.name }}
	159	<a href="/logout">{{ _("Logout") }}</a>
	160	</span>
23015f63	161	{% end %}
20df8773	162	</div>
9b5ac075 MT	163	</div>
9b5ac075 MT	164	</footer>
60024cc8	165	{% end block %}
45f1004c	166
f9b71176 MT	167	<script src="{{ static_url("js/jquery-3.3.1.min.js") }}"></script>
	168	<script src="{{ static_url("js/popper.min.js") }}"></script>
	169	<script src="{{ static_url("js/bootstrap.min.js") }}"></script>
9f043320	170	{% block javascript %}{% end block %}
81675874	171	</body>
81675874	172	</html>