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