[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">
				<div class="container pb-3">
					<div class="row mb-6">
						<div class="col-6 col-sm-5 offset-sm-2 col-md-3 offset-md-0 col-lg-2 mb-5">
							<h4>{{ _("About") }}</h4>

							<ul class="list-unstyled">
								<li>
									<a href="https://www.ipfire.org/about">{{ _("About IPFire") }}</a>
								</li>
								<li>
									<a href="https://downloads.ipfire.org">{{ _("Download") }}</a>
								</li>
								<li>
									<a href="https://blog.ipfire.org">{{ _("Blog") }}</a>
								</li>
								<li>
									<a href="https://www.ipfire.org/legal">{{ _("Legal") }}</a>
								</li>
							</ul>
						</div>

						<div class="col-6 col-sm-5 col-md-3 col-lg-2 mb-5">
							<h4>{{ _("Support") }}</h4>

							<ul class="list-unstyled">
								<li>
									<a href="https://www.ipfire.org/get-support#professional">{{ _("Professional Support") }}</a>
								</li>
								<li>
									<a href="https://wiki.ipfire.org">{{ _("Documentation") }}</a>
								</li>
							</ul>
						</div>

						<div class="col-6 col-sm-5 offset-sm-2 col-md-3 offset-md-0 col-lg-2 mb-5">
							<h4>{{ _("Community") }}</h4>

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

						<div class="col-6 col-sm-5 col-md-3 col-lg-2 mb-6">
							<h4>{{ _("Development") }}</h4>

							<ul class="list-unstyled">
								<li>
									<a href="https://wiki.ipfire.org/devel/start">{{ _("Development") }}</a>
								</li>
							</ul>
						</div>

						<div class="col-sm-8 offset-sm-2 col-md-12 offset-md-0 col-lg-4 pt-md-6 pt-lg-1 text-center">
							<a class="btn btn-primary btn-lg" href="//www.ipfire.org/donate">
								<span class="fas fa-heart"></span> {{ _("Donate") }}
							</a>

							<div class="btn-toolbar justify-content-around col-md-6 offset-md-3">
								<a class="btn btn-lg" href="https://blog.ipfire.org/feed.xml">
									<span class="fas fa-rss"></span>
								</a>

								<a class="btn btn-lg" href="https://twitter.com/ipfire">
									<span class="fab fa-twitter"></span>
								</a>

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

								<a class="btn btn-lg" href="https://youtube.com/user/ipfireproject">
									<span class="fab fa-youtube"></span>
								</a>
							</div>
						</div>
					</div>
				</div>
				
				<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>
			<div id="mask"></div>
		{% 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">
20df8773 S	51	<div class="container pb-3">
20df8773 S	52	<div class="row mb-6">
f8c4f791	53	<div class="col-6 col-sm-5 offset-sm-2 col-md-3 offset-md-0 col-lg-2 mb-5">
6aa3b1ec	54	<h4>{{ _("About") }}</h4>
7771acea	55
60b0917c MT	56	<ul class="list-unstyled">
60b0917c MT	57	<li>
ba43a892	58	<a href="https://www.ipfire.org/about">{{ _("About IPFire") }}</a>
60b0917c MT	59	</li>
60b0917c MT	60	<li>
73493ea6	61	<a href="https://downloads.ipfire.org">{{ _("Download") }}</a>
60b0917c MT	62	</li>
60b0917c MT	63	<li>
7cfde639	64	<a href="https://blog.ipfire.org">{{ _("Blog") }}</a>
60b0917c MT	65	</li>
60b0917c MT	66	<li>
ba43a892	67	<a href="https://www.ipfire.org/legal">{{ _("Legal") }}</a>
60b0917c MT	68	</li>
	69	</ul>
	70	</div>
b4c68079	71
8e18ac98	72	<div class="col-6 col-sm-5 col-md-3 col-lg-2 mb-5">
6aa3b1ec	73	<h4>{{ _("Support") }}</h4>
60b0917c MT	74
	75	<ul class="list-unstyled">
	76	<li>
ba43a892	77	<a href="https://www.ipfire.org/get-support#professional">{{ _("Professional Support") }}</a>
60b0917c MT	78	</li>
60b0917c MT	79	<li>
ba43a892	80	<a href="https://wiki.ipfire.org">{{ _("Documentation") }}</a>
60b0917c MT	81	</li>
	82	</ul>
	83	</div>
	84
f8c4f791	85	<div class="col-6 col-sm-5 offset-sm-2 col-md-3 offset-md-0 col-lg-2 mb-5">
6aa3b1ec	86	<h4>{{ _("Community") }}</h4>
60b0917c MT	87
	88	<ul class="list-unstyled">
	89	<li>
ba43a892	90	<a href="https://forum.ipfire.org">{{ _("Forum") }}</a>
60b0917c	91	</li>
60b0917c MT	92	</ul>
	93	</div>
	94
8e18ac98	95	<div class="col-6 col-sm-5 col-md-3 col-lg-2 mb-6">
6aa3b1ec	96	<h4>{{ _("Development") }}</h4>
47d47c2e	97
60b0917c MT	98	<ul class="list-unstyled">
60b0917c MT	99	<li>
a9877125	100	<a href="https://wiki.ipfire.org/devel/start">{{ _("Development") }}</a>
60b0917c MT	101	</li>
	102	</ul>
	103	</div>
47d47c2e	104
f8c4f791	105	<div class="col-sm-8 offset-sm-2 col-md-12 offset-md-0 col-lg-4 pt-md-6 pt-lg-1 text-center">
6aa3b1ec	106	<a class="btn btn-primary btn-lg" href="//www.ipfire.org/donate">
04e3763d	107	<span class="fas fa-heart"></span> {{ _("Donate") }}
60b0917c MT	108	</a>
60b0917c MT	109
82468973	110	<div class="btn-toolbar justify-content-around col-md-6 offset-md-3">
04e3763d MT	111	<a class="btn btn-lg" href="https://blog.ipfire.org/feed.xml">
04e3763d MT	112	<span class="fas fa-rss"></span>
60b0917c	113	</a>
04e3763d MT	114
	115	<a class="btn btn-lg" href="https://twitter.com/ipfire">
	116	<span class="fab fa-twitter"></span>
60b0917c	117	</a>
04e3763d MT	118
	119	<a class="btn btn-lg" href="https://www.facebook.com/IPFire.org">
	120	<span class="fab fa-facebook"></span>
60b0917c	121	</a>
04e3763d MT	122
	123	<a class="btn btn-lg" href="https://youtube.com/user/ipfireproject">
	124	<span class="fab fa-youtube"></span>
60b0917c MT	125	</a>
	126	</div>
	127	</div>
	128	</div>
20df8773 S	129	</div>
20df8773 S	130
23015f63 MT	131	<div class="copyright">
	132	<div class="container d-flex justify-content-between">
	133	© {{ year }} - {{ _("IPFire is free software written by the IPFire Project") }}
	134
	135	{% if not current_user and hostname in ("blog.ipfire.org") %}
ddfebab0 MT	136	<a href="/login">{{ _("Login") }}</a>
	137	{% elif current_user %}
	138	<span>
	139	{{ _("You are currently logged in as %s") % current_user.name }}
	140	<a href="/logout">{{ _("Logout") }}</a>
	141	</span>
23015f63	142	{% end %}
20df8773	143	</div>
9b5ac075 MT	144	</div>
9b5ac075 MT	145	</footer>
5236a99a	146	<div id="mask"></div>
60024cc8	147	{% end block %}
45f1004c	148
f9b71176 MT	149	<script src="{{ static_url("js/jquery-3.3.1.min.js") }}"></script>
	150	<script src="{{ static_url("js/popper.min.js") }}"></script>
	151	<script src="{{ static_url("js/bootstrap.min.js") }}"></script>
45f1004c	152	<script src="{{ static_url("js/site.js") }}"></script>
9f043320	153	{% block javascript %}{% end block %}
81675874	154	</body>
81675874	155	</html>