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 class="page-scroll">
  20                         <a href="#about" 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="container content-section">
  51                 <h2 class="text-center">{{ _("Secure up your network with IPFire") }}</h2>
  52
  53                 <br>
  54
  55                 <div class="row">
  56                         <div class="col-md-6">
  57                                 <dl class="dl-horizontal">
  58                                         <dt>
  59                                                 <h1>
  60                                                         <span class="fa fa-check text-success"></span>
  61                                                 </h1>
  62                                         </dt>
  63                                         <dd>
  64                                                 <h4>{{ _("Firewall") }}</h4>
  65
  66                                                 <p>
  67                                                         {% if lang == "de" %}
  68                                                                 Die vielseitige und State-of-the-Art Firewall-Engine
  69                                                                 in IPFire ist auch in komplexen Netzen übersichtlich
  70                                                                 und leicht zu nutzen.
  71                                                         {% else %}
  72                                                                 IPFire comes with a versatile and state of the art
  73                                                                 firewall engine that makes even the most complex
  74                                                                 setups easy to administer.
  75                                                         {% end %}
  76                                                 </p>
  77                                         </dd>
  78
  79                                         <dt>
  80                                                 <h1>
  81                                                         <span class="fa fa-check text-success"></span>
  82                                                 </h1>
  83                                         </dt>
  84                                         <dd>
  85                                                 <h4>{{ _("Network Security") }}</h4>
  86
  87                                                 <p>
  88                                                         {% if lang == "de" %}
  89                                                                 Sicherheit hat höchste Priorität.
  90                                                                 Das gehärtete System schützt sich selbst vor
  91                                                                 Angriffen aus dem Netz.
  92                                                         {% else %}
  93                                                                 IPFire is designed for high security.
  94                                                                 It is hardened to protect itself from attacks
  95                                                                 from the network.
  96                                                         {% end %}
  97                                                 </p>
  98                                         </dd>
  99
 100                                         <dt>
 101                                                 <h1>
 102                                                         <span class="fa fa-check text-success"></span>
 103                                                 </h1>
 104                                         </dt>
 105                                         <dd>
 106                                                 <h4>{{ _("Performance") }}</h4>
 107
 108                                                 <p>
 109                                                         {% if lang == "de" %}
 110                                                                 Auch schnelle Netze und der Einsatz
 111                                                                 auf eingebetteten Systemen sind kein Problem
 112                                                                 für IPFire.
 113                                                         {% else %}
 114                                                                 IPFire is ready for high performance networks
 115                                                                 and running evenly well on embedded hardware.
 116                                                         {% end %}
 117                                                 </p>
 118                                         </dd>
 119                                 </dl>
 120                         </div>
 121
 122                         <div class="col-md-6">
 123                                 <dl class="dl-horizontal">
 124                                         <dt>
 125                                                 <h1>
 126                                                         <span class="fa fa-check text-success"></span>
 127                                                 </h1>
 128                                         </dt>
 129                                         <dd>
 130                                                 <h4>{{ _("Open Source") }}</h4>
 131
 132                                                 {% if lang == "de" %}
 133                                                         <p>
 134                                                                 IPFire ist freie Software, welche von einer offenen
 135                                                                 Community tagtäglich verbessert wird.
 136                                                         </p>
 137                                                 {% else %}
 138                                                         <p>
 139                                                                 IPFire is free software and developed by an open community,
 140                                                                 that improves it every single day.
 141                                                         </p>
 142                                                 {% end %}
 143                                         </dd>
 144
 145                                         <dt>
 146                                                 <h1>
 147                                                         <span class="fa fa-check text-success"></span>
 148                                                 </h1>
 149                                         </dt>
 150                                         <dd>
 151                                                 <h4>{{ _("Easy to use") }}</h4>
 152
 153                                                 {% if lang == "de" %}
 154                                                         <p>
 155                                                                 IPFire ist in 15 bis 20 Minuten installiert
 156                                                                 und kommt mit vielen wichtigen Funktionen für
 157                                                                 professionelle Netzwerke.
 158                                                         </p>
 159                                                 {% else %}
 160                                                         <p>
 161                                                                 IPFire is set up easily in 15 to 20 minutes
 162                                                                 but also comes with expert features that
 163                                                                 are needed in professional networks.
 164                                                         </p>
 165                                                 {% end %}
 166                                         </dd>
 167
 168                                         <dt>
 169                                                 <h1>
 170                                                         <span class="fa fa-check text-success"></span>
 171                                                 </h1>
 172                                         </dt>
 173                                         <dd>
 174                                                 <h4>{{ _("Trusted by thousands") }}</h4>
 175
 176                                                 <p>
 177                                                         {% if lang == "de" %}
 178                                                                 IPFire wird in Europa entwickelt,
 179                                                                 <a href="http://fireinfo.ipfire.org/statistics/geo-locations">in vielen Ländern</a>
 180                                                                 überall auf der Welt eingesetzt, und bietet
 181                                                                 Internetzugang für hundertausende Nutzer jeden Tag.
 182                                                         {% else %}
 183                                                                 IPFire is developed in Europe and used all over the world
 184                                                                 <a href="http://fireinfo.ipfire.org/statistics/geo-locations">in hundreds of countries</a>
 185                                                                 by hundreds of thousands of users every day.
 186                                                         {% end %}
 187                                                 </p>
 188                                         </dd>
 189                                 </dl>
 190                         </div>
 191                 </div>
 192
 193                 <p class="text-center">
 194                         <a class="btn btn-success btn-lg" href="/get-started">{{ _("Get Started") }}</a>
 195                 </p>
 196         </section>
 197
 198         <section id="news" class="content-section lighter-background">
 199                 <div class="container">
 200                         <div class="row">
 201                                 <div class="col-md-5 text-center">
 202                                         <h3 class="text-primary">
 203                                                 <a href="/news/{{ latest_release.news.slug }}">
 204                                                         {{ _("%s has been released!") % latest_release.name }}
 205                                                 </a>
 206                                                 <small>{{ locale.format_date(latest_release.date, shorter=True) }}</small>
 207                                         </h3>
 208
 209                                         <br class="separator-small">
 210
 211                                         <div class="btn-toolbar">
 212                                                 <a class="btn btn-primary" href="/download">{{ _("Download it now!") }}</a>
 213                                                 <a class="btn btn-primary" href="/donate">{{ _("Donate") }}</a>
 214                                         </div>
 215                                 </div>
 216
 217                                 <div class="col-md-7">
 218                                         <h4 class="text-center">
 219                                                 <a href="/news">{{ _("What's new?") }}</a>
 220                                         </h4>
 221
 222                                         <dl class="dl-horizontal">
 223                                                 {% for type, item in latest_news %}
 224                                                         <dt>
 225                                                                 {{ locale.format_date(item.published, relative=True, shorter=True) }} &nbsp;
 226                                                         </dt>
 227                                                         <dd class="text-overflow">
 228                                                                 {% if type == "news" %}
 229                                                                         <a href="/news/{{ item.slug }}">
 230                                                                                 <strong>{{ item.title }}</strong>
 231                                                                         </a>
 232                                                                 {% elif type == "planet" %}
 233                                                                         <a href="http://planet.ipfire.org/post/{{ item.slug }}">
 234                                                                                 {{ item.title }}
 235                                                                         </a>
 236                                                                 {% end %}
 237                                                         </dd>
 238                                                 {% end %}
 239                                         </dl>
 240                                 </div>
 241                         </div>
 242
 243                         {% if hottest_wish %}
 244                                 <br><br>
 245
 246                                 {% if hottest_wish.is_new() %}
 247                                         <span class="label label-success pull-right">{{ _("NEW") }}</span>
 248                                 {% elif hottest_wish.remaining_days and hottest_wish.remaining_days <= 10 %}
 249                                         <span class="pull-right">
 250                                                 {{ _("one day left", "%(num)s days left", hottest_wish.remaining_days) % { "num" : hottest_wish.remaining_days } }}
 251                                         </span>
 252                                 {% else %}
 253                                         <span class="pull-right">
 254                                                 {{ _("%d%% funded") % hottest_wish.percentage }}
 255                                         </span>
 256                                 {% end %}
 257
 258                                 <a href="http://wishlist.ipfire.org">
 259                                         <strong>{{ _("IPFire Wishlist") }}</strong>
 260                                 </a>
 261
 262                                 <a href="http://wishlist.ipfire.org/wish/{{ hottest_wish.slug }}">
 263                                         {{ hottest_wish.title }}
 264                                 </a>
 265
 266                                 <div class="progress progress-small">
 267                                         <div class="progress-bar" role="progressbar"
 268                                                         aria-valuenow="{{ hottest_wish.percentage_bar }}"
 269                                                         aria-valuemin="0" aria-valuemax="100" style="width: {{ hottest_wish.percentage_bar }}%;">
 270                                                 <span class="sr-only">{{ _("%.2f%% complete") % hottest_wish.percentage_bar }}</span>
 271                                         </div>
 272                                 </div>
 273                         {% end %}
 274                 </div>
 275         </section>
 276
 277         <section id="appliances" class="container content-section text-center">
 278                 <h2>{{ _("Professional Appliances & Services") }}</h2>
 279
 280                 <p class="lead">
 281                         {% if lang == "de" %}
 282                                 <a href="http://www.lightningwirelabs.com">Lightning Wire Labs</a> bietet
 283                                 Hardware-Appliances für mittlere bis große Unternehmen und SOHO an.
 284                                 Diese sorgen in jedem Netz für beste Zuverlässigkeit, Stabilität
 285                                 und Performance.
 286                         {% else %}
 287                                 <a href="http://www.lightningwirelabs.com">Lightning Wire Labs</a> offer
 288                                 IPFire hardware appliances for enterprises, large businesses and SOHO.
 289                                 Deploying one of these on your network will provide you with the
 290                                 greatest reliability, stability and performance.
 291                         {% end %}
 292                 </p>
 293
 294                 <div class="btn-toolbar">
 295                         <a class="btn btn-default btn-lg" href="/get-support#professional">{{ _("Get Professional Support") }}</a>
 296                         <a class="btn btn-default btn-lg" href="/hardware">{{ _("Hardware Appliances") }}</a>
 297                 </div>
 298
 299                 <img class="img-responsive" src="{{ static_url("images/LWL/appliance-pro.jpg") }}">
 300         </section>
 301 {% end block %}