src/templates/index.html

   1 {% extends "base.html" %}
   2
   3 {% block head %}
   4         <meta name="description" content="{{ _("IPFire is a hardened, versatile, state-of-the-art Open Source firewall based on Linux.") }}" />
   5         <link rel="alternate" type="application/atom+xml" title="RSS" href="/blog/feed.xml" />
   6 {% end block %}
   7
   8 {% block title %}{{ _("Welcome to IPFire") }}{% end block %}
   9
  10 {% block container %}
  11         {# Christmas Banner #}
  12         {% if now.month == 12 and now.day >= 10 %}
  13                 <section class="hero is-small is-primary">
  14                         <div class="hero-body">
  15                                 <div class="container">
  16                                         <p class="has-text-centered px-2 py-1">
  17                                                 <i class="fas fa-gifts"></i>
  18                                                 <i class="fa-solid fa-candy-cane"></i>
  19                                                 <i class="fa-solid fa-sleigh"></i>
  20
  21                                                 This festive season, spread cheer and security!
  22                                                 Support IPFire with a holiday donation for a safer online world.
  23                                                 Merry Christmas!
  24
  25                                                 &nbsp;
  26
  27                                                 <a class="has-text-weight-bold" href="/donate">
  28                                                         {{ _("Donate") }}
  29                                                 </a>
  30                                         </p>
  31                                 </div>
  32                         </div>
  33                 </section>
  34         {% end %}
  35
  36         {% if latest_release %}
  37                 <section class="has-background-light">
  38                         <div class="container">
  39                                 <p class="has-text-centered px-2 py-1">
  40                                         {{ _("Latest Release: %(release)s from %(when)s") \
  41                                                 % { "release" : latest_release.name, "when" : locale.format_day(latest_release.date, dow=False) } }}
  42
  43                                         {% if latest_release.blog %}
  44                                                 &nbsp;
  45
  46                                                 <a class="has-text-weight-bold" href="/blog/{{ latest_release.blog.slug }}">
  47                                                         {{ _("Read More") }}
  48                                                 </a>
  49                                         {% end %}
  50                                 </p>
  51                         </div>
  52                 </section>
  53         {% end %}
  54
  55         <section class="hero is-large is-primary" id="hero-index">
  56                 <video autoplay muted loop playsinline poster="{{ static_url("videos/firewall.jpg") }}">
  57                         {# AV1 for modern browsers that support it #}
  58                         <source src="{{ static_url("videos/firewall@1920.av1.mp4") }}" type="video/mp4; codecs=av01.0.05M.08" />
  59
  60                         {# H.265/HEVC for modern browsers #}
  61                         <source src="{{ static_url("videos/firewall@1920.h265.mp4") }}" type="video/mp4; codecs=hvc1" />
  62
  63                         {# H.264/AVC for people who have a hardware decoder for it #}
  64                         <source src="{{ static_url("videos/firewall@1920.h264.mp4") }}" type="video/mp4; codecs=avc1.4D401E" />
  65
  66                         {# VP9 as compatibility option for anything else #}
  67                         <source src="{{ static_url("videos/firewall@1920.vp9.mp4") }}" type="video/mp4; codecs=vp9" />
  68
  69                         <p>
  70                                 Blazing Fire by Oleg Gamulinskii (CC)
  71                                 https://www.pexels.com/video/blazing-fire-2715412/
  72                         </p>
  73                 </video>
  74
  75                 <div class="hero-body">
  76                         <div class="container">
  77                                 <h1 class="title is-1">
  78                                         {{ _("IPFire") }}_ {{ _("More Than A Firewall") }}
  79                                 </h1>
  80
  81                                 <h4 class="subtitle is-4">
  82                                         The Open Source Linux-based Firewall Operating System with a Comprehensive Feature Set
  83                                 </h4>
  84                         </div>
  85                 </div>
  86         </section>
  87
  88         <section class="section">
  89                 <div class="container">
  90                         <h3 class="title is-2 has-text-centered">
  91                                 {{ _("IPFire") }}<span class="has-text-primary">_</span> &dash; {{ _("The Open Source Firewall") }}
  92                         </h3>
  93                 </div>
  94         </section>
  95
  96         <section class="section">
  97                 <div class="container">
  98                         <div class="columns">
  99                                 <div class="column has-text-centered">
 100                                         <span class="fas fa-shield-alt fa-4x p-4"></span>
 101
 102                                         <h4 class="title is-4">{{ _("Robust Network Security") }}</h4>
 103
 104                                         <p class="is-size-5">
 105                                                 IPFire offers a powerful and secure firewall solution designed
 106                                                 to protect networks against evolving cyber threats.
 107                                         </p>
 108                                 </div>
 109
 110                                 <div class="column has-text-centered">
 111                                         <span class="fas fa-terminal fa-4x p-4"></span>
 112
 113                                         <h4 class="title is-4">{{ _("Tailored to Your Needs") }}</h4>
 114
 115                                         <p class="is-size-5">
 116                                                 Enjoy the flexibility of customizing IPFire to match your unique
 117                                                 network requirements, ensuring a personalized and secure setup.
 118                                         </p>
 119                                 </div>
 120
 121                                 <div class="column has-text-centered">
 122                                         <span class="fas fa-fire fa-4x p-4"></span>
 123
 124                                         <h4 class="title is-4">{{ _("Community-Driven") }}</h4>
 125
 126                                         <p class="is-size-5">
 127                                                 Be part of a thriving community where users and developers collaborate,
 128                                                 sharing insights and innovations to enhance IPFire.
 129                                         </p>
 130                                 </div>
 131                         </div>
 132
 133                         <div class="columns is-centered">
 134                                 <div class="column is-two-thirds p-5">
 135                                         <a class="button is-primary is-medium is-fullwidth" href="/about">
 136                                                 {{ _("Learn More About IPFire") }}
 137                                         </a>
 138                                 </div>
 139                         </div>
 140                 </div>
 141         </section>
 142
 143         <section class="section">
 144                 <div class="container">
 145                         <div class="box p-6 has-background-lwl has-text-white">
 146                                 <div class="columns is-mobile is-vcentered">
 147                                         <div class="column">
 148                                                 <h3 class="title is-3 has-text-white">{{ _("Appliances and Support") }}</h3>
 149
 150                                                 <div class="block">
 151                                                         <p>
 152                                                                 Experience next-level security with our high-performance
 153                                                                 appliances, crafted to optimize IPFire's capabilities.
 154                                                                 Whether you're fortifying a business infrastructure or
 155                                                                 safeguarding your home network, we have the right
 156                                                                 appliance solution tailored for you.
 157                                                         </p>
 158
 159                                                         <p>
 160                                                                 We are your partners in ensuring continuous network security.
 161                                                                 Our support solutions keep your systems running smoothly,
 162                                                                 providing peace of mind in the ever-evolving landscape of
 163                                                                 security.
 164                                                         </p>
 165                                                 </div>
 166
 167                                                 <div class="block">
 168                                                         <a class="button is-white has-text-lwl has-text-weight-bold" href="https://store.lightningwirelabs.com/?utm_source={{ hostname }}&amp;utm_medium=frontpage">
 169                                                                 {{ _("Go to Store") }}
 170                                                         </a>
 171                                                 </div>
 172                                         </div>
 173
 174                                         <div class="column is-narrow is-hidden-mobile has-text-centered">
 175                                                 <figure class="image m-5 is-128x128">
 176                                                         <img src="{{ static_url("img/lightningwirelabs-logo.svg") }}" alt="{{ _("Lightning Wire Labs") }}">
 177                                                 </figure>
 178                                         </div>
 179                                 </div>
 180                         </div>
 181                 </div>
 182         </section>
 183 {% end block %}