[people/shoehn/ipfire.org.git] / templates / index.html

{% extends "base-1.html" %}

{% block title %}{{ _("Welcome to IPFire") }}{% end block %}

{% block container %}
	<section class="intro">
		<div class="container">
			<div class="branding">
				<h1 class="display-1">IP<strong>Fire</strong></h1>
				<h2 class="display-4">The Open Source Firewall Distribution</h2>
			</div>
				
			<div class="row justify-content-center">
				<a class="btn btn-outline-primary btn-lg" href="/download">{{ _("Download") }}</a>
				<a class="btn btn-outline-secondary btn-lg" href="/featues">{{ _("Features") }}</a>
			</div>
		</div>
		
		<div id="scrollto" class="page-scroll">
			<a href="#features" class="btn btn-outline-primary rounded-circle">
				<svg width="12" height="8" viewBox="0 0 12 8" xmlns="http://www.w3.org/2000/svg"><g><path d="M1.41.02L6 4.694 10.59.02 12 1.46 6 7.581 0 1.459z"/></g></svg>
			</a>
		</div>
	</section>

	<!-- 
	<section id="about" class="dark-background text-center">
		<div class="about-section">
			<div class="container">
				<p class="lead">
					{% if lang == "de" %}
						Willkommen! <strong>IPFire</strong> ist eine professionelle
						und gehärtete Firewalldistribution, die sicher und einfach zu
						benutzen ist. Mit vielen Funktionen ausgestattet, ist IPFire
						ideal für den Einsatz in Unternehmen, Behörden, und überall sonst.
					{% else %}
						Welcome to <strong>IPFire</strong>, the professional and hardened
						Linux firewall distribution that is secure, easy to operate
						and coming with great functionality so that it is ready
						for enterprises, authorities, and anybody else.
					{% end %}
				</p>

				<a class="btn btn-default btn-lg" href="/about">{{ _("Learn More") }}</a>
			</div>
		</div>
	</section>
	-->

	<section id="features" class="content-section">
		<div class="container">
			<h3 class="display-2 text-center">{{ _("Secure up your network with IPFire") }}</h2>
	
			<div class="row mb-6">
				<div class="col-4">
					<div class="feature_icons">
						<svg width="18" height="22" viewBox="0 0 18 22" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M-3-1h24v24H-3z"/><path d="M9 0L0 4v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V4L9 0zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V11H2V5.3l7-3.11v8.8z" fill="#b71c1c"/></g></svg>
					</div>
					<h4>{{ _("Firewall") }}</h4>
					<p>
						{% if lang == "de" %}
							Die vielseitige und State-of-the-Art Firewall-Engine
							in IPFire ist auch in komplexen Netzen übersichtlich
							und leicht zu nutzen.
						{% else %}
							IPFire comes with a versatile and state of the art
							firewall engine that makes even the most complex
							setups easy to administer.
						{% end %}
					</p>
				</div>
				
				<div class="col-4">
					<div class="feature_icons">
						<svg width="20" height="18" viewBox="0 0 20 18" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M-2-3h24v24H-2z"/><path d="M10 13a3 3 0 0 1-3-3c0-1.12.61-2.1 1.5-2.61l9.71-5.62-5.53 9.58c-.5.98-1.51 1.65-2.68 1.65zm0-13c1.81 0 3.5.5 4.97 1.32l-2.1 1.21C12 2.19 11 2 10 2a8 8 0 0 0-8 8c0 2.21.89 4.21 2.34 5.65h.01c.39.39.39 1.02 0 1.41-.39.39-1.03.39-1.42.01A9.969 9.969 0 0 1 0 10C0 4.477 4.477 0 10 0zm10 10c0 2.76-1.12 5.26-2.93 7.07-.39.38-1.02.38-1.41-.01a.996.996 0 0 1 0-1.41A7.95 7.95 0 0 0 18 10c0-1-.19-2-.54-2.9L18.67 5C19.5 6.5 20 8.18 20 10z" fill="#b71c1c" fill-rule="nonzero"/></g></svg>
					</div>
					<h4>{{ _("Performance") }}</h4>
					<p>
						{% if lang == "de" %}
							Auch schnelle Netze und der Einsatz
							auf eingebetteten Systemen sind kein Problem
							für IPFire.
						{% else %}
							IPFire is ready for high performance networks
							and running evenly well on embedded hardware.
						{% end %}
					</p>	
				</div>
				
				<div class="col-4">
					<div class="feature_icons">
						<svg width="22" height="14" viewBox="0 0 22 14" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path id="a" d="M0 0h24v24H0z"/></defs><g transform="translate(-1 -5)" fill="none" fill-rule="evenodd"><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><path d="M21 10c-1.1 0-2 .9-2 2v3H5v-3c0-1.1-.9-2-2-2s-2 .9-2 2v5c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2v-5c0-1.1-.9-2-2-2zm-3-5H6c-1.1 0-2 .9-2 2v2.15c1.16.41 2 1.51 2 2.82V14h12v-2.03c0-1.3.84-2.4 2-2.82V7c0-1.1-.9-2-2-2z" fill="#b71c1c" mask="url(#b)"/></g></svg>
					</div>
					<h4>{{ _("Easy to use") }}</h4>
					<p>
						{% if lang == "de" %}
							IPFire ist in 15 bis 20 Minuten installiert
							und kommt mit vielen wichtigen Funktionen für
							professionelle Netzwerke.
						{% else %}
							IPFire is set up easily in 15 to 20 minutes
							but also comes with expert features that
							are needed in professional networks.
						{% end %}
					</p>
				</div>
			</div>
						
			<div class="row mb-6 pb-4">
				<div class="col-4">
					<div class="feature_icons">
						<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M-2-2h24v24H-2z"/><path d="M11 16h1a1 1 0 0 1 1 1h7v2h-7a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1H0v-2h7a1 1 0 0 1 1-1h1v-1.66C6.07 13.13 4 10 4 6.67v-4L10 0l6 2.67v4c0 3.33-2.07 6.46-5 7.67V16zM10 2L6 3.69V7h4V2zm0 5v6c1.91-.47 4-2.94 4-5V7h-4z" fill="#b71c1c" fill-rule="nonzero"/></g></svg>
					</div>
					<h4>{{ _("Network Security") }}</h4>
					<p>
						{% if lang == "de" %}
							Sicherheit hat höchste Priorität.
							Das gehärtete System schützt sich selbst vor
							Angriffen aus dem Netz.
						{% else %}
							IPFire is designed for high security.
							It is hardened to protect itself from attacks
							from the network.
						{% end %}
					</p>
				</div>
				
				<div class="col-4">
					<div class="feature_icons">
						<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M-2-2h24v24H-2z"/><path d="M10 0C4.477 0 0 4.477 0 10c0 4.42 2.87 8.17 6.84 9.5.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34-.46-1.16-1.11-1.47-1.11-1.47-.91-.62.07-.6.07-.6 1 .07 1.53 1.03 1.53 1.03.87 1.52 2.34 1.07 2.91.83.09-.65.35-1.09.63-1.34-2.22-.25-4.55-1.11-4.55-4.92 0-1.11.38-2 1.03-2.71-.1-.25-.45-1.29.1-2.64 0 0 .84-.27 2.75 1.02.79-.22 1.65-.33 2.5-.33.85 0 1.71.11 2.5.33 1.91-1.29 2.75-1.02 2.75-1.02.55 1.35.2 2.39.1 2.64.65.71 1.03 1.6 1.03 2.71 0 3.82-2.34 4.66-4.57 4.91.36.31.69.92.69 1.85V19c0 .27.16.59.67.5C17.14 18.16 20 14.42 20 10A10 10 0 0 0 10 0z" fill="#b71c1c" fill-rule="nonzero"/></g></svg>
					</div>
					<h4>{{ _("Open Source") }}</h4>
					<p>
						{% if lang == "de" %}
							IPFire ist freie Software, welche von einer offenen
							Community tagtäglich verbessert wird.
						{% else %}
							IPFire is free software and developed by an open community,
							that improves it every single day.
						{% end %}
					</p>
				</div>
				
				<div class="col-4">
					<div class="feature_icons">
						<svg width="20" height="19" viewBox="0 0 20 19" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M-2-3h24v24H-2z"/><path d="M10 18.35l-1.45-1.32C3.4 12.36 0 9.28 0 5.5 0 2.42 2.42 0 5.5 0 7.24 0 8.91.81 10 2.09 11.09.81 12.76 0 14.5 0 17.58 0 20 2.42 20 5.5c0 3.78-3.4 6.86-8.55 11.54L10 18.35z" fill="#b71c1c"/></g></svg>
					</div>
					<h4>{{ _("Trusted by thousands") }}</h4>
					<p>
						{% if lang == "de" %}
							IPFire wird in Europa entwickelt,
							<a href="http://fireinfo.ipfire.org/statistics/geo-locations">in vielen Ländern</a>
							überall auf der Welt eingesetzt, und bietet
							Internetzugang für hundertausende Nutzer jeden Tag.
						{% else %}
							IPFire is developed in Europe and used all over the world
							<a href="http://fireinfo.ipfire.org/statistics/geo-locations">in hundreds of countries</a>
							by hundreds of thousands of users every day.
						{% end %}
					</p>
				</div>
			</div>
			
			<div class="row justify-content-center pt-4">
				<a class="btn btn-primary btn-lg" href="/get-started">{{ _("Get Started") }}</a>
				<a class="btn btn-secondary btn-lg" href="/learn-more">{{ _("Learn more") }}</a>
			</div>
		</div>
	</section>

	<section id="news" class="content-section">
		<div class="container">
			<div class="row">
				<div class="col-5">
					<h2 class="display-2 mb-6">Latest Release</h2>
					<p class="mb-2"><small>{{ locale.format_date(latest_release.date, shorter=True) }}</small></p>
					<h3 class="display-3 mb-5 pb-5"><a href="/news/{{ latest_release.news.slug }}">
							{{ _("%s has been released!") % latest_release.name }}
						</a>
					</h3>
					<div class="btn-toolbar mb-6">
						<a class="btn btn-primary mr-3" href="/download">{{ _("Download") }}</a>
						<a class="btn btn-primary ml-3" href="/donate">{{ _("Donate") }}</a>
					</div>
					
					<p>A complete history of IPFire releases is available at our <a href="/news">News</a> page.</p>
				</div>
				
				<div class="col-5 offset-2">
					<h2 class="display-2 mb-6">What&rsquo;s going on?</h2>
					<dl class="dl-horizontal">
						{% for type, item in latest_news %}
							<dt>
								<small>{{ locale.format_date(item.published, relative=True, shorter=True) }} &nbsp;</small>
							</dt>
							<dd class="text-overflow mb-4 pb-4">
								{% if type == "news" %}
									<a href="/news/{{ item.slug }}">
										<strong>{{ item.title }}</strong>
									</a>
								{% elif type == "planet" %}
									<a href="http://planet.ipfire.org/post/{{ item.slug }}">
										{{ item.title }}
									</a>
								{% end %}
							</dd>
						{% end %}
					</dl>
					
					<a class="btn btn-primary" href="/news">{{ _("Read More") }}</a>
					
				</div>
			</div>
		</div>
	</section>
	
	<section id="wishlist" class="content-section">
		<div class="container">
			
			<h2 class="display-2 text-center text-white">IP<strong>Fire</strong>&rsquo;s Wishlist</h2>
			
				{% if hottest_wish %}
	
					{% if hottest_wish.is_new() %}
						<span class="label label-success pull-right">{{ _("NEW") }}</span>
					{% elif hottest_wish.remaining_days and hottest_wish.remaining_days <= 10 %}
						<span class="pull-right">
							{{ _("one day left", "%(num)s days left", hottest_wish.remaining_days) % { "num" : hottest_wish.remaining_days } }}
						</span>
					{% else %}
						<span class="pull-right">
							{{ _("%d%% funded") % hottest_wish.percentage }}
						</span>
					{% end %}
					
					<h3 class="text-white pb-5">{{ hottest_wish.title }}</h3>
	
					<div class="progress progress-small mb-5">
						<div class="progress-bar bg-progress" role="progressbar" aria-valuenow="{{ hottest_wish.percentage_bar }}" aria-valuemin="0" aria-valuemax="100" style="width: {{ hottest_wish.percentage_bar }}%; height: .5rem;">
							<span class="sr-only">{{ _("%.2f%% complete") % hottest_wish.percentage_bar }}</span>
						</div>
					</div>
					
					<p class="text-white"><a style="color: white; text-decoration: underline;" href="http://wishlist.ipfire.org/wish/{{ hottest_wish.slug }}">Read more</a> about that wish.</p>
					
				{% end %}
			
		</div>
	</section>
	
	<section id="fireinfo" class="content-section">
		<div class="container">
			<h2 class="display-2 text-center">Fire<strong>Info</strong> Statistics</h2>
			
			<div class="row pb-5 mb-6">
				<div class="col-3 text-center">
					<p class="mb-3"><small>Latest Release</small></p>
					<h4>2.19 Core 109</h4>	
				</div>
				
				<div class="col-3 text-center">
					<p class="mb-3"><small>Favorite Kernel</small></p>
					<h4>3.14.79-ipfire-pae</h4>	
				</div>
				
				<div class="col-3 text-center">
					<p class="mb-3"><small>Favorite CPU</small></p>
					<h4>Intel</h4>	
				</div>
				
				<div class="col-3 text-center">
					<p class="mb-3"><small>Favorite Virtualisation</small></p>
					<h4>VMWare</h4>	
				</div>
			</div>
			
			<div class="row justify-content-center">
				<a class="btn btn-primary btn-lg" href="/stats">More Stats</a>
			</div>
		</div>
	</section>

	<section id="appliances" class="content-section">
		<div class="container">
			<h2 class="display-2 text-center">{{ _("Professional Appliances & Services") }}</h2>
			
			<div class="row mb-6 pb-6">
				<div class="col-7">
					<p class="lead">
						{% if lang == "de" %}
							<a href="http://www.lightningwirelabs.com" target="_blank">Lightning Wire Labs</a> bietet
							Hardware-Appliances für mittlere bis große Unternehmen und SOHO an.
							Diese sorgen in jedem Netz für beste Zuverlässigkeit, Stabilität
							und Performance.
						{% else %}
							<a href="http://www.lightningwirelabs.com" target="_blank">Lightning Wire Labs</a> offer
							IPFire hardware appliances for enterprises, large businesses and SOHO.
							Deploying one of these on your network will provide you with the
							greatest reliability, stability and performance.
						{% end %}
					</p>
				</div>
				<div class="col-4 offset-1">
					<a class="btn btn-secondary btn-lg btn-block" href="/get-support#professional">{{ _("Get Professional Support") }}</a>
					<a class="btn btn-secondary btn-lg btn-block" href="/hardware">{{ _("Hardware Appliances") }}</a>
				</div>
			</div>
		</div>
		<div class="row justify-content-center">
			<img class="img-fluid" src="{{ static_url("img/appliance-pro.png") }}">
		</div>
	</section>
{% end block %}
Commit	Line	Data
60024cc8	1	{% extends "base-1.html" %}
81675874	2
60b0917c MT	3	{% block title %}{{ _("Welcome to IPFire") }}{% end block %}
	4
	5	{% block container %}
	6	<section class="intro">
97ed546d S	7	<div class="container">
	8	<div class="branding">
	9	<h1 class="display-1">IP<strong>Fire</strong></h1>
	10	<h2 class="display-4">The Open Source Firewall Distribution</h2>
	11	</div>
	12
	13	<div class="row justify-content-center">
	14	<a class="btn btn-outline-primary btn-lg" href="/download">{{ _("Download") }}</a>
	15	<a class="btn btn-outline-secondary btn-lg" href="/featues">{{ _("Features") }}</a>
9b5ac075	16	</div>
60024cc8	17	</div>
97ed546d	18
b6d1f3b7 S	19	<div id="scrollto" class="page-scroll">
b6d1f3b7 S	20	<a href="#features" class="btn btn-outline-primary rounded-circle">
97ed546d S	21	<svg width="12" height="8" viewBox="0 0 12 8" xmlns="http://www.w3.org/2000/svg"><g><path d="M1.41.02L6 4.694 10.59.02 12 1.46 6 7.581 0 1.459z"/></g></svg>
	22	</a>
	23	</div>
60b0917c MT	24	</section>
60b0917c MT	25
97ed546d	26	<!--
60b0917c MT	27	<section id="about" class="dark-background text-center">
	28	<div class="about-section">
	29	<div class="container">
	30	<p class="lead">
	31	{% if lang == "de" %}
	32	Willkommen! <strong>IPFire</strong> ist eine professionelle
	33	und gehärtete Firewalldistribution, die sicher und einfach zu
	34	benutzen ist. Mit vielen Funktionen ausgestattet, ist IPFire
	35	ideal für den Einsatz in Unternehmen, Behörden, und überall sonst.
	36	{% else %}
	37	Welcome to <strong>IPFire</strong>, the professional and hardened
	38	Linux firewall distribution that is secure, easy to operate
	39	and coming with great functionality so that it is ready
	40	for enterprises, authorities, and anybody else.
	41	{% end %}
7771acea	42	</p>
7771acea	43
60b0917c MT	44	<a class="btn btn-default btn-lg" href="/about">{{ _("Learn More") }}</a>
	45	</div>
	46	</div>
	47	</section>
97ed546d	48	-->
7771acea	49
1e5bc9c9 S	50	<section id="features" class="content-section">
1e5bc9c9 S	51	<div class="container">
b6d1f3b7	52	<h3 class="display-2 text-center">{{ _("Secure up your network with IPFire") }}</h2>
1e5bc9c9	53
b6d1f3b7	54	<div class="row mb-6">
1e5bc9c9	55	<div class="col-4">
b6d1f3b7 S	56	<div class="feature_icons">
	57	<svg width="18" height="22" viewBox="0 0 18 22" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M-3-1h24v24H-3z"/><path d="M9 0L0 4v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V4L9 0zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V11H2V5.3l7-3.11v8.8z" fill="#b71c1c"/></g></svg>
	58	</div>
1e5bc9c9 S	59	<h4>{{ _("Firewall") }}</h4>
	60	<p>
	61	{% if lang == "de" %}
	62	Die vielseitige und State-of-the-Art Firewall-Engine
	63	in IPFire ist auch in komplexen Netzen übersichtlich
	64	und leicht zu nutzen.
	65	{% else %}
	66	IPFire comes with a versatile and state of the art
	67	firewall engine that makes even the most complex
	68	setups easy to administer.
	69	{% end %}
	70	</p>
	71	</div>
	72
	73	<div class="col-4">
b6d1f3b7 S	74	<div class="feature_icons">
	75	<svg width="20" height="18" viewBox="0 0 20 18" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M-2-3h24v24H-2z"/><path d="M10 13a3 3 0 0 1-3-3c0-1.12.61-2.1 1.5-2.61l9.71-5.62-5.53 9.58c-.5.98-1.51 1.65-2.68 1.65zm0-13c1.81 0 3.5.5 4.97 1.32l-2.1 1.21C12 2.19 11 2 10 2a8 8 0 0 0-8 8c0 2.21.89 4.21 2.34 5.65h.01c.39.39.39 1.02 0 1.41-.39.39-1.03.39-1.42.01A9.969 9.969 0 0 1 0 10C0 4.477 4.477 0 10 0zm10 10c0 2.76-1.12 5.26-2.93 7.07-.39.38-1.02.38-1.41-.01a.996.996 0 0 1 0-1.41A7.95 7.95 0 0 0 18 10c0-1-.19-2-.54-2.9L18.67 5C19.5 6.5 20 8.18 20 10z" fill="#b71c1c" fill-rule="nonzero"/></g></svg>
	76	</div>
1e5bc9c9 S	77	<h4>{{ _("Performance") }}</h4>
	78	<p>
	79	{% if lang == "de" %}
	80	Auch schnelle Netze und der Einsatz
	81	auf eingebetteten Systemen sind kein Problem
	82	für IPFire.
	83	{% else %}
	84	IPFire is ready for high performance networks
	85	and running evenly well on embedded hardware.
	86	{% end %}
	87	</p>
	88	</div>
	89
	90	<div class="col-4">
b6d1f3b7 S	91	<div class="feature_icons">
	92	<svg width="22" height="14" viewBox="0 0 22 14" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path id="a" d="M0 0h24v24H0z"/></defs><g transform="translate(-1 -5)" fill="none" fill-rule="evenodd"><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><path d="M21 10c-1.1 0-2 .9-2 2v3H5v-3c0-1.1-.9-2-2-2s-2 .9-2 2v5c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2v-5c0-1.1-.9-2-2-2zm-3-5H6c-1.1 0-2 .9-2 2v2.15c1.16.41 2 1.51 2 2.82V14h12v-2.03c0-1.3.84-2.4 2-2.82V7c0-1.1-.9-2-2-2z" fill="#b71c1c" mask="url(#b)"/></g></svg>
	93	</div>
1e5bc9c9 S	94	<h4>{{ _("Easy to use") }}</h4>
	95	<p>
	96	{% if lang == "de" %}
	97	IPFire ist in 15 bis 20 Minuten installiert
	98	und kommt mit vielen wichtigen Funktionen für
	99	professionelle Netzwerke.
	100	{% else %}
	101	IPFire is set up easily in 15 to 20 minutes
	102	but also comes with expert features that
	103	are needed in professional networks.
	104	{% end %}
	105	</p>
	106	</div>
60b0917c	107	</div>
b6d1f3b7 S	108
b6d1f3b7 S	109	<div class="row mb-6 pb-4">
1e5bc9c9	110	<div class="col-4">
b6d1f3b7 S	111	<div class="feature_icons">
	112	<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M-2-2h24v24H-2z"/><path d="M11 16h1a1 1 0 0 1 1 1h7v2h-7a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1H0v-2h7a1 1 0 0 1 1-1h1v-1.66C6.07 13.13 4 10 4 6.67v-4L10 0l6 2.67v4c0 3.33-2.07 6.46-5 7.67V16zM10 2L6 3.69V7h4V2zm0 5v6c1.91-.47 4-2.94 4-5V7h-4z" fill="#b71c1c" fill-rule="nonzero"/></g></svg>
	113	</div>
1e5bc9c9 S	114	<h4>{{ _("Network Security") }}</h4>
1e5bc9c9 S	115	<p>
60b0917c	116	{% if lang == "de" %}
1e5bc9c9 S	117	Sicherheit hat höchste Priorität.
	118	Das gehärtete System schützt sich selbst vor
	119	Angriffen aus dem Netz.
60b0917c	120	{% else %}
1e5bc9c9 S	121	IPFire is designed for high security.
	122	It is hardened to protect itself from attacks
	123	from the network.
60b0917c	124	{% end %}
1e5bc9c9 S	125	</p>
	126	</div>
	127
	128	<div class="col-4">
b6d1f3b7 S	129	<div class="feature_icons">
	130	<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M-2-2h24v24H-2z"/><path d="M10 0C4.477 0 0 4.477 0 10c0 4.42 2.87 8.17 6.84 9.5.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34-.46-1.16-1.11-1.47-1.11-1.47-.91-.62.07-.6.07-.6 1 .07 1.53 1.03 1.53 1.03.87 1.52 2.34 1.07 2.91.83.09-.65.35-1.09.63-1.34-2.22-.25-4.55-1.11-4.55-4.92 0-1.11.38-2 1.03-2.71-.1-.25-.45-1.29.1-2.64 0 0 .84-.27 2.75 1.02.79-.22 1.65-.33 2.5-.33.85 0 1.71.11 2.5.33 1.91-1.29 2.75-1.02 2.75-1.02.55 1.35.2 2.39.1 2.64.65.71 1.03 1.6 1.03 2.71 0 3.82-2.34 4.66-4.57 4.91.36.31.69.92.69 1.85V19c0 .27.16.59.67.5C17.14 18.16 20 14.42 20 10A10 10 0 0 0 10 0z" fill="#b71c1c" fill-rule="nonzero"/></g></svg>
	131	</div>
1e5bc9c9 S	132	<h4>{{ _("Open Source") }}</h4>
1e5bc9c9 S	133	<p>
60b0917c	134	{% if lang == "de" %}
1e5bc9c9 S	135	IPFire ist freie Software, welche von einer offenen
1e5bc9c9 S	136	Community tagtäglich verbessert wird.
60b0917c	137	{% else %}
1e5bc9c9 S	138	IPFire is free software and developed by an open community,
1e5bc9c9 S	139	that improves it every single day.
60b0917c	140	{% end %}
1e5bc9c9 S	141	</p>
	142	</div>
	143
b6d1f3b7 S	144	<div class="col-4">
	145	<div class="feature_icons">
	146	<svg width="20" height="19" viewBox="0 0 20 19" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M-2-3h24v24H-2z"/><path d="M10 18.35l-1.45-1.32C3.4 12.36 0 9.28 0 5.5 0 2.42 2.42 0 5.5 0 7.24 0 8.91.81 10 2.09 11.09.81 12.76 0 14.5 0 17.58 0 20 2.42 20 5.5c0 3.78-3.4 6.86-8.55 11.54L10 18.35z" fill="#b71c1c"/></g></svg>
	147	</div>
1e5bc9c9 S	148	<h4>{{ _("Trusted by thousands") }}</h4>
	149	<p>
	150	{% if lang == "de" %}
	151	IPFire wird in Europa entwickelt,
	152	<a href="http://fireinfo.ipfire.org/statistics/geo-locations">in vielen Ländern</a>
	153	überall auf der Welt eingesetzt, und bietet
	154	Internetzugang für hundertausende Nutzer jeden Tag.
	155	{% else %}
	156	IPFire is developed in Europe and used all over the world
	157	<a href="http://fireinfo.ipfire.org/statistics/geo-locations">in hundreds of countries</a>
	158	by hundreds of thousands of users every day.
	159	{% end %}
	160	</p>
	161	</div>
	162	</div>
	163
b6d1f3b7	164	<div class="row justify-content-center pt-4">
1e5bc9c9 S	165	<a class="btn btn-primary btn-lg" href="/get-started">{{ _("Get Started") }}</a>
1e5bc9c9 S	166	<a class="btn btn-secondary btn-lg" href="/learn-more">{{ _("Learn more") }}</a>
60b0917c MT	167	</div>
60b0917c MT	168	</div>
60b0917c	169	</section>
05f8cfae	170
1e5bc9c9	171	<section id="news" class="content-section">
60b0917c MT	172	<div class="container">
60b0917c MT	173	<div class="row">
1e5bc9c9	174	<div class="col-5">
b6d1f3b7 S	175	<h2 class="display-2 mb-6">Latest Release</h2>
	176	<p class="mb-2"><small>{{ locale.format_date(latest_release.date, shorter=True) }}</small></p>
	177	<h3 class="display-3 mb-5 pb-5"><a href="/news/{{ latest_release.news.slug }}">
60b0917c MT	178	{{ _("%s has been released!") % latest_release.name }}
60b0917c MT	179	</a>
53664d15	180	</h3>
b6d1f3b7 S	181	<div class="btn-toolbar mb-6">
	182	<a class="btn btn-primary mr-3" href="/download">{{ _("Download") }}</a>
	183	<a class="btn btn-primary ml-3" href="/donate">{{ _("Donate") }}</a>
60b0917c	184	</div>
1e5bc9c9	185
b6d1f3b7	186	<p>A complete history of IPFire releases is available at our <a href="/news">News</a> page.</p>
60b0917c	187	</div>
1e5bc9c9 S	188
1e5bc9c9 S	189	<div class="col-5 offset-2">
b6d1f3b7	190	<h2 class="display-2 mb-6">What’s going on?</h2>
60b0917c MT	191	<dl class="dl-horizontal">
	192	{% for type, item in latest_news %}
	193	<dt>
b6d1f3b7	194	<small>{{ locale.format_date(item.published, relative=True, shorter=True) }}  </small>
60b0917c	195	</dt>
b6d1f3b7	196	<dd class="text-overflow mb-4 pb-4">
60b0917c MT	197	{% if type == "news" %}
	198	<a href="/news/{{ item.slug }}">
	199	<strong>{{ item.title }}</strong>
	200	</a>
	201	{% elif type == "planet" %}
	202	<a href="http://planet.ipfire.org/post/{{ item.slug }}">
	203	{{ item.title }}
	204	</a>
	205	{% end %}
	206	</dd>
9d7e697a	207	{% end %}
60b0917c	208	</dl>
b6d1f3b7 S	209
	210	<a class="btn btn-primary" href="/news">{{ _("Read More") }}</a>
	211
60b0917c MT	212	</div>
60b0917c MT	213	</div>
1e5bc9c9 S	214	</div>
	215	</section>
	216
	217	<section id="wishlist" class="content-section">
	218	<div class="container">
	219
b6d1f3b7	220	<h2 class="display-2 text-center text-white">IP<strong>Fire</strong>’s Wishlist</h2>
1e5bc9c9	221
b6d1f3b7 S	222	{% if hottest_wish %}
	223
	224	{% if hottest_wish.is_new() %}
	225	<span class="label label-success pull-right">{{ _("NEW") }}</span>
	226	{% elif hottest_wish.remaining_days and hottest_wish.remaining_days <= 10 %}
	227	<span class="pull-right">
	228	{{ _("one day left", "%(num)s days left", hottest_wish.remaining_days) % { "num" : hottest_wish.remaining_days } }}
	229	</span>
	230	{% else %}
	231	<span class="pull-right">
	232	{{ _("%d%% funded") % hottest_wish.percentage }}
	233	</span>
	234	{% end %}
	235
	236	<h3 class="text-white pb-5">{{ hottest_wish.title }}</h3>
	237
	238	<div class="progress progress-small mb-5">
	239	<div class="progress-bar bg-progress" role="progressbar" aria-valuenow="{{ hottest_wish.percentage_bar }}" aria-valuemin="0" aria-valuemax="100" style="width: {{ hottest_wish.percentage_bar }}%; height: .5rem;">
	240	<span class="sr-only">{{ _("%.2f%% complete") % hottest_wish.percentage_bar }}</span>
	241	</div>
3d74a9b9	242	</div>
b6d1f3b7 S	243
	244	<p class="text-white"><a style="color: white; text-decoration: underline;" href="http://wishlist.ipfire.org/wish/{{ hottest_wish.slug }}">Read more</a> about that wish.</p>
	245
	246	{% end %}
	247
60b0917c MT	248	</div>
60b0917c MT	249	</section>
1e5bc9c9 S	250
	251	<section id="fireinfo" class="content-section">
	252	<div class="container">
b6d1f3b7 S	253	<h2 class="display-2 text-center">Fire<strong>Info</strong> Statistics</h2>
	254
	255	<div class="row pb-5 mb-6">
	256	<div class="col-3 text-center">
	257	<p class="mb-3"><small>Latest Release</small></p>
	258	<h4>2.19 Core 109</h4>
	259	</div>
	260
	261	<div class="col-3 text-center">
	262	<p class="mb-3"><small>Favorite Kernel</small></p>
	263	<h4>3.14.79-ipfire-pae</h4>
	264	</div>
	265
	266	<div class="col-3 text-center">
	267	<p class="mb-3"><small>Favorite CPU</small></p>
	268	<h4>Intel</h4>
	269	</div>
	270
	271	<div class="col-3 text-center">
	272	<p class="mb-3"><small>Favorite Virtualisation</small></p>
	273	<h4>VMWare</h4>
	274	</div>
	275	</div>
1e5bc9c9 S	276
	277	<div class="row justify-content-center">
	278	<a class="btn btn-primary btn-lg" href="/stats">More Stats</a>
	279	</div>
9d7e697a	280	</div>
1e5bc9c9	281	</section>
60b0917c	282
1e5bc9c9 S	283	<section id="appliances" class="content-section">
1e5bc9c9 S	284	<div class="container">
b6d1f3b7	285	<h2 class="display-2 text-center">{{ _("Professional Appliances & Services") }}</h2>
1e5bc9c9	286
b6d1f3b7	287	<div class="row mb-6 pb-6">
1e5bc9c9 S	288	<div class="col-7">
	289	<p class="lead">
	290	{% if lang == "de" %}
b6d1f3b7	291	<a href="http://www.lightningwirelabs.com" target="_blank">Lightning Wire Labs</a> bietet
1e5bc9c9 S	292	Hardware-Appliances für mittlere bis große Unternehmen und SOHO an.
	293	Diese sorgen in jedem Netz für beste Zuverlässigkeit, Stabilität
	294	und Performance.
	295	{% else %}
b6d1f3b7	296	<a href="http://www.lightningwirelabs.com" target="_blank">Lightning Wire Labs</a> offer
1e5bc9c9 S	297	IPFire hardware appliances for enterprises, large businesses and SOHO.
	298	Deploying one of these on your network will provide you with the
	299	greatest reliability, stability and performance.
	300	{% end %}
	301	</p>
	302	</div>
b6d1f3b7 S	303	<div class="col-4 offset-1">
	304	<a class="btn btn-secondary btn-lg btn-block" href="/get-support#professional">{{ _("Get Professional Support") }}</a>
	305	<a class="btn btn-secondary btn-lg btn-block" href="/hardware">{{ _("Hardware Appliances") }}</a>
1e5bc9c9 S	306	</div>
	307	</div>
	308	</div>
	309	<div class="row justify-content-center">
b6d1f3b7	310	<img class="img-fluid" src="{{ static_url("img/appliance-pro.png") }}">
1e5bc9c9	311	</div>
60b0917c	312	</section>
81675874	313	{% end block %}