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