]> git.ipfire.org Git - people/shoehn/ipfire.org.git/blame - templates/index.html
Added Bootstrap 4.0.0-alpha 6, new images and mockups for the new layout.
[people/shoehn/ipfire.org.git] / templates / index.html
CommitLineData
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">
7 <div class="intro-body text-center">
8 <div class="container">
9 <div class="row">
10 <div class="col-md-6">
11 <h1>IPFire</h1>
12
13 <p class="lead">The Open Source Firewall Distribution</p>
14
15 <div class="page-scroll">
16 <a href="#about" class="btn btn-circle">
17 <i class="fa fa-angle-double-down animated"></i>
18 </a>
19 </div>
8241aef8 20 </div>
9b5ac075 21
60b0917c
MT
22 <div class="col-md-6">
23 <img class="img-responsive" src="{{ static_url("images/tux/ipfire_tux_512x512.png") }}" alt="IPFire Logo">
24 </div>
9b5ac075
MT
25 </div>
26 </div>
60024cc8 27 </div>
60b0917c
MT
28 </section>
29
30 <section id="about" class="dark-background text-center">
31 <div class="about-section">
32 <div class="container">
33 <p class="lead">
34 {% if lang == "de" %}
35 Willkommen! <strong>IPFire</strong> ist eine professionelle
36 und gehärtete Firewalldistribution, die sicher und einfach zu
37 benutzen ist. Mit vielen Funktionen ausgestattet, ist IPFire
38 ideal für den Einsatz in Unternehmen, Behörden, und überall sonst.
39 {% else %}
40 Welcome to <strong>IPFire</strong>, the professional and hardened
41 Linux firewall distribution that is secure, easy to operate
42 and coming with great functionality so that it is ready
43 for enterprises, authorities, and anybody else.
44 {% end %}
7771acea 45 </p>
7771acea 46
60b0917c
MT
47 <a class="btn btn-default btn-lg" href="/about">{{ _("Learn More") }}</a>
48 </div>
49 </div>
50 </section>
7771acea 51
60b0917c
MT
52 <section id="features" class="container content-section">
53 <h2 class="text-center">{{ _("Secure up your network with IPFire") }}</h2>
7771acea 54
60b0917c 55 <br>
7771acea 56
60b0917c
MT
57 <div class="row">
58 <div class="col-md-6">
59 <dl class="dl-horizontal">
60 <dt>
61 <h1>
62 <span class="fa fa-check text-success"></span>
63 </h1>
64 </dt>
65 <dd>
66 <h4>{{ _("Firewall") }}</h4>
7771acea 67
60b0917c
MT
68 <p>
69 {% if lang == "de" %}
70 Die vielseitige und State-of-the-Art Firewall-Engine
71 in IPFire ist auch in komplexen Netzen übersichtlich
72 und leicht zu nutzen.
73 {% else %}
74 IPFire comes with a versatile and state of the art
75 firewall engine that makes even the most complex
76 setups easy to administer.
77 {% end %}
78 </p>
79 </dd>
7771acea 80
60b0917c
MT
81 <dt>
82 <h1>
83 <span class="fa fa-check text-success"></span>
84 </h1>
85 </dt>
86 <dd>
87 <h4>{{ _("Network Security") }}</h4>
7771acea 88
60b0917c
MT
89 <p>
90 {% if lang == "de" %}
91 Sicherheit hat höchste Priorität.
92 Das gehärtete System schützt sich selbst vor
93 Angriffen aus dem Netz.
94 {% else %}
95 IPFire is designed for high security.
96 It is hardened to protect itself from attacks
97 from the network.
98 {% end %}
99 </p>
100 </dd>
7771acea 101
60b0917c
MT
102 <dt>
103 <h1>
104 <span class="fa fa-check text-success"></span>
105 </h1>
106 </dt>
107 <dd>
108 <h4>{{ _("Performance") }}</h4>
7771acea 109
60b0917c
MT
110 <p>
111 {% if lang == "de" %}
112 Auch schnelle Netze und der Einsatz
113 auf eingebetteten Systemen sind kein Problem
114 für IPFire.
115 {% else %}
116 IPFire is ready for high performance networks
117 and running evenly well on embedded hardware.
118 {% end %}
119 </p>
120 </dd>
121 </dl>
122 </div>
7771acea 123
60b0917c
MT
124 <div class="col-md-6">
125 <dl class="dl-horizontal">
126 <dt>
127 <h1>
128 <span class="fa fa-check text-success"></span>
129 </h1>
130 </dt>
131 <dd>
132 <h4>{{ _("Open Source") }}</h4>
133
134 {% if lang == "de" %}
135 <p>
136 IPFire ist freie Software, welche von einer offenen
137 Community tagtäglich verbessert wird.
138 </p>
139 {% else %}
140 <p>
141 IPFire is free software and developed by an open community,
142 that improves it every single day.
143 </p>
144 {% end %}
145 </dd>
146
147 <dt>
148 <h1>
149 <span class="fa fa-check text-success"></span>
150 </h1>
151 </dt>
152 <dd>
153 <h4>{{ _("Easy to use") }}</h4>
154
155 {% if lang == "de" %}
156 <p>
157 IPFire ist in 15 bis 20 Minuten installiert
158 und kommt mit vielen wichtigen Funktionen für
159 professionelle Netzwerke.
160 </p>
161 {% else %}
162 <p>
163 IPFire is set up easily in 15 to 20 minutes
164 but also comes with expert features that
165 are needed in professional networks.
166 </p>
167 {% end %}
168 </dd>
3d74a9b9 169
60b0917c
MT
170 <dt>
171 <h1>
172 <span class="fa fa-check text-success"></span>
173 </h1>
174 </dt>
175 <dd>
176 <h4>{{ _("Trusted by thousands") }}</h4>
3d74a9b9 177
05f8cfae 178 <p>
60b0917c
MT
179 {% if lang == "de" %}
180 IPFire wird in Europa entwickelt,
181 <a href="http://fireinfo.ipfire.org/statistics/geo-locations">in vielen Ländern</a>
182 überall auf der Welt eingesetzt, und bietet
183 Internetzugang für hundertausende Nutzer jeden Tag.
184 {% else %}
185 IPFire is developed in Europe and used all over the world
186 <a href="http://fireinfo.ipfire.org/statistics/geo-locations">in hundreds of countries</a>
187 by hundreds of thousands of users every day.
188 {% end %}
05f8cfae 189 </p>
60b0917c
MT
190 </dd>
191 </dl>
192 </div>
193 </div>
0aab96e0 194
60b0917c
MT
195 <p class="text-center">
196 <a class="btn btn-success btn-lg" href="/get-started">{{ _("Get Started") }}</a>
197 </p>
198 </section>
05f8cfae 199
60b0917c
MT
200 <section id="news" class="content-section lighter-background">
201 <div class="container">
202 <div class="row">
203 <div class="col-md-5 text-center">
204 <h3 class="text-primary">
205 <a href="/news/{{ latest_release.news.slug }}">
206 {{ _("%s has been released!") % latest_release.name }}
207 </a>
208 <small>{{ locale.format_date(latest_release.date, shorter=True) }}</small>
53664d15 209 </h3>
3d74a9b9 210
60b0917c 211 <br class="separator-small">
53664d15 212
60b0917c
MT
213 <div class="btn-toolbar">
214 <a class="btn btn-primary" href="/download">{{ _("Download it now!") }}</a>
215 <a class="btn btn-primary" href="/donate">{{ _("Donate") }}</a>
216 </div>
217 </div>
9d7e697a 218
60b0917c
MT
219 <div class="col-md-7">
220 <h4 class="text-center">
221 <a href="/news">{{ _("What's new?") }}</a>
222 </h4>
223
224 <dl class="dl-horizontal">
225 {% for type, item in latest_news %}
226 <dt>
227 {{ locale.format_date(item.published, relative=True, shorter=True) }} &nbsp;
228 </dt>
229 <dd class="text-overflow">
230 {% if type == "news" %}
231 <a href="/news/{{ item.slug }}">
232 <strong>{{ item.title }}</strong>
233 </a>
234 {% elif type == "planet" %}
235 <a href="http://planet.ipfire.org/post/{{ item.slug }}">
236 {{ item.title }}
237 </a>
238 {% end %}
239 </dd>
9d7e697a 240 {% end %}
60b0917c
MT
241 </dl>
242 </div>
243 </div>
9d7e697a 244
60b0917c
MT
245 {% if hottest_wish %}
246 <br><br>
247
248 {% if hottest_wish.is_new() %}
249 <span class="label label-success pull-right">{{ _("NEW") }}</span>
250 {% elif hottest_wish.remaining_days and hottest_wish.remaining_days <= 10 %}
251 <span class="pull-right">
252 {{ _("one day left", "%(num)s days left", hottest_wish.remaining_days) % { "num" : hottest_wish.remaining_days } }}
253 </span>
254 {% else %}
255 <span class="pull-right">
256 {{ _("%d%% funded") % hottest_wish.percentage }}
257 </span>
258 {% end %}
53664d15 259
60b0917c
MT
260 <a href="http://wishlist.ipfire.org">
261 <strong>{{ _("IPFire Wishlist") }}</strong>
262 </a>
53664d15 263
60b0917c
MT
264 <a href="http://wishlist.ipfire.org/wish/{{ hottest_wish.slug }}">
265 {{ hottest_wish.title }}
266 </a>
9d7e697a 267
60b0917c
MT
268 <div class="progress progress-small">
269 <div class="progress-bar" role="progressbar"
270 aria-valuenow="{{ hottest_wish.percentage_bar }}"
271 aria-valuemin="0" aria-valuemax="100" style="width: {{ hottest_wish.percentage_bar }}%;">
272 <span class="sr-only">{{ _("%.2f%% complete") % hottest_wish.percentage_bar }}</span>
3d74a9b9 273 </div>
3d74a9b9 274 </div>
60b0917c
MT
275 {% end %}
276 </div>
277 </section>
278
279 <section id="appliances" class="container content-section text-center">
280 <h2>{{ _("Professional Appliances & Services") }}</h2>
281
282 <p class="lead">
283 {% if lang == "de" %}
284 <a href="http://www.lightningwirelabs.com">Lightning Wire Labs</a> bietet
285 Hardware-Appliances für mittlere bis große Unternehmen und SOHO an.
286 Diese sorgen in jedem Netz für beste Zuverlässigkeit, Stabilität
287 und Performance.
288 {% else %}
289 <a href="http://www.lightningwirelabs.com">Lightning Wire Labs</a> offer
290 IPFire hardware appliances for enterprises, large businesses and SOHO.
291 Deploying one of these on your network will provide you with the
292 greatest reliability, stability and performance.
293 {% end %}
294 </p>
295
296 <div class="btn-toolbar">
297 <a class="btn btn-default btn-lg" href="/get-support#professional">{{ _("Get Professional Support") }}</a>
298 <a class="btn btn-default btn-lg" href="/hardware">{{ _("Hardware Appliances") }}</a>
9d7e697a 299 </div>
60b0917c
MT
300
301 <img class="img-responsive" src="{{ static_url("images/LWL/appliance-pro.jpg") }}">
302 </section>
81675874 303{% end block %}