1 {% extends
"base-1.html" %}
3 {% block title %}{{ _(
"Welcome to IPFire") }}{% end block %}
6 <section class=
"intro">
7 <div class=
"container">
9 <h1 class=
"display-1">IP
<strong>Fire
</strong></h1>
10 <h2 class=
"display-4">The Open Source Firewall Distribution
</h2>
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>
19 <div id=
"scrollto" class=
"page-scroll">
20 <a href=
"#features" class=
"btn btn-outline-primary rounded-circle">
21 <svg class=
"icon i_arrow_down"><use xlink:
href=
"{{ static_url("img/icons.svg#arrow_down
") }}"></use></svg>
26 <section id=
"features" class=
"content-section">
27 <div class=
"container">
28 <h3 class=
"display-2 text-center">{{ _(
"Secure up your network with IPFire") }}
</h2>
30 <div class=
"row mb-lg-6 mb-md-5">
31 <div class=
"col-md-6 col-lg-4 mb-6 pb-lg-5">
32 <div class=
"feature_icons">
33 <svg class=
"icon i_lg i_shield"><use xlink:
href=
"{{ static_url("img/icons.svg#shield
") }}"></use></svg>
35 <h4 class=
"pb-3">{{ _(
"Firewall") }}
</h4>
38 Die vielseitige und State-of-the-Art Firewall-Engine
39 in IPFire ist auch in komplexen Netzen übersichtlich
42 IPFire comes with a versatile and state of the art
43 firewall engine that makes even the most complex
44 setups easy to administer.
49 <div class=
"col-md-6 col-lg-4 mb-6">
50 <div class=
"feature_icons">
51 <svg class=
"icon i_lg i_speed"><use xlink:
href=
"{{ static_url("img/icons.svg#speed
") }}"></use></svg>
53 <h4 class=
"pb-3">{{ _(
"Performance") }}
</h4>
56 Auch schnelle Netze und der Einsatz
57 auf eingebetteten Systemen sind kein Problem
60 IPFire is ready for high performance networks
61 and running evenly well on embedded hardware.
66 <div class=
"col-md-6 col-lg-4 mb-6">
67 <div class=
"feature_icons">
68 <svg class=
"icon i_lg i_couch"><use xlink:
href=
"{{ static_url("img/icons.svg#couch
") }}"></use></svg>
70 <h4 class=
"pb-3">{{ _(
"Easy to use") }}
</h4>
73 IPFire ist in
15 bis
20 Minuten installiert
74 und kommt mit vielen wichtigen Funktionen für
75 professionelle Netzwerke.
77 IPFire is set up easily in
15 to
20 minutes
78 but also comes with expert features that
79 are needed in professional networks.
84 <div class=
"col-md-6 col-lg-4 mb-6">
85 <div class=
"feature_icons">
86 <svg class=
"icon i_lg i_security"><use xlink:
href=
"{{ static_url("img/icons.svg#security
") }}"></use></svg>
88 <h4 class=
"pb-3">{{ _(
"Network Security") }}
</h4>
91 Sicherheit hat höchste Priorität.
92 Das gehärtete System schützt sich selbst vor
93 Angriffen aus dem Netz.
95 IPFire is designed for high security.
96 It is hardened to protect itself from attacks
102 <div class=
"col-md-6 col-lg-4 mb-6">
103 <div class=
"feature_icons">
104 <svg class=
"icon i_lg i_github"><use xlink:
href=
"{{ static_url("img/icons.svg#github
") }}"></use></svg>
106 <h4 class=
"pb-3">{{ _(
"Open Source") }}
</h4>
108 {% if lang ==
"de" %}
109 IPFire ist freie Software, welche von einer offenen
110 Community tagtäglich verbessert wird.
112 IPFire is free software and developed by an open community,
113 that improves it every single day.
118 <div class=
"col-md-6 col-lg-4 mb-6">
119 <div class=
"feature_icons">
120 <svg class=
"icon i_lg i_heart"><use xlink:
href=
"{{ static_url("img/icons.svg#heart
") }}"></use></svg>
122 <h4 class=
"pb-3">{{ _(
"Trusted by thousands") }}
</h4>
124 {% if lang ==
"de" %}
125 IPFire wird in Europa entwickelt,
126 <a href=
"http://fireinfo.ipfire.org/statistics/geo-locations">in vielen Ländern
</a>
127 überall auf der Welt eingesetzt, und bietet
128 Internetzugang für hundertausende Nutzer jeden Tag.
130 IPFire is developed in Europe and used all over the world
131 <a href=
"http://fireinfo.ipfire.org/statistics/geo-locations">in hundreds of countries
</a>
132 by hundreds of thousands of users every day.
138 <div class=
"row justify-content-center pt-0 pt-md-4">
139 <a class=
"btn btn-primary btn-lg px-4 px-md-6" href=
"/get-started">{{ _(
"Get Started") }}
</a>
140 <a class=
"btn btn-white btn-lg px-4 px-md-6" href=
"/learn-more">{{ _(
"Learn more") }}
</a>
145 <section id=
"news" class=
"content-section">
146 <div class=
"container">
148 <div class=
"col col-md-6 col-lg-5 mb-6">
149 <h2 class=
"display-2 mb-6">Latest Release
</h2>
150 <p class=
"mb-3"><small>{{ locale.format_date(latest_release.date, shorter=True) }}
</small></p>
151 <h3 class=
"display-3 mb-5 pb-5"><a href=
"/news/{{ latest_release.news.slug }}">
152 {{ _(
"%s has been released!") % latest_release.name }}
155 <div class=
"btn-toolbar mb-6">
156 <a class=
"btn btn-primary mr-3" href=
"/download">
157 <svg class=
"icon i_sm i_download"><use xlink:
href=
"{{ static_url("img/icons.svg#download
") }}"></use></svg>
160 <a class=
"btn btn-white ml-3" href=
"/donate">
161 <svg class=
"icon i_sm i_heart"><use xlink:
href=
"{{ static_url("img/icons.svg#heart
") }}"></use></svg>
166 <p>A complete history of IPFire releases is available at our
<a href=
"/news">News
</a> page.
</p>
169 <div class=
"col col-md-6 col-lg-5 offset-lg-2">
170 <h2 class=
"display-2 mb-6">What
’s going on?
</h2>
171 <dl class=
"dl-horizontal">
172 {% for type, item in latest_news %}
174 <small>{{ locale.format_date(item.published, relative=True, shorter=True) }}
</small>
176 <dd class=
"text-overflow mb-4 pb-4">
177 {% if type ==
"news" %}
178 <a href=
"/news/{{ item.slug }}">
179 <strong>{{ item.title }}
</strong>
181 {% elif type ==
"planet" %}
182 <a href=
"http://planet.ipfire.org/post/{{ item.slug }}">
190 <a class=
"btn btn-white" href=
"/news">{{ _(
"Read More") }}
</a>
197 <section id=
"wishlist" class=
"content-section">
198 <div class=
"container">
200 <h2 class=
"display-2 text-center text-white">IP
<strong>Fire
</strong>’s Wishlist
</h2>
202 {% if hottest_wish %}
204 {% if hottest_wish.is_new() %}
205 <span class=
"label label-success pull-right">{{ _(
"NEW") }}
</span>
206 {% elif hottest_wish.remaining_days and hottest_wish.remaining_days <=
10 %}
207 <span class=
"pull-right">
208 {{ _(
"one day left",
"%(num)s days left", hottest_wish.remaining_days) % {
"num" : hottest_wish.remaining_days } }}
211 <span class=
"pull-right">
212 {{ _(
"%d%% funded") % hottest_wish.percentage }}
216 <h3 class=
"text-white pb-5">{{ hottest_wish.title }}
</h3>
218 <div class=
"progress progress-small mb-5">
219 <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;">
220 <span class=
"sr-only">{{ _(
"%.2f%% complete") % hottest_wish.percentage_bar }}
</span>
224 <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>
231 <section id=
"fireinfo" class=
"content-section">
232 <div class=
"container">
233 <h2 class=
"display-2 text-center">Fire
<strong>Info
</strong> Statistics
</h2>
235 <div class=
"row mb-6 mb-md-5 pb-lg-5 mb-lg-6">
236 <div class=
"col-6 col-md-3 mb-6 text-center">
237 <p class=
"mb-3"><small>Latest Release
</small></p>
238 <h4 class=
"pb-5">2.19 Core
109</h4>
239 <div class=
"r_circle circle mt-5">
240 <p class=
"lead">48%
</p>
243 $('.r_circle').circleProgress({ value:
0.48, size:
128, thickness:
4, animation: false, startAngle: -Math.PI /
2, fill: { color: [
"#1976d2"] } });
247 <div class=
"col-6 col-md-3 mb-6 text-center">
248 <p class=
"mb-3"><small>Favorite Kernel
</small></p>
249 <h4 class=
"pb-5 truncate">3.14.79-ipfire-pae
</h4>
250 <div class=
"f_circle circle mt-5">
251 <p class=
"lead">36%
</p>
254 $('.f_circle').circleProgress({ value:
0.36, size:
128, thickness:
4, animation: false, startAngle: -Math.PI /
2, fill: { color: [
"#00bcd4"] } });
258 <div class=
"col-6 col-md-3 text-center">
259 <p class=
"mb-3"><small>Favorite CPU
</small></p>
260 <h4 class=
"pb-5">Intel
</h4>
261 <div class=
"c_circle circle mt-5">
262 <p class=
"lead">71%
</p>
265 $('.c_circle').circleProgress({ value:
0.71, size:
128, thickness:
4, animation: false, startAngle: -Math.PI /
2, fill: { color: [
"#43a047"] } });
269 <div class=
"col-6 col-md-3 text-center">
270 <p class=
"mb-3 truncate"><small>Favorite Virtualisation
</small></p>
271 <h4 class=
"pb-5">VMWare
</h4>
272 <div class=
"v_circle circle mt-5">
273 <p class=
"lead">46%
</p>
276 $('.v_circle').circleProgress({ value:
0.46, size:
128, thickness:
4, animation: false, startAngle: -Math.PI /
2, fill: { color: [
"#ff8f00"] } });
281 <div class=
"row justify-content-center">
282 <a class=
"btn btn-lg btn-primary" href=
"/stats">More Stats
</a>
287 <section id=
"appliances" class=
"content-section">
288 <div class=
"container">
289 <h2 class=
"display-2 text-center">{{ _(
"Professional Appliances & Services") }}
</h2>
291 <div class=
"row mb-lg-6 mb-md-4 pb-6">
292 <div class=
"col-md-12 col-lg-7 mb-5 mb-md-6">
294 {% if lang ==
"de" %}
295 <a href=
"http://www.lightningwirelabs.com" target=
"_blank">Lightning Wire Labs
</a> bietet
296 Hardware-Appliances für mittlere bis große Unternehmen und SOHO an.
297 Diese sorgen in jedem Netz für beste Zuverlässigkeit, Stabilität
300 <a href=
"http://www.lightningwirelabs.com" target=
"_blank">Lightning Wire Labs
</a> offer
301 IPFire hardware appliances for enterprises, large businesses and SOHO.
302 Deploying one of these on your network will provide you with the
303 greatest reliability, stability and performance.
307 <div class=
"col-md-6 offset-md-3 col-lg-4 offset-lg-1">
308 <a class=
"btn btn-bluegrey900 btn-lg btn-block px-md-0" href=
"/get-support#professional">{{ _(
"Get Professional Support") }}
</a>
309 <a class=
"btn btn-bluegrey900 btn-lg btn-block px-md-0" href=
"/hardware">{{ _(
"Hardware Appliances") }}
</a>
312 <div class=
"text-center">
314 <source media=
"(max-width: 575px" srcset=
"{{ static_url("img/appliance-pro_xs.png
") }}">
315 <source media=
"(max-width: 767px" srcset=
"{{ static_url("img/appliance-pro_sm.png
") }}">
316 <source media=
"(max-width: 991px" srcset=
"{{ static_url("img/appliance-pro_md.png
") }}">
317 <source media=
"(min-width: 992px" srcset=
"{{ static_url("img/appliance-pro.png
") }}">
318 <img class=
"img-fluid" src=
"{{ static_url("img/appliance-pro.png
") }}" alt=
"Appliance">