]>
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> | |
e52b45b6 MT |
38 | IPFire comes with a versatile and state of the art |
39 | firewall engine that makes even the most complex | |
40 | setups easy to administer. | |
e2d13261 S |
41 | </p> |
42 | </div> | |
4b4334da S |
43 | </div> |
44 | ||
e2d13261 S |
45 | <div class="col-md-6 col-lg-4 mb-6 d-flex"> |
46 | <div class="feature_icons align-self-stretch"> | |
52a63148 | 47 | <svg class="icon i_lg i_speed"><use xlink:href="#speed"/></svg> |
20df8773 | 48 | </div> |
e2d13261 S |
49 | <div class="flex-column"> |
50 | <h4 class="pb-3">{{ _("Performance") }}</h4> | |
51 | <p> | |
e52b45b6 MT |
52 | IPFire is ready for high performance networks |
53 | and running evenly well on embedded hardware. | |
e2d13261 S |
54 | </p> |
55 | </div> | |
4b4334da S |
56 | </div> |
57 | ||
e2d13261 S |
58 | <div class="col-md-6 col-lg-4 mb-6 d-flex"> |
59 | <div class="feature_icons align-self-stretch"> | |
52a63148 | 60 | <svg class="icon i_lg i_couch"><use xlink:href="#couch"/></svg> |
20df8773 | 61 | </div> |
e2d13261 S |
62 | <div class="flex-column"> |
63 | <h4 class="pb-3">{{ _("Easy to use") }}</h4> | |
64 | <p class="mb-1"> | |
e52b45b6 MT |
65 | IPFire is set up easily in 15 to 20 minutes |
66 | but also comes with expert features that | |
67 | are needed in professional networks. | |
e2d13261 S |
68 | </p> |
69 | </div> | |
4b4334da | 70 | </div> |
82468973 | 71 | |
e2d13261 S |
72 | <div class="col-md-6 col-lg-4 mb-6 d-flex"> |
73 | <div class="feature_icons align-self-stretch"> | |
52a63148 | 74 | <svg class="icon i_lg i_security"><use xlink:href="#security"/></svg> |
20df8773 | 75 | </div> |
fdae1aac | 76 | <div class="flex-column"> |
e2d13261 S |
77 | <h4 class="pb-3">{{ _("Network Security") }}</h4> |
78 | <p> | |
e52b45b6 MT |
79 | IPFire is designed for high security. |
80 | It is hardened to protect itself from attacks | |
81 | from the network. | |
e2d13261 S |
82 | </p> |
83 | </div> | |
4b4334da S |
84 | </div> |
85 | ||
e2d13261 S |
86 | <div class="col-md-6 col-lg-4 mb-6 d-flex"> |
87 | <div class="feature_icons align-self-stretch"> | |
52a63148 | 88 | <svg class="icon i_lg i_github"><use xlink:href="#github"/></svg> |
20df8773 | 89 | </div> |
e2d13261 S |
90 | <div class="flex-column"> |
91 | <h4 class="pb-3">{{ _("Open Source") }}</h4> | |
92 | <p> | |
e52b45b6 MT |
93 | IPFire is free software and developed by an open community, |
94 | that improves it every single day. | |
e2d13261 S |
95 | </p> |
96 | </div> | |
4b4334da S |
97 | </div> |
98 | ||
e2d13261 S |
99 | <div class="col-md-6 col-lg-4 mb-6 d-flex"> |
100 | <div class="feature_icons align-self-stretch"> | |
52a63148 | 101 | <svg class="icon i_lg i_heart"><use xlink:href="#heart"/></svg> |
20df8773 | 102 | </div> |
e2d13261 S |
103 | <div class="flex-column"> |
104 | <h4 class="pb-3">{{ _("Trusted by thousands") }}</h4> | |
105 | <p> | |
e52b45b6 | 106 | IPFire is developed in Europe and used all over the world |
ba43a892 | 107 | <a href="https://fireinfo.ipfire.org/statistics/geo-locations">in hundreds of countries</a> |
e52b45b6 | 108 | by hundreds of thousands of users every day. |
e2d13261 S |
109 | </p> |
110 | </div> | |
4b4334da S |
111 | </div> |
112 | </div> | |
113 | ||
c2cbe16d | 114 | <div class="row justify-content-center pt-0 pt-md-4"> |
5c713bb6 | 115 | <a class="btn btn-primary btn-lg px-4 px-md-6" href="/get-started">{{ _("Get Started") }}</a> |
346e30de | 116 | <a class="btn btn-white btn-lg px-4 px-md-6" href="/features">{{ _("Learn more") }}</a> |
60b0917c MT |
117 | </div> |
118 | </div> | |
60b0917c | 119 | </section> |
05f8cfae | 120 | |
4b4334da | 121 | <section id="news" class="content-section"> |
60b0917c MT |
122 | <div class="container"> |
123 | <div class="row"> | |
e2d13261 | 124 | <div class="col-12 col-md-6 col-lg-5 mb-6"> |
20df8773 | 125 | <h2 class="display-2 mb-6">Latest Release</h2> |
82468973 | 126 | <p class="mb-3"><small>{{ locale.format_date(latest_release.date, shorter=True) }}</small></p> |
20df8773 | 127 | <h3 class="display-3 mb-5 pb-5"><a href="/news/{{ latest_release.news.slug }}"> |
60b0917c MT |
128 | {{ _("%s has been released!") % latest_release.name }} |
129 | </a> | |
53664d15 | 130 | </h3> |
20df8773 | 131 | <div class="btn-toolbar mb-6"> |
fdae1aac | 132 | <a class="btn btn-primary btn-md mr-3" href="/download"> |
52a63148 | 133 | <svg class="icon i_sm i_download"><use xlink:href="#download"/></svg> |
c2cbe16d S |
134 | {{ _("Download") }} |
135 | </a> | |
fdae1aac | 136 | <a class="btn btn-white btn-md ml-3" href="/donate"> |
52a63148 | 137 | <svg class="icon i_sm i_heart"><use xlink:href="#heart"/></svg> |
c2cbe16d S |
138 | {{ _("Donate") }} |
139 | </a> | |
60b0917c | 140 | </div> |
4b4334da | 141 | |
20df8773 | 142 | <p>A complete history of IPFire releases is available at our <a href="/news">News</a> page.</p> |
60b0917c | 143 | </div> |
4b4334da | 144 | |
e2d13261 | 145 | <div class="col-12 col-md-6 col-lg-5 offset-lg-2"> |
20df8773 | 146 | <h2 class="display-2 mb-6">What’s going on?</h2> |
60b0917c MT |
147 | <dl class="dl-horizontal"> |
148 | {% for type, item in latest_news %} | |
149 | <dt> | |
20df8773 | 150 | <small>{{ locale.format_date(item.published, relative=True, shorter=True) }} </small> |
60b0917c | 151 | </dt> |
20df8773 | 152 | <dd class="text-overflow mb-4 pb-4"> |
60b0917c MT |
153 | {% if type == "news" %} |
154 | <a href="/news/{{ item.slug }}"> | |
155 | <strong>{{ item.title }}</strong> | |
156 | </a> | |
157 | {% elif type == "planet" %} | |
ba43a892 | 158 | <a href="https://planet.ipfire.org/post/{{ item.slug }}"> |
60b0917c MT |
159 | {{ item.title }} |
160 | </a> | |
161 | {% end %} | |
162 | </dd> | |
9d7e697a | 163 | {% end %} |
60b0917c | 164 | </dl> |
20df8773 | 165 | |
6aa3b1ec | 166 | <a class="btn btn-white" href="/news">{{ _("Read More") }}</a> |
20df8773 | 167 | |
60b0917c MT |
168 | </div> |
169 | </div> | |
4b4334da S |
170 | </div> |
171 | </section> | |
7c0605e8 | 172 | |
4b4334da S |
173 | <section id="fireinfo" class="content-section"> |
174 | <div class="container"> | |
20df8773 S |
175 | <h2 class="display-2 text-center">Fire<strong>Info</strong> Statistics</h2> |
176 | ||
609474e4 | 177 | <div class="row mb-6 mb-md-5 pb-lg-5 mb-lg-6"> |
ac7f3ec6 | 178 | <div class="col-6 col-md-3 mb-6 text-center"> |
f8c4f791 | 179 | <p class="mb-0 mb-sm-3 fireinfo_cat">Latest Release</p> |
dd3a5446 | 180 | <h5 class="pb-5 fireinfo">{{ latest_release.name }}</h5> |
ac7f3ec6 | 181 | <div class="r_circle circle mt-5"> |
dd3a5446 | 182 | <p class="fireinfo_per">{{ "%.0f%%" % (latest_release.penetration * 100) }}</p> |
ac7f3ec6 S |
183 | </div> |
184 | <script> | |
dd3a5446 | 185 | $('.r_circle').circleProgress({ value: {{ latest_release.penetration }}, size: 128, thickness: 4, animation: false, startAngle: -Math.PI / 2, fill: { color: ["#1976d2"] } }); |
ac7f3ec6 | 186 | </script> |
20df8773 S |
187 | </div> |
188 | ||
ac7f3ec6 | 189 | <div class="col-6 col-md-3 mb-6 text-center"> |
f8c4f791 S |
190 | <p class="mb-0 mb-sm-3 fireinfo_cat">Favorite Kernel</p> |
191 | <h5 class="pb-5 fireinfo truncate">3.14.79-ipfire-pae</h5> | |
ac7f3ec6 | 192 | <div class="f_circle circle mt-5"> |
f8c4f791 | 193 | <p class="fireinfo_per">36%</p> |
ac7f3ec6 S |
194 | </div> |
195 | <script> | |
196 | $('.f_circle').circleProgress({ value: 0.36, size: 128, thickness: 4, animation: false, startAngle: -Math.PI / 2, fill: { color: ["#00bcd4"] } }); | |
197 | </script> | |
20df8773 S |
198 | </div> |
199 | ||
82468973 | 200 | <div class="col-6 col-md-3 text-center"> |
f8c4f791 S |
201 | <p class="mb-0 mb-sm-3 fireinfo_cat">Favorite CPU</p> |
202 | <h5 class="pb-5 fireinfo">Intel</h5> | |
ac7f3ec6 | 203 | <div class="c_circle circle mt-5"> |
bf5b46d4 | 204 | <p class="fireinfo_per">73%</p> |
ac7f3ec6 S |
205 | </div> |
206 | <script> | |
bf5b46d4 | 207 | $('.c_circle').circleProgress({ value: 0.73, size: 128, thickness: 4, animation: false, startAngle: -Math.PI / 2, fill: { color: ["#43a047"] } }); |
ac7f3ec6 | 208 | </script> |
20df8773 S |
209 | </div> |
210 | ||
82468973 | 211 | <div class="col-6 col-md-3 text-center"> |
f8c4f791 S |
212 | <p class="mb-0 mb-sm-3 fireinfo_cat truncate">Favorite Virtualisation</p> |
213 | <h5 class="pb-5 fireinfo">VMWare</h5> | |
ac7f3ec6 | 214 | <div class="v_circle circle mt-5"> |
f8c4f791 | 215 | <p class="fireinfo_per">46%</p> |
ac7f3ec6 S |
216 | </div> |
217 | <script> | |
218 | $('.v_circle').circleProgress({ value: 0.46, size: 128, thickness: 4, animation: false, startAngle: -Math.PI / 2, fill: { color: ["#ff8f00"] } }); | |
219 | </script> | |
20df8773 S |
220 | </div> |
221 | </div> | |
4b4334da S |
222 | |
223 | <div class="row justify-content-center"> | |
c2cbe16d | 224 | <a class="btn btn-lg btn-primary" href="/stats">More Stats</a> |
4b4334da | 225 | </div> |
9d7e697a | 226 | </div> |
4b4334da | 227 | </section> |
60b0917c | 228 | |
4b4334da S |
229 | <section id="appliances" class="content-section"> |
230 | <div class="container"> | |
20df8773 | 231 | <h2 class="display-2 text-center">{{ _("Professional Appliances & Services") }}</h2> |
4b4334da | 232 | |
f8c4f791 S |
233 | <div class="row mb-lg-6 mb-md-4 pb-6 pb-lg-4"> |
234 | <div class="col-md-12 col-lg-7 mb-5 mb-md-6 mb-lg-0"> | |
4b4334da | 235 | <p class="lead"> |
ba43a892 | 236 | <a href="https://www.lightningwirelabs.com" target="_blank">Lightning Wire Labs</a> offer |
e52b45b6 MT |
237 | IPFire hardware appliances for enterprises, large businesses and SOHO. |
238 | Deploying one of these on your network will provide you with the | |
239 | greatest reliability, stability and performance. | |
4b4334da S |
240 | </p> |
241 | </div> | |
8e18ac98 | 242 | <div class="col-sm-6 offset-sm-3 col-lg-4 offset-lg-1 mt-sm-5"> |
c2cbe16d S |
243 | <a class="btn btn-bluegrey900 btn-lg btn-block px-md-0" href="/get-support#professional">{{ _("Get Professional Support") }}</a> |
244 | <a class="btn btn-bluegrey900 btn-lg btn-block px-md-0" href="/hardware">{{ _("Hardware Appliances") }}</a> | |
4b4334da S |
245 | </div> |
246 | </div> | |
c2cbe16d S |
247 | <div class="text-center"> |
248 | <picture> | |
249 | <source media="(max-width: 575px" srcset="{{ static_url("img/appliance-pro_xs.png") }}"> | |
250 | <source media="(max-width: 767px" srcset="{{ static_url("img/appliance-pro_sm.png") }}"> | |
251 | <source media="(max-width: 991px" srcset="{{ static_url("img/appliance-pro_md.png") }}"> | |
252 | <source media="(min-width: 992px" srcset="{{ static_url("img/appliance-pro.png") }}"> | |
253 | <img class="img-fluid" src="{{ static_url("img/appliance-pro.png") }}" alt="Appliance"> | |
254 | </picture> | |
82468973 | 255 | </div> |
4b4334da | 256 | </div> |
60b0917c | 257 | </section> |
f59b40f6 S |
258 | <script> |
259 | $(document).ready(function () { | |
260 | $('.scroll').on('click', function(event) { | |
261 | event.preventDefault(); | |
262 | $('html, body').stop().animate({ | |
263 | scrollTop: $('#features').offset().top -72 | |
264 | }, 1000); | |
265 | }); | |
266 | }); | |
267 | </script> | |
81675874 | 268 | {% end block %} |