[ipfire.org.git] / 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="verify-v1" content="2LEf3W8naILGWVy2dhedSVEHPXTpp2xFNVsHXZMH1JI=" />

		<!-- Your locale is {{ locale.code }} -->

		<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("css/style.css") }}" />

		<meta name="viewport" content="width=device-width, initial-scale=1.0">

		{% if rss_url %}
			<link rel="alternate" type="application/rss+xml" title="RSS" href="{{ rss_url }}" />
		{% end %}
		
		<script src="{{ static_url("js/jquery.js") }}"></script>
		<script src="{{ static_url("js/circle-progress.min.js") }}"></script>
	</head>

	<body id="page-top" data-spy="scroll" data-target=".navbar-custom">
		
		<div class="fixed-top">
			<div class="container d-flex justify-content-between">
				<nav class="navbar navbar-toggleable-md align-items-md-start">
					<button class="navbar-toggler navbar-toggler-left pt-4" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
						<svg class="icon i_hamburger"><use xlink:href="{{ static_url("img/icons.svg#hamburger") }}"></use></svg>
						<div class="visible-md-up menu-text">Menu</div>
					</button>
					
					<a class="navbar-brand align-self-center" href="/">
						<img src="{{ static_url("img/ipfire-tux.png") }}" alt="IPFire Tux" height="40px" />
						{% if hostname in ("www.ipfire.org", "dev.ipfire.org") %}
							IP<strong>Fire</strong>
						{% elif hostname in ("planet.ipfire.org", "planet.dev.ipfire.org") %}
							{{ _("IPFire Planet") }} &nbsp;
							<span class="text-muted">{{ _("The Blog of the IPFire Team") }}</span>
						{% elif hostname in ("wishlist.ipfire.org", "wishlist.dev.ipfire.org") %}
							{{ _("IPFire Wishlist") }} &nbsp;
							<span class="text-muted">{{ _("The IPFire Crowd-Funding Platform") }}</span>
						{% else %}
							{{ hostname }}
						{% end %}
					</a>
					
					<div id="navbarSupportedContent" class="navbar-collapse collapse d-lg-flex justify-content-lg-end pt-lg-2">
						{% block menu %}
							{% module Menu() %}
						{% end block %}
					</div>
				</nav>
				<div class="align-self-start hidden-md-down">
					<a class="btn btn-red900 btn-sm mt-5" href="/donate">
						<svg class="icon i_heart"><use xlink:href="{{ static_url("img/icons.svg#heart") }}"></use></svg>
						<small style="vertical-align: .30rem;">{{ _("Donate") }}</small>
					</a>
				</div>
			</div>
		</div>

		{% block container %}
			<div class="container">
				{% block body %}{% 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-md-3 col-lg-2 mb-5">
							<h4>{{ _("About") }}</h4>

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

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

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

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

							<ul class="list-unstyled">
								<li>
									<a href="http://forum.ipfire.org">{{ _("Forum") }}</a>
								</li>
								<li>
									<a href="//www.ipfire.org/chat">{{ _("Chat") }}</a>
								</li>
								<li>
									<a href="http://lists.ipfire.org">{{ _("Mailing Lists") }}</a>
								</li>
								<li>
									<a href="http://talk.ipfire.org">{{ _("Talk") }}</a>
								</li>
							</ul>
						</div>

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

							<ul class="list-unstyled">
								<li>
									<a href="http://wiki.ipfire.org/devel/start">{{ _("Become a developer") }}</a>
								</li>
								<li>
									<a href="https://pakfire.ipfire.org">{{ _("Pakfire Build Service") }}</a>
								</li>
								<li>
									<a href="https://bugzilla.ipfire.org">{{ _("Bugtracker") }}</a>
								</li>
								<li>
									<a href="http://patchwork.ipfire.org">{{ _("Patchwork") }}</a>
								</li>
							</ul>
						</div>

						<div class="col-md-12 col-lg-4 pt-md-6 pt-lg-1 text-center">
							<a class="btn btn-primary btn-lg" href="//www.ipfire.org/donate">
								<svg class="icon i_heart"><use xlink:href="{{ static_url("img/icons.svg#heart") }}"></use></svg>
								{{ _("Donate") }}
							</a>

							<div class="btn-toolbar justify-content-around col-md-6 offset-md-3">
								<a class="btn btn-sm" href="http://www.ipfire.org/news.rss">
									<svg class="icon i_rss"><use xlink:href="{{ static_url("img/icons.svg#rss") }}"></use></svg>
								</a>
								<a class="btn btn-sm" href="https://twitter.com/ipfire">
									<svg class="icon i_twitter"><use xlink:href="{{ static_url("img/icons.svg#twitter") }}"></use></svg>
								</a>
								<a class="btn btn-sm" href="https://www.facebook.com/IPFire.org">
									<svg class="icon i_facebook"><use xlink:href="{{ static_url("img/icons.svg#facebook") }}"></use></svg>
								</a>
								<a class="btn btn-sm" href="https://google.com/+IpfireOrg4Ever">
									<svg class="icon i_gplus"><use xlink:href="{{ static_url("img/icons.svg#gplus") }}"></use></svg>
								</a>
								<a class="btn btn-sm" href="https://youtube.com/user/ipfireproject">
									<svg class="icon i_youtube"><use xlink:href="{{ static_url("img/icons.svg#youtube") }}"></use></svg>
								</a>
							</div>
						</div>
					</div>
				</div>
				
				<div id="copyright">
					<div class="container">
						{% if ssl_protocol %}
							<p class="pull-right">
								<span class="fa fa-lock"></span> {{ ssl_protocol }}
								{% if ssl_cipher %}({{ ssl_cipher }}){% end %}
							</p>
						{% end %}
	
						{% if hostname == "wishlist.ipfire.org" %}
							<p class="pull-right">
								<a href="/terms">{{ _("Terms & Conditions") }}</a>
							</p>
						{% end %}
	
						<p><small>&copy; {{ year }} - {{ _("IPFire is free software written by the IPFire Project") }}</small></p>
					</div>
				</div>
			</footer>
		{% end block %}

		<script src="{{ static_url("js/jquery.easing.js") }}"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
		<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>
		<script src="{{ static_url("js/site.js") }}"></script>
	</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" />
	7	<meta name="verify-v1" content="2LEf3W8naILGWVy2dhedSVEHPXTpp2xFNVsHXZMH1JI=" />
940227cb MT	8
	9	<!-- Your locale is {{ locale.code }} -->
	10
60024cc8	11	<meta name="keywords" content="Linux, Firewall, IPFire, Security, IPCop, Open Source, Free, ARM, VPN, Proxy, IDS, IPS" />
940227cb MT	12	<meta name="description" content="{{ _("IPFire is a free firewall distribution based on Linux.") }}" />
940227cb MT	13
60024cc8	14	<!-- styling stuff -->
20df8773 S	15	<link rel="stylesheet" type="text/css" href="{{ static_url("css/style.css") }}" />
20df8773 S	16
9f868512	17	<meta name="viewport" content="width=device-width, initial-scale=1.0">
940227cb	18
de683d7c MT	19	{% if rss_url %}
	20	<link rel="alternate" type="application/rss+xml" title="RSS" href="{{ rss_url }}" />
	21	{% end %}
ac7f3ec6 S	22
	23	<script src="{{ static_url("js/jquery.js") }}"></script>
	24	<script src="{{ static_url("js/circle-progress.min.js") }}"></script>
81675874	25	</head>
60024cc8	26
60b0917c	27	<body id="page-top" data-spy="scroll" data-target=".navbar-custom">
1423222c	28
4b4334da	29	<div class="fixed-top">
82468973 S	30	<div class="container d-flex justify-content-between">
	31	<nav class="navbar navbar-toggleable-md align-items-md-start">
	32	<button class="navbar-toggler navbar-toggler-left pt-4" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
c2cbe16d	33	<svg class="icon i_hamburger"><use xlink:href="{{ static_url("img/icons.svg#hamburger") }}"></use></svg>
d8c9a4d4	34	<div class="visible-md-up menu-text">Menu</div>
4b4334da S	35	</button>
4b4334da S	36
d8c9a4d4	37	<a class="navbar-brand align-self-center" href="/">
ac7f3ec6	38	<img src="{{ static_url("img/ipfire-tux.png") }}" alt="IPFire Tux" height="40px" />
4b4334da	39	{% if hostname in ("www.ipfire.org", "dev.ipfire.org") %}
c2cbe16d	40	IP<strong>Fire</strong>
4b4334da S	41	{% elif hostname in ("planet.ipfire.org", "planet.dev.ipfire.org") %}
	42	{{ _("IPFire Planet") }}
	43	<span class="text-muted">{{ _("The Blog of the IPFire Team") }}</span>
	44	{% elif hostname in ("wishlist.ipfire.org", "wishlist.dev.ipfire.org") %}
	45	{{ _("IPFire Wishlist") }}
	46	<span class="text-muted">{{ _("The IPFire Crowd-Funding Platform") }}</span>
	47	{% else %}
	48	{{ hostname }}
	49	{% end %}
	50	</a>
	51
82468973	52	<div id="navbarSupportedContent" class="navbar-collapse collapse d-lg-flex justify-content-lg-end pt-lg-2">
4b4334da S	53	{% block menu %}
	54	{% module Menu() %}
	55	{% end block %}
	56	</div>
	57	</nav>
82468973	58	<div class="align-self-start hidden-md-down">
c2cbe16d S	59	<a class="btn btn-red900 btn-sm mt-5" href="/donate">
	60	<svg class="icon i_heart"><use xlink:href="{{ static_url("img/icons.svg#heart") }}"></use></svg>
	61	<small style="vertical-align: .30rem;">{{ _("Donate") }}</small>
	62	</a>
82468973	63	</div>
4b4334da	64	</div>
81675874	65	</div>
60024cc8 MT	66
60024cc8 MT	67	{% block container %}
60b0917c MT	68	<div class="container">
60b0917c MT	69	{% block body %}{% end block %}
9b5ac075 MT	70	</div>
9b5ac075 MT	71	{% end block %}
60024cc8	72
9b5ac075	73	{% block footer %}
b4c68079	74	<footer class="footer">
20df8773 S	75	<div class="container pb-3">
20df8773 S	76	<div class="row mb-6">
d8c9a4d4	77	<div class="col-6 col-md-3 col-lg-2 mb-5">
6aa3b1ec	78	<h4>{{ _("About") }}</h4>
7771acea	79
60b0917c MT	80	<ul class="list-unstyled">
	81	<li>
	82	<a href="http://www.ipfire.org/about">{{ _("About IPFire") }}</a>
	83	</li>
	84	<li>
73493ea6	85	<a href="https://downloads.ipfire.org">{{ _("Download") }}</a>
60b0917c MT	86	</li>
60b0917c MT	87	<li>
73493ea6	88	<a href="https://planet.ipfire.org">{{ _("Planet") }}</a>
60b0917c MT	89	</li>
60b0917c MT	90	<li>
f11f1807	91	<a href="http://www.ipfire.org/legal">{{ _("Legal") }}</a>
60b0917c MT	92	</li>
	93	</ul>
	94	</div>
b4c68079	95
d8c9a4d4	96	<div class="col-6 col-md-3 col-lg-2 mb-5">
6aa3b1ec	97	<h4>{{ _("Support") }}</h4>
60b0917c MT	98
	99	<ul class="list-unstyled">
	100	<li>
	101	<a href="http://www.ipfire.org/get-support#professional">{{ _("Professional Support") }}</a>
	102	</li>
	103	<li>
	104	<a href="http://wiki.ipfire.org">{{ _("Documentation") }}</a>
	105	</li>
	106	</ul>
	107	</div>
	108
d8c9a4d4	109	<div class="col-6 col-md-3 col-lg-2 mb-5">
6aa3b1ec	110	<h4>{{ _("Community") }}</h4>
60b0917c MT	111
	112	<ul class="list-unstyled">
	113	<li>
	114	<a href="http://forum.ipfire.org">{{ _("Forum") }}</a>
	115	</li>
	116	<li>
	117	<a href="//www.ipfire.org/chat">{{ _("Chat") }}</a>
	118	</li>
	119	<li>
	120	<a href="http://lists.ipfire.org">{{ _("Mailing Lists") }}</a>
	121	</li>
	122	<li>
	123	<a href="http://talk.ipfire.org">{{ _("Talk") }}</a>
	124	</li>
	125	</ul>
	126	</div>
	127
d8c9a4d4	128	<div class="col-6 col-md-3 col-lg-2 mb-6">
6aa3b1ec	129	<h4>{{ _("Development") }}</h4>
47d47c2e	130
60b0917c MT	131	<ul class="list-unstyled">
	132	<li>
	133	<a href="http://wiki.ipfire.org/devel/start">{{ _("Become a developer") }}</a>
	134	</li>
	135	<li>
	136	<a href="https://pakfire.ipfire.org">{{ _("Pakfire Build Service") }}</a>
	137	</li>
	138	<li>
	139	<a href="https://bugzilla.ipfire.org">{{ _("Bugtracker") }}</a>
	140	</li>
	141	<li>
	142	<a href="http://patchwork.ipfire.org">{{ _("Patchwork") }}</a>
	143	</li>
	144	</ul>
	145	</div>
47d47c2e	146
82468973	147	<div class="col-md-12 col-lg-4 pt-md-6 pt-lg-1 text-center">
6aa3b1ec	148	<a class="btn btn-primary btn-lg" href="//www.ipfire.org/donate">
c2cbe16d	149	<svg class="icon i_heart"><use xlink:href="{{ static_url("img/icons.svg#heart") }}"></use></svg>
6aa3b1ec	150	{{ _("Donate") }}
60b0917c MT	151	</a>
60b0917c MT	152
82468973	153	<div class="btn-toolbar justify-content-around col-md-6 offset-md-3">
a37235bb	154	<a class="btn btn-sm" href="http://www.ipfire.org/news.rss">
c2cbe16d	155	<svg class="icon i_rss"><use xlink:href="{{ static_url("img/icons.svg#rss") }}"></use></svg>
60b0917c MT	156	</a>
60b0917c MT	157	<a class="btn btn-sm" href="https://twitter.com/ipfire">
c2cbe16d	158	<svg class="icon i_twitter"><use xlink:href="{{ static_url("img/icons.svg#twitter") }}"></use></svg>
60b0917c MT	159	</a>
60b0917c MT	160	<a class="btn btn-sm" href="https://www.facebook.com/IPFire.org">
c2cbe16d	161	<svg class="icon i_facebook"><use xlink:href="{{ static_url("img/icons.svg#facebook") }}"></use></svg>
60b0917c	162	</a>
60c9cf8b	163	<a class="btn btn-sm" href="https://google.com/+IpfireOrg4Ever">
c2cbe16d	164	<svg class="icon i_gplus"><use xlink:href="{{ static_url("img/icons.svg#gplus") }}"></use></svg>
6aa3b1ec S	165	</a>
6aa3b1ec S	166	<a class="btn btn-sm" href="https://youtube.com/user/ipfireproject">
c2cbe16d	167	<svg class="icon i_youtube"><use xlink:href="{{ static_url("img/icons.svg#youtube") }}"></use></svg>
60b0917c MT	168	</a>
	169	</div>
	170	</div>
	171	</div>
20df8773 S	172	</div>
	173
	174	<div id="copyright">
	175	<div class="container">
	176	{% if ssl_protocol %}
	177	<p class="pull-right">
	178	<span class="fa fa-lock"></span> {{ ssl_protocol }}
	179	{% if ssl_cipher %}({{ ssl_cipher }}){% end %}
	180	</p>
	181	{% end %}
	182
	183	{% if hostname == "wishlist.ipfire.org" %}
	184	<p class="pull-right">
	185	<a href="/terms">{{ _("Terms & Conditions") }}</a>
	186	</p>
	187	{% end %}
	188
	189	<p><small>© {{ year }} - {{ _("IPFire is free software written by the IPFire Project") }}</small></p>
	190	</div>
9b5ac075 MT	191	</div>
9b5ac075 MT	192	</footer>
60024cc8 MT	193	{% end block %}
60024cc8 MT	194
20df8773	195	<script src="{{ static_url("js/jquery.easing.js") }}"></script>
82468973 S	196	<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
82468973 S	197	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>
20df8773	198	<script src="{{ static_url("js/site.js") }}"></script>
81675874	199	</body>
81675874	200	</html>