Fix layout of planet pages.

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

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

{% block title %}{{ _("Home") }}{% end block %}

{% block header %}
	<div class="jumbotron masthead">
		<div class="container">
			<div class="row">
				<div class="col-lg-7 col-md-7 ac">
					<h1>IPFire</h1>

					<p class="lead">An Open Source Firewall Distribution</p>

					<br class="separator">

					<p>
						<a class="btn btn-primary btn-lg" href="/download">{{ _("Download IPFire") }}</a>
					</p>
				</div>

				<div class="col-lg-5 col-md-5 ac">
					<img src="{{ static_url("images/tux/ipfire_tux_420x420.png") }}" alt="IPFire Logo">
				</div>
			</div>
		</div>
	</div>
{% end block %}

{% block body %}
	<br>

	<div class="row">
		<div class="col-lg-6 col-md-6 objectives">
			{% if lang == "de" %}
				<p>
					<strong>IPFire</strong> ist eine gehärtete Linux-Appliance-Distribution
					mit primärem Einsatzzweck als Firewall.
				</p>
				<p>
					Mit IPFire kommt eine unternehmensfähige Absicherung des Netzwerks
					für Jedermann - vom Heimnetzwerk bis zum großen Unternehmen,
					Schulnetzwerken und Behörden.
				</p>
				<p>
					Besonderer Fokus liegt auf Sicherheit, Stabilität und einfache Benutzbarkeit.
					Das Nachinstallieren von zusätzlichen Funktionen geht mit nur einem Klick.
				</p>
			{% else %}
				<p>
					<strong>IPFire</strong> is a hardened Linux appliance distribution
					designed for use as a firewall.
				</p>
				<p>
					It offers corporate-level network protection for anyone who needs it,
					from home users all the way up to large corporations, school networks
					and authorities.
				</p>
				<p>
					IPFire focusses on security, stability and ease of use.
					A variety of add-ons can be installed with a single click, to
					add more features to the base system.
				</p>
			{% end %}

			<hr>

			<img class="icon pull-left" src="{{ static_url("images/icons/security.png") }}" alt="{{ _("Security") }}" />
			<h4>{{ _("Security") }}</h4>

			{% if lang == "de" %}
				<p>
					Das wichtigste: Sicherheitsupdates werden
					regelmäßig und zügig bereitgestellt.
				</p>
			{% else %}
				<p>
					As the most important issue: Security updates
					are deployed regularly and promptly.
				</p>
			{% end %}

			<hr>

			<img class="icon pull-left" src="{{ static_url("images/icons/flexibility.png") }}" alt="{{ _("Flexibility") }}" />
			<h4>{{ _("Flexibility") }}</h4>

			{% if lang == "de" %}
				<p>
					IPFire ist ein schlankes System, welches leicht durch
					zusätzliche Funktionen erweitert werden kann.
				</p>
			{% else %}
				<p>
					IPFire is a very small system and can be easily
					customized with additional functions.
				</p>
			{% end %}

			<hr>

			<img class="icon pull-left" src="{{ static_url("images/icons/community.png") }}" alt="{{ _("Community") }}" />
			<h4>{{ _("Open Source") }}</h4>

			{% if lang == "de" %}
				<p>
					IPFire ist freie Software, welche von einer offenen
					Community tagtäglich verbessert wird.
				</p>
			{% else %}
				<p>
					IPFire is free software and developed by an open community,
					that improves it every single day.
				</p>
			{% end %}

			<hr>

			<p class="ac">
				<a href="/features">{{ _("Read more") }} &raquo;</a>
			</p>

		</div>

		<div class="col-lg-6 col-md-6">
			<div class="panel panel-default">
				{% if latest_release %}
					<div class="panel-heading ac">
						<h3>
							<a href="/download">{{ latest_release.name }}</a>
						</h3>
						<p>
							{{ _("This is the latest release from %s.") % locale.format_date(latest_release.date, relative=True, shorter=True) }}
						</p>
					</div>
				{% end %}

				<div class="panel-body">
					<h3>
						<a href="/news">{{ _("What's new?") }}</a>
						<a class="pull-right" href="http://www.ipfire.org/news.rss"><small>[RSS]</small></a>
					</h3>

					<table class="news-entries">
						{% for item in latest_news %}
							<tr>
								<td class="date">
									{{ locale.format_date(item.published, relative=True, shorter=True) }} &nbsp;
								</td>
								<td class="link">
									<a href="/news/{{ item.slug }}">{{ item.title }}</a>
								</td>
							</tr>
						{% end %}
					</table>

					<hr>

					<h3>
						<a href="http://planet.ipfire.org">{{ _("IPFire Planet") }}</a>
						<a class="pull-right" href="http://planet.ipfire.org/rss"><small>[RSS]</small></a>
					</h3>

					<table class="news-entries">
						{% for item in planet_posts %}
							<tr>
								<td class="date">
									{{ locale.format_date(item.published, relative=True, shorter=True) }} &nbsp;
								</td>
								<td class="link">
									<a href="http://planet.ipfire.org/post/{{ item.slug }}">{{ item.title }}</a>
								</td>
							</tr>
						{% end %}
					</table>

					{% if wishlist_items %}
						<hr>

						<h3>
							<a href="http://wishlist.ipfire.org">{{ _("IPFire Wishlist") }}</a>
							<small>{{ _("The IPFire Crowdfunding Platform") }}</small>
						</h3>

						<table class="table-wishlist-widget">
							{% for item in wishlist_items %}
								<tr>
									<td>
										{% if item.is_new() %}
											<span class="label label-success pull-right">{{ _("NEW") }}</span>
										{% elif item.remaining_days and item.remaining_days <= 10 %}
											<span class="pull-right">
												{{ _("one day left", "%(num)s days left", item.remaining_days) % { "num" : item.remaining_days } }}
											</span>
										{% else %}
											<span class="pull-right">
												{{ _("%d%% funded") % item.percentage }}
											</span>
										{% end %}

										<a href="http://wishlist.ipfire.org/wish/{{ item.slug }}" target="_blank">{{ item.title }}</a>

										<br class="separator-small">

										<div class="progress progress-small">
											<div class="progress-bar progress-{{ item.progressbar_colour }}" style="width: {{ "%.2f%%" % item.percentage_bar }};"></div>
										</div>
									</td>
								</tr>
							{% end %}
						</table>
					{% end %}
				</div>

				<div class="panel-footer">
					<div class="pull-right">
						<a href="https://www.facebook.com/IPFire.org"><img src="{{ static_url("images/icons/social/facebook.png") }}" alt="Facebook"></a>
						<a href="https://twitter.com/ipfire"><img src="{{ static_url("images/icons/social/twitter.png") }}" alt="Twitter"></a>
					</div>

					<a href="/donate"><strong>{{ _("Please support us with your donation!") }}</strong></a>
				</div>
			</div>
		</div>
	</div>

	<br class="separator">

	<div class="row">
		<div class="col-lg-offset-2 col-lg-8 col-md-8">
			<div class="panel panel-default">
				<div class="panel-body">
					<h3>
						{{ _("IPFire Hardware Appliances & Consulting") }} <small>{{ _("by Lightning Wire Labs") }}</small>
					</h3>

					<div class="row">
						<div class="col-lg-6 col-md-6">
							{% if lang == "de" %}
								<p>
									Lightning Wire Labs bietet mit IPFire vorinstallierte Hardware-Appliances an.
									Dazu bieten sie professionellen Service &amp; Support durch qualifizierte Consultants.
								</p>
							{% else %}
								<p>
									Lightning Wire Labs offers hardware appliances that come pre-installed
									with the latest version of IPFire.
									They also provide professional services &amp; support through their certified consultants.
								</p>
							{% end %}
						</div>

						<div class="col-lg-6 col-md-6 ac">
							<a href="http://www.lightningwirelabs.com/products/ipfire/appliances" target="_blank">
								<img src="{{ static_url("images/LWL/appliance-eco.jpg") }}" alt="Appliance Eco">
							</a>
						</div>
					</div>

					<div class="ac">
						<a href="http://www.lightningwirelabs.com/products/ipfire/appliances" target="_blank">
							<img src="{{ static_url("images/LWL/appliance-pro.jpg") }}" alt="Appliance Professional">
						</a>
					</div>
				</div>
				<div class="panel-footer ac">
					<a href="http://www.lightningwirelabs.com/" target="_blank">www.lightningwirelabs.com</a>
				</div>
			</div>
		</div>
	</div>
{% end block %}