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         <header class="cover">
  11                 <div class="container d-flex h-100 align-items-center">
  12                         <div class="row flex-fill flex-md-row-reverse">
  13                                 <div class="col-12 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-12 col-md-7 align-self-center px-3">
  18                                         <h1>{{ _("The Open Source Firewall") }}</h1>
  19
  20                                         <div class="btn-toolbar my-5">
  21                                                 <a class="btn btn-outline-primary btn-glow-primary btn-lg mr-2" href="/download">{{ _("Download") }}</a>
  22                                                 <a class="btn btn-outline-secondary btn-glow-secondary btn-lg ml-2" href="/features">{{ _("Features") }}</a>
  23                                         </div>
  24                                 </div>
  25                         </div>
  26                 </div>
  27         </header>
  28
  29         <section class="inverse">
  30                 <div class="container">
  31                         <div class="row mb-5">
  32                                 <div class="col-12 col-md-9 col-lg-7">
  33                                         <h1 class="mb-0">{{ _("Secure your network with IPFire") }}</h1>
  34
  35                                         <p>
  36                                                 {{ _("IPFire is a versatile, state-of-the-art Open Source firewall based on Linux.") }}
  37                                                 {{ _("Its ease of use, high performance in any scenario and extensibility make it usable for everyone.") }}
  38                                         </p>
  39
  40                                         <a class="btn btn-secondary mb-5" href="/features">{{ _("Learn More") }}</a>
  41                                 </div>
  42                         </div>
  43
  44                         <div class="row mt-5">
  45                                 <div class="col-md-6 col-lg-4 mb-5 d-flex">
  46                                         <div class="align-self-stretch">
  47                                                 <span class="fas fa-shield-alt fa-2x text-primary px-3"></span>
  48                                         </div>
  49
  50                                         <div class="flex-column">
  51                                                 <h5 class="mb-3">{{ _("Security") }}</h5>
  52
  53                                                 <p>
  54                                                         {{ _("Security is the highest priority in IPFire.") }}
  55                                                         {{ _("It is hardened to protect itself from attacks from the Internet and prevents attacks on your network.") }}
  56                                                 </p>
  57                                         </div>
  58                                 </div>
  59
  60                                 <div class="col-md-6 col-lg-4 mb-5 d-flex">
  61                                         <div class="align-self-stretch">
  62                                                 <span class="fas fa-fire fa-2x text-primary px-3"></span>
  63                                         </div>
  64
  65                                         <div class="flex-column">
  66                                                 <h5 class="mb-3">{{ _("Firewall") }}</h5>
  67
  68                                                 <p>
  69                                                         {{ _("Its powerful firewall engine and Intrusion Prevention System protects your network against attacks from the Internet and Denial-of-Service attacks.") }}
  70                                                 </p>
  71                                         </div>
  72                                 </div>
  73
  74                                 <div class="col-md-6 col-lg-4 mb-5 d-flex">
  75                                         <div class="align-self-stretch">
  76                                                 <span class="fab fa-osi fa-2x text-primary px-3"></span>
  77                                         </div>
  78
  79                                         <div class="flex-column">
  80                                                 <h5 class="mb-3">{{ _("Open Source") }}</h5>
  81
  82                                                 <p>
  83                                                         {{ _("IPFire is free software and developed by an open community and trusted by hundreds of thousands of users from all around the world.") }}
  84                                                 </p>
  85                                         </div>
  86                                 </div>
  87                         </div>
  88                 </div>
  89         </section>
  90
  91         <section>
  92                 <div class="container">
  93                         <div class="row">
  94                                 <div class="col-12 col-md-6 col-lg-5 mb-5">
  95                                         <h1>{{ _("Latest Release") }}</h1>
  96
  97                                         <p class="mb-0">
  98                                                 <small>{{ locale.format_date(latest_release.date, shorter=True) }}</small>
  99                                         </p>
 100
 101                                         <h3 class="mb-5">
 102                                                 {% if latest_release.post %}
 103                                                         <a href="https://blog.ipfire.org/post/{{ latest_release.post.slug }}">
 104                                                                 {{ _("%s has been released!") % latest_release.name }}
 105                                                         </a>
 106                                                 {% else %}
 107                                                         {{ _("%s has been released!") % latest_release.name }}
 108                                                 {% end %}
 109                                         </h3>
 110
 111                                         <div class="row">
 112                                                 <div class="col-12 col-sm-6 col-md-12 col-xl-5 mb-3">
 113                                                         <a class="btn btn-primary btn-block" href="/download">
 114                                                                 <span class="fas fa-download"></span> {{ _("Download") }}
 115                                                         </a>
 116                                                 </div>
 117
 118                                                 <div class="col-12 col-sm-6 col-md-12 col-xl-5 mb-3">
 119                                                         <a class="btn btn-secondary btn-block" href="/donate">
 120                                                                 <span class="fas fa-heart"></span> {{ _("Donate") }}
 121                                                         </a>
 122                                                 </div>
 123                                         </div>
 124                                 </div>
 125
 126                                 <div class="col-12 col-md-6 col-lg-5 offset-lg-2">
 127                                         <h1>{{ _("What's going on?") }}</h1>
 128
 129                                         <dl class="dl-horizontal">
 130                                                 {% for post in posts %}
 131                                                         <dt>
 132                                                                 <small>{{ locale.format_date(post.published_at, relative=True, shorter=True) }} &nbsp;</small>
 133                                                         </dt>
 134
 135                                                         <dd class="text-overflow mb-4">
 136                                                                 <a href="https://blog.ipfire.org/post/{{ post.slug }}">{{ post.title }}</a>
 137                                                         </dd>
 138                                                 {% end %}
 139                                         </dl>
 140
 141                                         <a class="btn btn-secondary" href="https://blog.ipfire.org/">{{ _("Read More") }}</a>
 142                                 </div>
 143                         </div>
 144                 </div>
 145         </section>
 146 {% end block %}