]>
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"> | |
1423222c 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> | |
8ef25aa4 | 15 | <a class="btn btn-outline-secondary btn-lg" href="/features">{{ _("Features") }}</a> |
9b5ac075 | 16 | </div> |
60024cc8 | 17 | </div> |
1423222c | 18 | |
f59b40f6 S |
19 | <div class="page-scroll"> |
20 | <a href="#features" class="btn btn-outline-primary rounded-circle scroll"> | |
fdae1aac | 21 | <svg class="icon i_lg i_arrow_down"><use xlink:href="#arrow_down"/></svg> |
1423222c S |
22 | </a> |
23 | </div> | |
60b0917c MT |
24 | </section> |
25 | ||
4b4334da S |
26 | <section id="features" class="content-section"> |
27 | <div class="container"> | |
20df8773 | 28 | <h3 class="display-2 text-center">{{ _("Secure up your network with IPFire") }}</h2> |
4b4334da | 29 | |
82468973 | 30 | <div class="row mb-lg-6 mb-md-5"> |
e2d13261 S |
31 | <div class="col-md-6 col-lg-4 mb-6 pb-lg-5 d-flex"> |
32 | <div class="feature_icons align-self-stretch"> | |
52a63148 | 33 | <svg class="icon i_lg i_shield"><use xlink:href="#shield"/></svg> |
20df8773 | 34 | </div> |
e2d13261 S |
35 | <div class="flex-column"> |
36 | <h4 class="pb-3">{{ _("Firewall") }}</h4> | |
37 | <p> | |
38 | {% if lang == "de" %} | |
39 | Die vielseitige und State-of-the-Art Firewall-Engine | |
40 | in IPFire ist auch in komplexen Netzen übersichtlich | |
41 | und leicht zu nutzen. | |
42 | {% else %} | |
43 | IPFire comes with a versatile and state of the art | |
44 | firewall engine that makes even the most complex | |
45 | setups easy to administer. | |
46 | {% end %} | |
47 | </p> | |
48 | </div> | |
4b4334da S |
49 | </div> |
50 | ||
e2d13261 S |
51 | <div class="col-md-6 col-lg-4 mb-6 d-flex"> |
52 | <div class="feature_icons align-self-stretch"> | |
52a63148 | 53 | <svg class="icon i_lg i_speed"><use xlink:href="#speed"/></svg> |
20df8773 | 54 | </div> |
e2d13261 S |
55 | <div class="flex-column"> |
56 | <h4 class="pb-3">{{ _("Performance") }}</h4> | |
57 | <p> | |
58 | {% if lang == "de" %} | |
59 | Auch schnelle Netze und der Einsatz | |
60 | auf eingebetteten Systemen sind kein Problem | |
61 | für IPFire. | |
62 | {% else %} | |
63 | IPFire is ready for high performance networks | |
64 | and running evenly well on embedded hardware. | |
65 | {% end %} | |
66 | </p> | |
67 | </div> | |
4b4334da S |
68 | </div> |
69 | ||
e2d13261 S |
70 | <div class="col-md-6 col-lg-4 mb-6 d-flex"> |
71 | <div class="feature_icons align-self-stretch"> | |
52a63148 | 72 | <svg class="icon i_lg i_couch"><use xlink:href="#couch"/></svg> |
20df8773 | 73 | </div> |
e2d13261 S |
74 | <div class="flex-column"> |
75 | <h4 class="pb-3">{{ _("Easy to use") }}</h4> | |
76 | <p class="mb-1"> | |
77 | {% if lang == "de" %} | |
78 | IPFire ist in 15 bis 20 Minuten installiert | |
79 | und kommt mit vielen wichtigen Funktionen für | |
80 | professionelle Netzwerke. | |
81 | {% else %} | |
82 | IPFire is set up easily in 15 to 20 minutes | |
83 | but also comes with expert features that | |
84 | are needed in professional networks. | |
85 | {% end %} | |
86 | </p> | |
87 | </div> | |
4b4334da | 88 | </div> |
82468973 | 89 | |
e2d13261 S |
90 | <div class="col-md-6 col-lg-4 mb-6 d-flex"> |
91 | <div class="feature_icons align-self-stretch"> | |
52a63148 | 92 | <svg class="icon i_lg i_security"><use xlink:href="#security"/></svg> |
20df8773 | 93 | </div> |
fdae1aac | 94 | <div class="flex-column"> |
e2d13261 S |
95 | <h4 class="pb-3">{{ _("Network Security") }}</h4> |
96 | <p> | |
97 | {% if lang == "de" %} | |
98 | Sicherheit hat höchste Priorität. | |
99 | Das gehärtete System schützt sich selbst vor | |
100 | Angriffen aus dem Netz. | |
101 | {% else %} | |
102 | IPFire is designed for high security. | |
103 | It is hardened to protect itself from attacks | |
104 | from the network. | |
105 | {% end %} | |
106 | </p> | |
107 | </div> | |
4b4334da S |
108 | </div> |
109 | ||
e2d13261 S |
110 | <div class="col-md-6 col-lg-4 mb-6 d-flex"> |
111 | <div class="feature_icons align-self-stretch"> | |
52a63148 | 112 | <svg class="icon i_lg i_github"><use xlink:href="#github"/></svg> |
20df8773 | 113 | </div> |
e2d13261 S |
114 | <div class="flex-column"> |
115 | <h4 class="pb-3">{{ _("Open Source") }}</h4> | |
116 | <p> | |
117 | {% if lang == "de" %} | |
118 | IPFire ist freie Software, welche von einer offenen | |
119 | Community tagtäglich verbessert wird. | |
120 | {% else %} | |
121 | IPFire is free software and developed by an open community, | |
122 | that improves it every single day. | |
123 | {% end %} | |
124 | </p> | |
125 | </div> | |
4b4334da S |
126 | </div> |
127 | ||
e2d13261 S |
128 | <div class="col-md-6 col-lg-4 mb-6 d-flex"> |
129 | <div class="feature_icons align-self-stretch"> | |
52a63148 | 130 | <svg class="icon i_lg i_heart"><use xlink:href="#heart"/></svg> |
20df8773 | 131 | </div> |
e2d13261 S |
132 | <div class="flex-column"> |
133 | <h4 class="pb-3">{{ _("Trusted by thousands") }}</h4> | |
134 | <p> | |
135 | {% if lang == "de" %} | |
136 | IPFire wird in Europa entwickelt, | |
137 | <a href="http://fireinfo.ipfire.org/statistics/geo-locations">in vielen Ländern</a> | |
138 | überall auf der Welt eingesetzt, und bietet | |
bf5b46d4 | 139 | Internetzugang für hunderttausende Nutzer jeden Tag. |
e2d13261 S |
140 | {% else %} |
141 | IPFire is developed in Europe and used all over the world | |
142 | <a href="http://fireinfo.ipfire.org/statistics/geo-locations">in hundreds of countries</a> | |
143 | by hundreds of thousands of users every day. | |
144 | {% end %} | |
145 | </p> | |
146 | </div> | |
4b4334da S |
147 | </div> |
148 | </div> | |
149 | ||
c2cbe16d | 150 | <div class="row justify-content-center pt-0 pt-md-4"> |
5c713bb6 | 151 | <a class="btn btn-primary btn-lg px-4 px-md-6" href="/get-started">{{ _("Get Started") }}</a> |
346e30de | 152 | <a class="btn btn-white btn-lg px-4 px-md-6" href="/features">{{ _("Learn more") }}</a> |
60b0917c MT |
153 | </div> |
154 | </div> | |
60b0917c | 155 | </section> |
05f8cfae | 156 | |
4b4334da | 157 | <section id="news" class="content-section"> |
60b0917c MT |
158 | <div class="container"> |
159 | <div class="row"> | |
e2d13261 | 160 | <div class="col-12 col-md-6 col-lg-5 mb-6"> |
20df8773 | 161 | <h2 class="display-2 mb-6">Latest Release</h2> |
82468973 | 162 | <p class="mb-3"><small>{{ locale.format_date(latest_release.date, shorter=True) }}</small></p> |
20df8773 | 163 | <h3 class="display-3 mb-5 pb-5"><a href="/news/{{ latest_release.news.slug }}"> |
60b0917c MT |
164 | {{ _("%s has been released!") % latest_release.name }} |
165 | </a> | |
53664d15 | 166 | </h3> |
20df8773 | 167 | <div class="btn-toolbar mb-6"> |
fdae1aac | 168 | <a class="btn btn-primary btn-md mr-3" href="/download"> |
52a63148 | 169 | <svg class="icon i_sm i_download"><use xlink:href="#download"/></svg> |
c2cbe16d S |
170 | {{ _("Download") }} |
171 | </a> | |
fdae1aac | 172 | <a class="btn btn-white btn-md ml-3" href="/donate"> |
52a63148 | 173 | <svg class="icon i_sm i_heart"><use xlink:href="#heart"/></svg> |
c2cbe16d S |
174 | {{ _("Donate") }} |
175 | </a> | |
60b0917c | 176 | </div> |
4b4334da | 177 | |
20df8773 | 178 | <p>A complete history of IPFire releases is available at our <a href="/news">News</a> page.</p> |
60b0917c | 179 | </div> |
4b4334da | 180 | |
e2d13261 | 181 | <div class="col-12 col-md-6 col-lg-5 offset-lg-2"> |
20df8773 | 182 | <h2 class="display-2 mb-6">What’s going on?</h2> |
60b0917c MT |
183 | <dl class="dl-horizontal"> |
184 | {% for type, item in latest_news %} | |
185 | <dt> | |
20df8773 | 186 | <small>{{ locale.format_date(item.published, relative=True, shorter=True) }} </small> |
60b0917c | 187 | </dt> |
20df8773 | 188 | <dd class="text-overflow mb-4 pb-4"> |
60b0917c MT |
189 | {% if type == "news" %} |
190 | <a href="/news/{{ item.slug }}"> | |
191 | <strong>{{ item.title }}</strong> | |
192 | </a> | |
193 | {% elif type == "planet" %} | |
194 | <a href="http://planet.ipfire.org/post/{{ item.slug }}"> | |
195 | {{ item.title }} | |
196 | </a> | |
197 | {% end %} | |
198 | </dd> | |
9d7e697a | 199 | {% end %} |
60b0917c | 200 | </dl> |
20df8773 | 201 | |
6aa3b1ec | 202 | <a class="btn btn-white" href="/news">{{ _("Read More") }}</a> |
20df8773 | 203 | |
60b0917c MT |
204 | </div> |
205 | </div> | |
4b4334da S |
206 | </div> |
207 | </section> | |
208 | ||
209 | <section id="wishlist" class="content-section"> | |
210 | <div class="container"> | |
20df8773 | 211 | <h2 class="display-2 text-center text-white">IP<strong>Fire</strong>’s Wishlist</h2> |
4b4334da | 212 | |
20df8773 | 213 | {% if hottest_wish %} |
8ef25aa4 | 214 | <div class="d-flex flex-row justify-content-between align-items-baseline"> |
f8c4f791 | 215 | <h5 class="text-white">{{ hottest_wish.title }}</h5> |
8ef25aa4 S |
216 | |
217 | {% if hottest_wish.is_new() %} | |
218 | <span class="label label-success pull-right">{{ _("NEW") }}</span> | |
219 | {% elif hottest_wish.remaining_days and hottest_wish.remaining_days <= 10 %} | |
220 | <span> | |
221 | {{ _("one day left", "%(num)s days left", hottest_wish.remaining_days) % { "num" : hottest_wish.remaining_days } }} | |
222 | </span> | |
223 | {% else %} | |
f8c4f791 | 224 | <span class="h5 amber-800 hidden-xs-down"> |
8ef25aa4 S |
225 | {{ _("%d%% funded") % hottest_wish.percentage }} |
226 | </span> | |
227 | {% end %} | |
228 | </div> | |
20df8773 S |
229 | |
230 | <div class="progress progress-small mb-5"> | |
231 | <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;"> | |
232 | <span class="sr-only">{{ _("%.2f%% complete") % hottest_wish.percentage_bar }}</span> | |
233 | </div> | |
3d74a9b9 | 234 | </div> |
20df8773 | 235 | |
bf5b46d4 | 236 | <p class="text-white small"><a style="color: white; text-decoration: underline;" href="http://wishlist.ipfire.org/wish/{{ hottest_wish.slug }}">Read more</a> about that wish.</p> |
20df8773 | 237 | {% end %} |
60b0917c MT |
238 | </div> |
239 | </section> | |
4b4334da S |
240 | |
241 | <section id="fireinfo" class="content-section"> | |
242 | <div class="container"> | |
20df8773 S |
243 | <h2 class="display-2 text-center">Fire<strong>Info</strong> Statistics</h2> |
244 | ||
609474e4 | 245 | <div class="row mb-6 mb-md-5 pb-lg-5 mb-lg-6"> |
ac7f3ec6 | 246 | <div class="col-6 col-md-3 mb-6 text-center"> |
f8c4f791 | 247 | <p class="mb-0 mb-sm-3 fireinfo_cat">Latest Release</p> |
dd3a5446 | 248 | <h5 class="pb-5 fireinfo">{{ latest_release.name }}</h5> |
ac7f3ec6 | 249 | <div class="r_circle circle mt-5"> |
dd3a5446 | 250 | <p class="fireinfo_per">{{ "%.0f%%" % (latest_release.penetration * 100) }}</p> |
ac7f3ec6 S |
251 | </div> |
252 | <script> | |
dd3a5446 | 253 | $('.r_circle').circleProgress({ value: {{ latest_release.penetration }}, size: 128, thickness: 4, animation: false, startAngle: -Math.PI / 2, fill: { color: ["#1976d2"] } }); |
ac7f3ec6 | 254 | </script> |
20df8773 S |
255 | </div> |
256 | ||
ac7f3ec6 | 257 | <div class="col-6 col-md-3 mb-6 text-center"> |
f8c4f791 S |
258 | <p class="mb-0 mb-sm-3 fireinfo_cat">Favorite Kernel</p> |
259 | <h5 class="pb-5 fireinfo truncate">3.14.79-ipfire-pae</h5> | |
ac7f3ec6 | 260 | <div class="f_circle circle mt-5"> |
f8c4f791 | 261 | <p class="fireinfo_per">36%</p> |
ac7f3ec6 S |
262 | </div> |
263 | <script> | |
264 | $('.f_circle').circleProgress({ value: 0.36, size: 128, thickness: 4, animation: false, startAngle: -Math.PI / 2, fill: { color: ["#00bcd4"] } }); | |
265 | </script> | |
20df8773 S |
266 | </div> |
267 | ||
82468973 | 268 | <div class="col-6 col-md-3 text-center"> |
f8c4f791 S |
269 | <p class="mb-0 mb-sm-3 fireinfo_cat">Favorite CPU</p> |
270 | <h5 class="pb-5 fireinfo">Intel</h5> | |
ac7f3ec6 | 271 | <div class="c_circle circle mt-5"> |
bf5b46d4 | 272 | <p class="fireinfo_per">73%</p> |
ac7f3ec6 S |
273 | </div> |
274 | <script> | |
bf5b46d4 | 275 | $('.c_circle').circleProgress({ value: 0.73, size: 128, thickness: 4, animation: false, startAngle: -Math.PI / 2, fill: { color: ["#43a047"] } }); |
ac7f3ec6 | 276 | </script> |
20df8773 S |
277 | </div> |
278 | ||
82468973 | 279 | <div class="col-6 col-md-3 text-center"> |
f8c4f791 S |
280 | <p class="mb-0 mb-sm-3 fireinfo_cat truncate">Favorite Virtualisation</p> |
281 | <h5 class="pb-5 fireinfo">VMWare</h5> | |
ac7f3ec6 | 282 | <div class="v_circle circle mt-5"> |
f8c4f791 | 283 | <p class="fireinfo_per">46%</p> |
ac7f3ec6 S |
284 | </div> |
285 | <script> | |
286 | $('.v_circle').circleProgress({ value: 0.46, size: 128, thickness: 4, animation: false, startAngle: -Math.PI / 2, fill: { color: ["#ff8f00"] } }); | |
287 | </script> | |
20df8773 S |
288 | </div> |
289 | </div> | |
4b4334da S |
290 | |
291 | <div class="row justify-content-center"> | |
c2cbe16d | 292 | <a class="btn btn-lg btn-primary" href="/stats">More Stats</a> |
4b4334da | 293 | </div> |
9d7e697a | 294 | </div> |
4b4334da | 295 | </section> |
60b0917c | 296 | |
4b4334da S |
297 | <section id="appliances" class="content-section"> |
298 | <div class="container"> | |
20df8773 | 299 | <h2 class="display-2 text-center">{{ _("Professional Appliances & Services") }}</h2> |
4b4334da | 300 | |
f8c4f791 S |
301 | <div class="row mb-lg-6 mb-md-4 pb-6 pb-lg-4"> |
302 | <div class="col-md-12 col-lg-7 mb-5 mb-md-6 mb-lg-0"> | |
4b4334da S |
303 | <p class="lead"> |
304 | {% if lang == "de" %} | |
20df8773 | 305 | <a href="http://www.lightningwirelabs.com" target="_blank">Lightning Wire Labs</a> bietet |
4b4334da S |
306 | Hardware-Appliances für mittlere bis große Unternehmen und SOHO an. |
307 | Diese sorgen in jedem Netz für beste Zuverlässigkeit, Stabilität | |
308 | und Performance. | |
309 | {% else %} | |
20df8773 | 310 | <a href="http://www.lightningwirelabs.com" target="_blank">Lightning Wire Labs</a> offer |
4b4334da S |
311 | IPFire hardware appliances for enterprises, large businesses and SOHO. |
312 | Deploying one of these on your network will provide you with the | |
313 | greatest reliability, stability and performance. | |
314 | {% end %} | |
315 | </p> | |
316 | </div> | |
8e18ac98 | 317 | <div class="col-sm-6 offset-sm-3 col-lg-4 offset-lg-1 mt-sm-5"> |
c2cbe16d S |
318 | <a class="btn btn-bluegrey900 btn-lg btn-block px-md-0" href="/get-support#professional">{{ _("Get Professional Support") }}</a> |
319 | <a class="btn btn-bluegrey900 btn-lg btn-block px-md-0" href="/hardware">{{ _("Hardware Appliances") }}</a> | |
4b4334da S |
320 | </div> |
321 | </div> | |
c2cbe16d S |
322 | <div class="text-center"> |
323 | <picture> | |
324 | <source media="(max-width: 575px" srcset="{{ static_url("img/appliance-pro_xs.png") }}"> | |
325 | <source media="(max-width: 767px" srcset="{{ static_url("img/appliance-pro_sm.png") }}"> | |
326 | <source media="(max-width: 991px" srcset="{{ static_url("img/appliance-pro_md.png") }}"> | |
327 | <source media="(min-width: 992px" srcset="{{ static_url("img/appliance-pro.png") }}"> | |
328 | <img class="img-fluid" src="{{ static_url("img/appliance-pro.png") }}" alt="Appliance"> | |
329 | </picture> | |
82468973 | 330 | </div> |
4b4334da | 331 | </div> |
60b0917c | 332 | </section> |
f59b40f6 S |
333 | <script> |
334 | $(document).ready(function () { | |
335 | $('.scroll').on('click', function(event) { | |
336 | event.preventDefault(); | |
337 | $('html, body').stop().animate({ | |
338 | scrollTop: $('#features').offset().top -72 | |
339 | }, 1000); | |
340 | }); | |
341 | }); | |
342 | </script> | |
81675874 | 343 | {% end block %} |