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