src/templates/index.html

   1 {% extends "base.html" %}
   2
   3 {% block head %}
   4         <link rel="alternate" type="application/rss+xml" title="RSS" href="https://blog.ipfire.org/feed.xml" />
   5 {% end block %}
   6
   7 {% block title %}{{ _("Welcome to IPFire") }}{% end block %}
   8
   9 {% block container %}
  10         <div class="main">
  11                 <div class="container intro">
  12                         <div class="row flex-md-row-reverse">
  13                                 <div class="col-md-5 my-5 text-center">
  14                                         <img class="img-fluid" src="{{ static_url("img/ipfire-tux.png") }}" alt="IPFire Logo" />
  15                                 </div>
  16
  17                                 <div class="col-md-7 my-5 align-self-center">
  18                                         <h1 class="display-1">The Open Source Firewall Distribution</h1>
  19
  20                                         <div class="btn-toolbar">
  21                                                 <a class="btn btn-outline-primary btn-glow-primary btn-lg mr-3" href="/download">{{ _("Download") }}</a>
  22                                                 <a class="btn btn-outline-secondary btn-glow-secondary btn-lg ml-3" href="/features">{{ _("Features") }}</a>
  23                                         </div>
  24                                 </div>
  25                         </div>
  26                 </div>
  27
  28                 <section class="inverse">
  29                         <div class="container">
  30                                 <div class="row mb-5">
  31                                         <div class="col col-md-6">
  32                                                 <h1 class="display-1 mb-0">{{ _("Secure up your network with IPFire") }}</h1>
  33
  34                                                 <p>
  35                                                         IPFire comes with a versatile and state of the art firewall engine
  36                                                         that makes even the most complex setups easy to administer.
  37                                                 </p>
  38                                         </div>
  39                                 </div>
  40
  41                                 <div class="row mt-5 mb-lg-6 mb-md-5">
  42                                         <div class="col-md-6 col-lg-4 mb-6 pb-lg-5 d-flex">
  43                                                 <div class="align-self-stretch">
  44                                                         <span class="fas fa-shield-alt fa-2x text-primary px-3"></span>
  45                                                 </div>
  46
  47                                                 <div class="flex-column">
  48                                                         <h5 class="pb-3">{{ _("Firewall") }}</h5>
  49                                                         <p>
  50                                                                 IPFire comes with a versatile and state of the art
  51                                                                 firewall engine that makes even the most complex
  52                                                                 setups easy to administer.
  53                                                         </p>
  54                                                 </div>
  55                                         </div>
  56
  57                                         <div class="col-md-6 col-lg-4 mb-6 d-flex">
  58                                                 <div class="align-self-stretch">
  59                                                         <span class="fas fa-fast-forward fa-2x text-primary px-3"></span>
  60                                                 </div>
  61
  62                                                 <div class="flex-column">
  63                                                         <h5 class="pb-3">{{ _("Performance") }}</h5>
  64                                                         <p>
  65                                                                 IPFire is ready for high performance networks
  66                                                                 and running evenly well on embedded hardware.
  67                                                         </p>
  68                                                 </div>
  69                                         </div>
  70
  71                                         <div class="col-md-6 col-lg-4 mb-6 d-flex">
  72                                                 <div class="align-self-stretch">
  73                                                         <span class="fas fa-couch fa-2x text-primary px-3"></span>
  74                                                 </div>
  75
  76                                                 <div class="flex-column">
  77                                                         <h5 class="pb-3">{{ _("Easy to use") }}</h5>
  78                                                         <p class="mb-1">
  79                                                                 IPFire is set up easily in 15 to 20 minutes
  80                                                                 but also comes with expert features that
  81                                                                 are needed in professional networks.
  82                                                         </p>
  83                                                 </div>
  84                                         </div>
  85
  86                                         <div class="col-md-6 col-lg-4 mb-6 d-flex">
  87                                                 <div class="align-self-stretch">
  88                                                         <span class="fas fa-lock fa-2x text-primary px-3"></span>
  89                                                 </div>
  90
  91                                                 <div class="flex-column">
  92                                                         <h5 class="pb-3">{{ _("Network Security") }}</h5>
  93                                                         <p>
  94                                                                 IPFire is designed for high security.
  95                                                                 It is hardened to protect itself from attacks
  96                                                                 from the network.
  97                                                         </p>
  98                                                 </div>
  99                                         </div>
 100
 101                                         <div class="col-md-6 col-lg-4 mb-6 d-flex">
 102                                                 <div class="align-self-stretch">
 103                                                         <span class="fab fa-osi fa-2x text-primary px-3"></span>
 104                                                 </div>
 105
 106                                                 <div class="flex-column">
 107                                                         <h5 class="pb-3">{{ _("Open Source") }}</h5>
 108                                                         <p>
 109                                                                 IPFire is free software and developed by an open community,
 110                                                                 that improves it every single day.
 111                                                         </p>
 112                                                 </div>
 113                                         </div>
 114
 115                                         <div class="col-md-6 col-lg-4 mb-6 d-flex">
 116                                                 <div class="align-self-stretch">
 117                                                         <span class="fas fa-heart fa-2x text-primary px-3"></span>
 118                                                 </div>
 119
 120                                                 <div class="flex-column">
 121                                                         <h5 class="pb-3">{{ _("Trusted by thousands") }}</h5>
 122                                                         <p>
 123                                                                 IPFire is developed in Europe and used all over the world
 124                                                                 <a href="https://fireinfo.ipfire.org/statistics/geo-locations">in hundreds of countries</a>
 125                                                                 by hundreds of thousands of users every day.
 126                                                         </p>
 127                                                 </div>
 128                                         </div>
 129                                 </div>
 130                         </div>
 131                 </section>
 132
 133                 <section>
 134                         <div class="container">
 135                                 <div class="row">
 136                                         <div class="col-12 col-md-6 col-lg-5 mb-5">
 137                                                 <h1>Latest Release</h1>
 138
 139                                                 <p class="mb-0">
 140                                                         <small>{{ locale.format_date(latest_release.date, shorter=True) }}</small>
 141                                                 </p>
 142
 143                                                 <h3 class="mb-5">
 144                                                         {% if latest_release.post %}
 145                                                                 <a href="https://blog.ipfire.org/post/{{ latest_release.post.slug }}">
 146                                                                         {{ _("%s has been released!") % latest_release.name }}
 147                                                                 </a>
 148                                                         {% else %}
 149                                                                 {{ _("%s has been released!") % latest_release.name }}
 150                                                         {% end %}
 151                                                 </h3>
 152
 153                                                 <div class="btn-toolbar mb-5">
 154                                                         <a class="btn btn-primary mr-3" href="/download">
 155                                                                 <span class="fas fa-download"></span> {{ _("Download") }}
 156                                                         </a>
 157
 158                                                         <a class="btn btn-secondary ml-3" href="/donate">
 159                                                                 <span class="fas fa-heart"></span> {{ _("Donate") }}
 160                                                         </a>
 161                                                 </div>
 162                                         </div>
 163
 164                                         <div class="col-12 col-md-6 col-lg-5 offset-lg-2">
 165                                                 <h1>{{ _("What's going on?") }}</h1>
 166
 167                                                 <dl class="dl-horizontal">
 168                                                         {% for post in posts %}
 169                                                                 <dt>
 170                                                                         <small>{{ locale.format_date(post.published_at, relative=True, shorter=True) }} &nbsp;</small>
 171                                                                 </dt>
 172
 173                                                                 <dd class="text-overflow mb-4">
 174                                                                         <a href="https://blog.ipfire.org/post/{{ post.slug }}">{{ post.title }}</a>
 175                                                                 </dd>
 176                                                         {% end %}
 177                                                 </dl>
 178
 179                                                 <a class="btn btn-secondary" href="https://blog.ipfire.org/">{{ _("Read More") }}</a>
 180                                         </div>
 181                                 </div>
 182                         </div>
 183                 </section>
 184
 185                 <section class="inverse">
 186                         <div class="container">
 187                                 <h1 class="text-center">{{ _("Professional Appliances & Services") }}</h1>
 188
 189                                 <div class="row mb-lg-6 mb-md-4 pb-6 pb-lg-4">
 190                                         <div class="col-md-12 col-lg-7 mb-5 mb-md-6 mb-lg-0">
 191                                                 <p class="lead">
 192                                                         <a href="https://www.lightningwirelabs.com" target="_blank">Lightning Wire Labs</a> offer
 193                                                         IPFire hardware appliances for enterprises, large businesses and SOHO.
 194                                                         Deploying one of these on your network will provide you with the
 195                                                         greatest reliability, stability and performance.
 196                                                 </p>
 197                                         </div>
 198                                         <div class="col-sm-6 offset-sm-3 col-lg-4 offset-lg-1">
 199                                                 <a class="btn btn-light btn-lg btn-block px-md-0 mb-4" href="https://www.lightningwirelabs.com/">{{ _("Get Professional Support") }}</a>
 200                                                 <a class="btn btn-light btn-lg btn-block px-md-0" href="https://www.lightningwirelabs.com/products/ipfire/appliances">{{ _("Hardware Appliances") }}</a>
 201                                         </div>
 202                                 </div>
 203                                 <div class="text-center">
 204                                         <picture>
 205                                                 <source media="(max-width: 575px" srcset="{{ static_url("img/appliance-pro_xs.png") }}">
 206                                                 <source media="(max-width: 767px" srcset="{{ static_url("img/appliance-pro_sm.png") }}">
 207                                                 <source media="(max-width: 991px" srcset="{{ static_url("img/appliance-pro_md.png") }}">
 208                                                 <source media="(min-width: 992px" srcset="{{ static_url("img/appliance-pro.png") }}">
 209                                                 <img class="img-fluid" src="{{ static_url("img/appliance-pro.png") }}" alt="Appliance">
 210                                         </picture>
 211                                 </div>
 212                         </div>
 213                 </section>
 214         </div>
 215 <script>
 216 $(document).ready(function () {
 217         $('.scroll').on('click', function(event) {
 218                         event.preventDefault();
 219                         $('html, body').stop().animate({
 220                                 scrollTop: $('#features').offset().top -72
 221                         }, 1000);
 222         });
 223 });
 224 </script>
 225 {% end block %}