templates/index.html

   1 {% extends "base-1.html" %}
   2
   3 {% block title %}{{ _("Welcome to IPFire") }}{% end block %}
   4
   5 {% block container %}
   6         <section class="intro">
   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>
  16                         </div>
  17                 </div>
  18
  19                 <div id="scrollto" class="page-scroll">
  20                         <a href="#features" class="btn btn-outline-primary rounded-circle">
  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>
  24         </section>
  25
  26         <!--
  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 %}
  42                                 </p>
  43
  44                                 <a class="btn btn-default btn-lg" href="/about">{{ _("Learn More") }}</a>
  45                         </div>
  46                 </div>
  47         </section>
  48         -->
  49
  50         <section id="features" class="content-section">
  51                 <div class="container">
  52                         <h3 class="display-2 text-center">{{ _("Secure up your network with IPFire") }}</h2>
  53
  54                         <div class="row mb-lg-6 mb-md-5">
  55                                 <div class="col-md-6 col-lg-4 mb-6 pb-lg-5">
  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>
  59                                         <h4 class="pb-3">{{ _("Firewall") }}</h4>
  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
  73                                 <div class="col-md-6 col-lg-4 mb-6">
  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>
  77                                         <h4 class="pb-3">{{ _("Performance") }}</h4>
  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
  90                                 <div class="col-md-6 col-lg-4 mb-6">
  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>
  94                                         <h4 class="pb-3">{{ _("Easy to use") }}</h4>
  95                                         <p class="mb-1">
  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>
 107
 108                                 <div class="col-md-6 col-lg-4 mb-6">
 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>
 112                                         <h4 class="pb-3">{{ _("Network Security") }}</h4>
 113                                         <p>
 114                                                 {% if lang == "de" %}
 115                                                         Sicherheit hat höchste Priorität.
 116                                                         Das gehärtete System schützt sich selbst vor
 117                                                         Angriffen aus dem Netz.
 118                                                 {% else %}
 119                                                         IPFire is designed for high security.
 120                                                         It is hardened to protect itself from attacks
 121                                                         from the network.
 122                                                 {% end %}
 123                                         </p>
 124                                 </div>
 125
 126                                 <div class="col-md-6 col-lg-4 mb-6">
 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>
 130                                         <h4 class="pb-3">{{ _("Open Source") }}</h4>
 131                                         <p>
 132                                                 {% if lang == "de" %}
 133                                                         IPFire ist freie Software, welche von einer offenen
 134                                                         Community tagtäglich verbessert wird.
 135                                                 {% else %}
 136                                                         IPFire is free software and developed by an open community,
 137                                                         that improves it every single day.
 138                                                 {% end %}
 139                                         </p>
 140                                 </div>
 141
 142                                 <div class="col-md-6 col-lg-4 mb-6">
 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>
 146                                         <h4 class="pb-3">{{ _("Trusted by thousands") }}</h4>
 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
 162                         <div class="row justify-content-center pt-4">
 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>
 165                         </div>
 166                 </div>
 167         </section>
 168
 169         <section id="news" class="content-section">
 170                 <div class="container">
 171                         <div class="row">
 172                                 <div class="col col-md-5 mb-6">
 173                                         <h2 class="display-2 mb-6">Latest Release</h2>
 174                                         <p class="mb-3"><small>{{ locale.format_date(latest_release.date, shorter=True) }}</small></p>
 175                                         <h3 class="display-3 mb-5 pb-5"><a href="/news/{{ latest_release.news.slug }}">
 176                                                         {{ _("%s has been released!") % latest_release.name }}
 177                                                 </a>
 178                                         </h3>
 179                                         <div class="btn-toolbar mb-6">
 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>
 182                                         </div>
 183
 184                                         <p>A complete history of IPFire releases is available at our <a href="/news">News</a> page.</p>
 185                                 </div>
 186
 187                                 <div class="col col-md-5 offset-md-2">
 188                                         <h2 class="display-2 mb-6">What&rsquo;s going on?</h2>
 189                                         <dl class="dl-horizontal">
 190                                                 {% for type, item in latest_news %}
 191                                                         <dt>
 192                                                                 <small>{{ locale.format_date(item.published, relative=True, shorter=True) }} &nbsp;</small>
 193                                                         </dt>
 194                                                         <dd class="text-overflow mb-4 pb-4">
 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>
 205                                                 {% end %}
 206                                         </dl>
 207
 208                                         <a class="btn btn-white" href="/news">{{ _("Read More") }}</a>
 209
 210                                 </div>
 211                         </div>
 212                 </div>
 213         </section>
 214
 215         <section id="wishlist" class="content-section">
 216                 <div class="container">
 217
 218                         <h2 class="display-2 text-center text-white">IP<strong>Fire</strong>&rsquo;s Wishlist</h2>
 219
 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>
 240                                         </div>
 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
 246                 </div>
 247         </section>
 248
 249         <section id="fireinfo" class="content-section">
 250                 <div class="container">
 251                         <h2 class="display-2 text-center">Fire<strong>Info</strong> Statistics</h2>
 252
 253                         <div class="row pb-5 mb-6">
 254                                 <div class="col-6 col-md-3 text-center">
 255                                         <p class="mb-3"><small>Latest Release</small></p>
 256                                         <h4>2.19 Core 109</h4>
 257                                 </div>
 258
 259                                 <div class="col-6 col-md-3 text-center">
 260                                         <p class="mb-3"><small>Favorite Kernel</small></p>
 261                                         <h4>3.14.79-ipfire-pae</h4>
 262                                 </div>
 263
 264                                 <div class="col-6 col-md-3 text-center">
 265                                         <p class="mb-3"><small>Favorite CPU</small></p>
 266                                         <h4>Intel</h4>
 267                                 </div>
 268
 269                                 <div class="col-6 col-md-3 text-center">
 270                                         <p class="mb-3"><small>Favorite Virtualisation</small></p>
 271                                         <h4>VMWare</h4>
 272                                 </div>
 273                         </div>
 274
 275                         <div class="row justify-content-center">
 276                                 <a class="btn btn-primary btn-lg" href="/stats">More Stats</a>
 277                         </div>
 278                 </div>
 279         </section>
 280
 281         <section id="appliances" class="content-section">
 282                 <div class="container">
 283                         <h2 class="display-2 text-center">{{ _("Professional Appliances & Services") }}</h2>
 284
 285                         <div class="row mb-lg-6 mb-md-4 pb-6">
 286                                 <div class="col-md-12 col-lg-7 mb-5 mb-md-6">
 287                                         <p class="lead">
 288                                                 {% if lang == "de" %}
 289                                                         <a href="http://www.lightningwirelabs.com" target="_blank">Lightning Wire Labs</a> bietet
 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 %}
 294                                                         <a href="http://www.lightningwirelabs.com" target="_blank">Lightning Wire Labs</a> offer
 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>
 301                                 <div class="col-md-6 offset-md-3 col-lg-4 offset-lg-1">
 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>
 304                                 </div>
 305                         </div>
 306                         <div class="row justify-content-center">
 307                                 <img class="img-fluid" src="{{ static_url("img/appliance-pro.png") }}">
 308                         </div>
 309                 </div>
 310         </section>
 311 {% end block %}