Update website layout.

[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="span4">
					<img src="{{ static_url("images/tux/ipfire_tux_512x512.png") }}" alt="IPFire Logo" />
				</div>

				<div class="span8">
					<h1>IPFire</h1>
					<p class="lead">An Open Source Firewall Distribution</p>

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

					<ul class="masthead-links">
						{% if latest_release %}
							<li>
								{{ _("Latest release") }}:
								{{ latest_release.name }}<br>
								{{ locale.format_date(latest_release.date, relative=False, shorter=True) }}
							</li>
						{% end %}
						<li>
							<a href="/donate">{{ _("Donate") }}</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
{% end block %}

{% block body %}
	<br>

	<p class="ac muted">
		<strong>{{ _("New!") }}</strong>
		{% if lang == "de" %}
			IPFire <a href="http://wishlist.ipfire.org/">Wunschliste</a> - Die Crowdfunding-Plattform des IPFire-Projekts.
		{% else %}
			IPFire <a href="http://wishlist.ipfire.org">wishlist</a> - the crowd funding platform for the IPFire project.
		{% end %}
	</p>

	<hr>

	<div class="row">
		<div class="span6">
			{% 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 %}

			<br>

			<div class="well">
				<h4>{{ _("What's new?") }}</h4>

				<ul class="unstyled">
					{% for item in latest_news %}
						<li>
							[{{ locale.format_date(item.date, relative=True, shorter=True) }}] &dash;
							<a href="/news/{{ item.slug }}">{{ item.title }}</a>
						</li>
					{% end %}
				</ul>
			</div>
		</div>

		<div class="span6 objectives">
			<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 makes IPFire better every single day.
				</p>
			{% end %}

			<hr>

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