]> git.ipfire.org Git - ipfire.org.git/blame - templates/index.html
add spacing and menu on mobile
[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">
97ed546d
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>
15 <a class="btn btn-outline-secondary btn-lg" href="/featues">{{ _("Features") }}</a>
9b5ac075 16 </div>
60024cc8 17 </div>
97ed546d 18
b6d1f3b7
S
19 <div id="scrollto" class="page-scroll">
20 <a href="#features" class="btn btn-outline-primary rounded-circle">
97ed546d
S
21 <svg width="12" height="8" viewBox="0 0 12 8" xmlns="http://www.w3.org/2000/svg"><g><path d="M1.41.02L6 4.694 10.59.02 12 1.46 6 7.581 0 1.459z"/></g></svg>
22 </a>
23 </div>
60b0917c
MT
24 </section>
25
97ed546d 26 <!--
60b0917c
MT
27 <section id="about" class="dark-background text-center">
28 <div class="about-section">
29 <div class="container">
30 <p class="lead">
31 {% if lang == "de" %}
32 Willkommen! <strong>IPFire</strong> ist eine professionelle
33 und gehärtete Firewalldistribution, die sicher und einfach zu
34 benutzen ist. Mit vielen Funktionen ausgestattet, ist IPFire
35 ideal für den Einsatz in Unternehmen, Behörden, und überall sonst.
36 {% else %}
37 Welcome to <strong>IPFire</strong>, the professional and hardened
38 Linux firewall distribution that is secure, easy to operate
39 and coming with great functionality so that it is ready
40 for enterprises, authorities, and anybody else.
41 {% end %}
7771acea 42 </p>
7771acea 43
60b0917c
MT
44 <a class="btn btn-default btn-lg" href="/about">{{ _("Learn More") }}</a>
45 </div>
46 </div>
47 </section>
97ed546d 48 -->
7771acea 49
1e5bc9c9
S
50 <section id="features" class="content-section">
51 <div class="container">
b6d1f3b7 52 <h3 class="display-2 text-center">{{ _("Secure up your network with IPFire") }}</h2>
1e5bc9c9 53
69a9b33d
S
54 <div class="row mb-lg-6 mb-md-5">
55 <div class="col-md-6 col-lg-4 mb-6 pb-lg-5">
b6d1f3b7
S
56 <div class="feature_icons">
57 <svg width="18" height="22" viewBox="0 0 18 22" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M-3-1h24v24H-3z"/><path d="M9 0L0 4v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V4L9 0zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V11H2V5.3l7-3.11v8.8z" fill="#b71c1c"/></g></svg>
58 </div>
ccd81281 59 <h4 class="pb-3">{{ _("Firewall") }}</h4>
1e5bc9c9
S
60 <p>
61 {% if lang == "de" %}
62 Die vielseitige und State-of-the-Art Firewall-Engine
63 in IPFire ist auch in komplexen Netzen übersichtlich
64 und leicht zu nutzen.
65 {% else %}
66 IPFire comes with a versatile and state of the art
67 firewall engine that makes even the most complex
68 setups easy to administer.
69 {% end %}
70 </p>
71 </div>
72
69a9b33d 73 <div class="col-md-6 col-lg-4 mb-6">
b6d1f3b7
S
74 <div class="feature_icons">
75 <svg width="20" height="18" viewBox="0 0 20 18" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M-2-3h24v24H-2z"/><path d="M10 13a3 3 0 0 1-3-3c0-1.12.61-2.1 1.5-2.61l9.71-5.62-5.53 9.58c-.5.98-1.51 1.65-2.68 1.65zm0-13c1.81 0 3.5.5 4.97 1.32l-2.1 1.21C12 2.19 11 2 10 2a8 8 0 0 0-8 8c0 2.21.89 4.21 2.34 5.65h.01c.39.39.39 1.02 0 1.41-.39.39-1.03.39-1.42.01A9.969 9.969 0 0 1 0 10C0 4.477 4.477 0 10 0zm10 10c0 2.76-1.12 5.26-2.93 7.07-.39.38-1.02.38-1.41-.01a.996.996 0 0 1 0-1.41A7.95 7.95 0 0 0 18 10c0-1-.19-2-.54-2.9L18.67 5C19.5 6.5 20 8.18 20 10z" fill="#b71c1c" fill-rule="nonzero"/></g></svg>
76 </div>
ccd81281 77 <h4 class="pb-3">{{ _("Performance") }}</h4>
1e5bc9c9
S
78 <p>
79 {% if lang == "de" %}
80 Auch schnelle Netze und der Einsatz
81 auf eingebetteten Systemen sind kein Problem
82 für IPFire.
83 {% else %}
84 IPFire is ready for high performance networks
85 and running evenly well on embedded hardware.
86 {% end %}
87 </p>
88 </div>
89
69a9b33d 90 <div class="col-md-6 col-lg-4 mb-6">
b6d1f3b7
S
91 <div class="feature_icons">
92 <svg width="22" height="14" viewBox="0 0 22 14" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path id="a" d="M0 0h24v24H0z"/></defs><g transform="translate(-1 -5)" fill="none" fill-rule="evenodd"><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><path d="M21 10c-1.1 0-2 .9-2 2v3H5v-3c0-1.1-.9-2-2-2s-2 .9-2 2v5c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2v-5c0-1.1-.9-2-2-2zm-3-5H6c-1.1 0-2 .9-2 2v2.15c1.16.41 2 1.51 2 2.82V14h12v-2.03c0-1.3.84-2.4 2-2.82V7c0-1.1-.9-2-2-2z" fill="#b71c1c" mask="url(#b)"/></g></svg>
93 </div>
ccd81281
S
94 <h4 class="pb-3">{{ _("Easy to use") }}</h4>
95 <p class="mb-1">
1e5bc9c9
S
96 {% if lang == "de" %}
97 IPFire ist in 15 bis 20 Minuten installiert
98 und kommt mit vielen wichtigen Funktionen für
99 professionelle Netzwerke.
100 {% else %}
101 IPFire is set up easily in 15 to 20 minutes
102 but also comes with expert features that
103 are needed in professional networks.
104 {% end %}
105 </p>
106 </div>
69a9b33d
S
107
108 <div class="col-md-6 col-lg-4 mb-6">
b6d1f3b7
S
109 <div class="feature_icons">
110 <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M-2-2h24v24H-2z"/><path d="M11 16h1a1 1 0 0 1 1 1h7v2h-7a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1H0v-2h7a1 1 0 0 1 1-1h1v-1.66C6.07 13.13 4 10 4 6.67v-4L10 0l6 2.67v4c0 3.33-2.07 6.46-5 7.67V16zM10 2L6 3.69V7h4V2zm0 5v6c1.91-.47 4-2.94 4-5V7h-4z" fill="#b71c1c" fill-rule="nonzero"/></g></svg>
111 </div>
ccd81281 112 <h4 class="pb-3">{{ _("Network Security") }}</h4>
1e5bc9c9 113 <p>
60b0917c 114 {% if lang == "de" %}
1e5bc9c9
S
115 Sicherheit hat höchste Priorität.
116 Das gehärtete System schützt sich selbst vor
117 Angriffen aus dem Netz.
60b0917c 118 {% else %}
1e5bc9c9
S
119 IPFire is designed for high security.
120 It is hardened to protect itself from attacks
121 from the network.
60b0917c 122 {% end %}
1e5bc9c9
S
123 </p>
124 </div>
125
69a9b33d 126 <div class="col-md-6 col-lg-4 mb-6">
b6d1f3b7
S
127 <div class="feature_icons">
128 <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M-2-2h24v24H-2z"/><path d="M10 0C4.477 0 0 4.477 0 10c0 4.42 2.87 8.17 6.84 9.5.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34-.46-1.16-1.11-1.47-1.11-1.47-.91-.62.07-.6.07-.6 1 .07 1.53 1.03 1.53 1.03.87 1.52 2.34 1.07 2.91.83.09-.65.35-1.09.63-1.34-2.22-.25-4.55-1.11-4.55-4.92 0-1.11.38-2 1.03-2.71-.1-.25-.45-1.29.1-2.64 0 0 .84-.27 2.75 1.02.79-.22 1.65-.33 2.5-.33.85 0 1.71.11 2.5.33 1.91-1.29 2.75-1.02 2.75-1.02.55 1.35.2 2.39.1 2.64.65.71 1.03 1.6 1.03 2.71 0 3.82-2.34 4.66-4.57 4.91.36.31.69.92.69 1.85V19c0 .27.16.59.67.5C17.14 18.16 20 14.42 20 10A10 10 0 0 0 10 0z" fill="#b71c1c" fill-rule="nonzero"/></g></svg>
129 </div>
ccd81281 130 <h4 class="pb-3">{{ _("Open Source") }}</h4>
1e5bc9c9 131 <p>
60b0917c 132 {% if lang == "de" %}
1e5bc9c9
S
133 IPFire ist freie Software, welche von einer offenen
134 Community tagtäglich verbessert wird.
60b0917c 135 {% else %}
1e5bc9c9
S
136 IPFire is free software and developed by an open community,
137 that improves it every single day.
60b0917c 138 {% end %}
1e5bc9c9
S
139 </p>
140 </div>
141
69a9b33d 142 <div class="col-md-6 col-lg-4 mb-6">
b6d1f3b7
S
143 <div class="feature_icons">
144 <svg width="20" height="19" viewBox="0 0 20 19" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M-2-3h24v24H-2z"/><path d="M10 18.35l-1.45-1.32C3.4 12.36 0 9.28 0 5.5 0 2.42 2.42 0 5.5 0 7.24 0 8.91.81 10 2.09 11.09.81 12.76 0 14.5 0 17.58 0 20 2.42 20 5.5c0 3.78-3.4 6.86-8.55 11.54L10 18.35z" fill="#b71c1c"/></g></svg>
145 </div>
ccd81281 146 <h4 class="pb-3">{{ _("Trusted by thousands") }}</h4>
1e5bc9c9
S
147 <p>
148 {% if lang == "de" %}
149 IPFire wird in Europa entwickelt,
150 <a href="http://fireinfo.ipfire.org/statistics/geo-locations">in vielen Ländern</a>
151 überall auf der Welt eingesetzt, und bietet
152 Internetzugang für hundertausende Nutzer jeden Tag.
153 {% else %}
154 IPFire is developed in Europe and used all over the world
155 <a href="http://fireinfo.ipfire.org/statistics/geo-locations">in hundreds of countries</a>
156 by hundreds of thousands of users every day.
157 {% end %}
158 </p>
159 </div>
160 </div>
161
b6d1f3b7 162 <div class="row justify-content-center pt-4">
ccd81281
S
163 <a class="btn btn-primary btn-lg px-4" href="/get-started">{{ _("Get Started") }}</a>
164 <a class="btn btn-white btn-lg px-4" href="/learn-more">{{ _("Learn more") }}</a>
60b0917c
MT
165 </div>
166 </div>
60b0917c 167 </section>
05f8cfae 168
1e5bc9c9 169 <section id="news" class="content-section">
60b0917c
MT
170 <div class="container">
171 <div class="row">
ccd81281 172 <div class="col col-md-5 mb-6">
b6d1f3b7 173 <h2 class="display-2 mb-6">Latest Release</h2>
69a9b33d 174 <p class="mb-3"><small>{{ locale.format_date(latest_release.date, shorter=True) }}</small></p>
b6d1f3b7 175 <h3 class="display-3 mb-5 pb-5"><a href="/news/{{ latest_release.news.slug }}">
60b0917c
MT
176 {{ _("%s has been released!") % latest_release.name }}
177 </a>
53664d15 178 </h3>
b6d1f3b7 179 <div class="btn-toolbar mb-6">
9ce2074c
S
180 <a class="btn btn-primary mr-3" href="/download"><svg width="14" height="17" viewBox="0 0 14 17" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M-5-3h24v24H-5z"/><path d="M14 6h-4V0H4v6H0l7 7 7-7zM0 15v2h14v-2H0z" fill="#fff"/></g></svg>{{ _("Download") }}</a>
181 <a class="btn btn-white ml-3" href="/donate"><svg width="20" height="19" viewBox="0 0 20 19" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M-2-3h24v24H-2z"/><path d="M10 18.35l-1.45-1.32C3.4 12.36 0 9.28 0 5.5 0 2.42 2.42 0 5.5 0 7.24 0 8.91.81 10 2.09 11.09.81 12.76 0 14.5 0 17.58 0 20 2.42 20 5.5c0 3.78-3.4 6.86-8.55 11.54L10 18.35z" fill="#b71c1c"/></g></svg>{{ _("Donate") }}</a>
60b0917c 182 </div>
1e5bc9c9 183
b6d1f3b7 184 <p>A complete history of IPFire releases is available at our <a href="/news">News</a> page.</p>
60b0917c 185 </div>
1e5bc9c9 186
69a9b33d 187 <div class="col col-md-5 offset-md-2">
b6d1f3b7 188 <h2 class="display-2 mb-6">What&rsquo;s going on?</h2>
60b0917c
MT
189 <dl class="dl-horizontal">
190 {% for type, item in latest_news %}
191 <dt>
b6d1f3b7 192 <small>{{ locale.format_date(item.published, relative=True, shorter=True) }} &nbsp;</small>
60b0917c 193 </dt>
b6d1f3b7 194 <dd class="text-overflow mb-4 pb-4">
60b0917c
MT
195 {% if type == "news" %}
196 <a href="/news/{{ item.slug }}">
197 <strong>{{ item.title }}</strong>
198 </a>
199 {% elif type == "planet" %}
200 <a href="http://planet.ipfire.org/post/{{ item.slug }}">
201 {{ item.title }}
202 </a>
203 {% end %}
204 </dd>
9d7e697a 205 {% end %}
60b0917c 206 </dl>
b6d1f3b7 207
9ce2074c 208 <a class="btn btn-white" href="/news">{{ _("Read More") }}</a>
b6d1f3b7 209
60b0917c
MT
210 </div>
211 </div>
1e5bc9c9
S
212 </div>
213 </section>
214
215 <section id="wishlist" class="content-section">
216 <div class="container">
217
b6d1f3b7 218 <h2 class="display-2 text-center text-white">IP<strong>Fire</strong>&rsquo;s Wishlist</h2>
1e5bc9c9 219
b6d1f3b7
S
220 {% if hottest_wish %}
221
222 {% if hottest_wish.is_new() %}
223 <span class="label label-success pull-right">{{ _("NEW") }}</span>
224 {% elif hottest_wish.remaining_days and hottest_wish.remaining_days <= 10 %}
225 <span class="pull-right">
226 {{ _("one day left", "%(num)s days left", hottest_wish.remaining_days) % { "num" : hottest_wish.remaining_days } }}
227 </span>
228 {% else %}
229 <span class="pull-right">
230 {{ _("%d%% funded") % hottest_wish.percentage }}
231 </span>
232 {% end %}
233
234 <h3 class="text-white pb-5">{{ hottest_wish.title }}</h3>
235
236 <div class="progress progress-small mb-5">
237 <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;">
238 <span class="sr-only">{{ _("%.2f%% complete") % hottest_wish.percentage_bar }}</span>
239 </div>
3d74a9b9 240 </div>
b6d1f3b7
S
241
242 <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>
243
244 {% end %}
245
60b0917c
MT
246 </div>
247 </section>
1e5bc9c9
S
248
249 <section id="fireinfo" class="content-section">
250 <div class="container">
b6d1f3b7
S
251 <h2 class="display-2 text-center">Fire<strong>Info</strong> Statistics</h2>
252
253 <div class="row pb-5 mb-6">
69a9b33d 254 <div class="col-6 col-md-3 text-center">
b6d1f3b7
S
255 <p class="mb-3"><small>Latest Release</small></p>
256 <h4>2.19 Core 109</h4>
257 </div>
258
69a9b33d 259 <div class="col-6 col-md-3 text-center">
b6d1f3b7
S
260 <p class="mb-3"><small>Favorite Kernel</small></p>
261 <h4>3.14.79-ipfire-pae</h4>
262 </div>
263
69a9b33d 264 <div class="col-6 col-md-3 text-center">
b6d1f3b7
S
265 <p class="mb-3"><small>Favorite CPU</small></p>
266 <h4>Intel</h4>
267 </div>
268
69a9b33d 269 <div class="col-6 col-md-3 text-center">
b6d1f3b7
S
270 <p class="mb-3"><small>Favorite Virtualisation</small></p>
271 <h4>VMWare</h4>
272 </div>
273 </div>
1e5bc9c9
S
274
275 <div class="row justify-content-center">
276 <a class="btn btn-primary btn-lg" href="/stats">More Stats</a>
277 </div>
9d7e697a 278 </div>
1e5bc9c9 279 </section>
60b0917c 280
1e5bc9c9
S
281 <section id="appliances" class="content-section">
282 <div class="container">
b6d1f3b7 283 <h2 class="display-2 text-center">{{ _("Professional Appliances & Services") }}</h2>
1e5bc9c9 284
69a9b33d 285 <div class="row mb-lg-6 mb-md-4 pb-6">
ccd81281 286 <div class="col-md-12 col-lg-7 mb-5 mb-md-6">
1e5bc9c9
S
287 <p class="lead">
288 {% if lang == "de" %}
b6d1f3b7 289 <a href="http://www.lightningwirelabs.com" target="_blank">Lightning Wire Labs</a> bietet
1e5bc9c9
S
290 Hardware-Appliances für mittlere bis große Unternehmen und SOHO an.
291 Diese sorgen in jedem Netz für beste Zuverlässigkeit, Stabilität
292 und Performance.
293 {% else %}
b6d1f3b7 294 <a href="http://www.lightningwirelabs.com" target="_blank">Lightning Wire Labs</a> offer
1e5bc9c9
S
295 IPFire hardware appliances for enterprises, large businesses and SOHO.
296 Deploying one of these on your network will provide you with the
297 greatest reliability, stability and performance.
298 {% end %}
299 </p>
300 </div>
69a9b33d 301 <div class="col-md-6 offset-md-3 col-lg-4 offset-lg-1">
9ce2074c
S
302 <a class="btn btn-bluegrey900 btn-lg btn-block" href="/get-support#professional">{{ _("Get Professional Support") }}</a>
303 <a class="btn btn-bluegrey900 btn-lg btn-block" href="/hardware">{{ _("Hardware Appliances") }}</a>
1e5bc9c9
S
304 </div>
305 </div>
69a9b33d
S
306 <div class="row justify-content-center">
307 <img class="img-fluid" src="{{ static_url("img/appliance-pro.png") }}">
308 </div>
1e5bc9c9 309 </div>
60b0917c 310 </section>
81675874 311{% end block %}