[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 %}
						{% module Menu() %}
					{% 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="/subscribe">
									{% raw xsrf_form_html() %}

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

									<input type="text" class="form-control mb-2 mr-sm-2" id="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>
		<script src="{{ static_url("js/site.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 %}
	32	{% module Menu() %}
	33	{% end block %}
82468973	34	</div>
6cee9198	35
62058a32	36	<a class="btn btn-primary btn-donate ml-2 d-none d-sm-block" href="/donate">
04e3763d	37	<span class="fas fa-heart"></span> {{ _("Donate") }}
6cee9198	38	</a>
4b4334da	39	</div>
6cee9198	40	</nav>
60024cc8 MT	41
60024cc8 MT	42	{% block container %}
60b0917c MT	43	<div class="container">
60b0917c MT	44	{% block body %}{% end block %}
12e5de7e	45	{% block content %}{% end block %}
9b5ac075 MT	46	</div>
9b5ac075 MT	47	{% end block %}
60024cc8	48
9b5ac075	49	{% block footer %}
b4c68079	50	<footer class="footer">
76d53285 MT	51	{% if hostname in ("www.ipfire.org", "blog.ipfire.org", "dev.ipfire.org") %}
76d53285 MT	52	<div class="container pb-3">
2597b512 MT	53	<div class="row mb-6 justify-content-between">
	54	<div class="col-12 col-lg-4 mb-4">
	55	<h6>{{ _("Subscribe to our Newsletter") }}</h6>
60b0917c	56
2597b512 MT	57	<form method="POST" action="/subscribe">
2597b512 MT	58	{% raw xsrf_form_html() %}
60b0917c	59
2597b512	60	<label class="sr-only" for="email">{{ _("Email Address") }}</label>
60b0917c	61
2597b512 MT	62	<input type="text" class="form-control mb-2 mr-sm-2" id="email"
2597b512 MT	63	placeholder="{{ _("Your Email Address") }}">
47d47c2e	64
2597b512 MT	65	<button type="submit" class="btn btn-primary btn-block mb-2">{{ _("Subscribe") }}</button>
	66	</form>
	67	</div>
47d47c2e	68
2597b512 MT	69	<div class="col-12 col-lg-3 mb-4">
	70	<h6>{{ _("About") }}</h6>
	71
	72	<div class="row">
	73	<div class="col">
	74	<ul class="list-unstyled">
	75	<li>
	76	<a href="https://www.ipfire.org/features">{{ _("Features") }}</a>
	77	</li>
	78
	79	<li>
	80	<a href="https://downloads.ipfire.org">{{ _("Download") }}</a>
	81	</li>
	82
	83	<li>
	84	<a href="https://www.ipfire.org/support">{{ _("Support") }}</a>
	85	</li>
	86	</ul>
	87	</div>
	88
	89	<div class="col">
	90	<ul class="list-unstyled">
	91	<li>
	92	<a href="https://blog.ipfire.org">{{ _("Blog") }}</a>
	93	</li>
	94
	95	<li>
	96	<a href="https://wiki.ipfire.org/devel/start">{{ _("Development") }}</a>
	97	</li>
	98
	99	<li>
	100	<a href="https://www.ipfire.org/legal">{{ _("Legal") }}</a>
	101	</li>
	102	</ul>
	103	</div>
	104	</div>
76d53285	105	</div>
60b0917c	106
2597b512 MT	107	<div class="col-12 col-lg-4 text-center mb-4">
2597b512 MT	108	<a class="btn btn-primary btn-lg my-4" href="//www.ipfire.org/donate">
76d53285	109	<span class="fas fa-heart"></span> {{ _("Donate") }}
60b0917c	110	</a>
04e3763d	111
2597b512 MT	112	<div class="btn-toolbar justify-content-center">
2597b512 MT	113	<a class="btn btn-link" href="https://twitter.com/ipfire">
76d53285 MT	114	<span class="fab fa-twitter"></span>
76d53285 MT	115	</a>
04e3763d	116
2597b512	117	<a class="btn btn-link" href="https://www.facebook.com/IPFire.org">
76d53285 MT	118	<span class="fab fa-facebook"></span>
	119	</a>
	120
2597b512	121	<a class="btn btn-link" href="https://youtube.com/user/ipfireproject">
76d53285 MT	122	<span class="fab fa-youtube"></span>
	123	</a>
	124	</div>
60b0917c MT	125	</div>
	126	</div>
	127	</div>
76d53285 MT	128	{% end %}
76d53285 MT	129
23015f63 MT	130	<div class="copyright">
	131	<div class="container d-flex justify-content-between">
	132	© {{ year }} - {{ _("IPFire is free software written by the IPFire Project") }}
	133
	134	{% if not current_user and hostname in ("blog.ipfire.org") %}
ddfebab0 MT	135	<a href="/login">{{ _("Login") }}</a>
	136	{% elif current_user %}
	137	<span>
	138	{{ _("You are currently logged in as %s") % current_user.name }}
	139	<a href="/logout">{{ _("Logout") }}</a>
	140	</span>
23015f63	141	{% end %}
20df8773	142	</div>
9b5ac075 MT	143	</div>
9b5ac075 MT	144	</footer>
60024cc8	145	{% end block %}
45f1004c	146
f9b71176 MT	147	<script src="{{ static_url("js/jquery-3.3.1.min.js") }}"></script>
	148	<script src="{{ static_url("js/popper.min.js") }}"></script>
	149	<script src="{{ static_url("js/bootstrap.min.js") }}"></script>
45f1004c	150	<script src="{{ static_url("js/site.js") }}"></script>
9f043320	151	{% block javascript %}{% end block %}
81675874	152	</body>
81675874	153	</html>