{% block head %}
<meta name="description" content="{{ _("IPFire is a hardened, versatile, state-of-the-art Open Source firewall based on Linux.") }}" />
- <link rel="alternate" type="application/atom+xml" title="RSS" href="https://blog.ipfire.org/feed.xml" />
+ <link rel="alternate" type="application/atom+xml" title="RSS" href="/blog/feed.xml" />
{% end block %}
{% block title %}{{ _("Welcome to IPFire") }}{% end block %}
{% block container %}
{% if latest_release %}
- <div class="bg-light">
- <div class="container text-center small py-2">
- {{ _("Latest Release: %(release)s from %(when)s") \
- % { "release" : latest_release.name, "when" : locale.format_day(latest_release.date, dow=False) } }}
-
- {% if latest_release.blog %}
-
-
- <a class="text-dark font-weight-bold" href="https://blog.ipfire.org/post/{{ latest_release.blog.slug }}">
- {{ _("Read More") }}
- </a>
- {% end %}
+ <section class="has-background-light">
+ <div class="container">
+ <p class="has-text-centered px-2 py-1">
+ {{ _("Latest Release: %(release)s from %(when)s") \
+ % { "release" : latest_release.name, "when" : locale.format_day(latest_release.date, dow=False) } }}
+
+ {% if latest_release.blog %}
+
+
+ <a class="has-text-weight-bold" href="/blog/{{ latest_release.blog.slug }}">
+ {{ _("Read More") }}
+ </a>
+ {% end %}
+ </p>
</div>
- </div>
+ </section>
{% end %}
- <div class="bg-brand">
- <div class="container">
- <h1 class="display-1">{{ _("More Than A Firewall") }}</h1>
- <h4>Customisable, easy to configure, and the leading example</h4>
- </div>
- </div>
+ <section class="hero is-large is-primary" id="hero-index">
+ <video autoplay muted loop playsinline poster="{{ static_url("videos/firewall.jpg") }}">
+ {# AV1 for modern browsers that support it #}
+ <source src="{{ static_url("videos/firewall@1920.av1.mp4") }}" type="video/mp4; codecs=av01.0.05M.08" />
- <header class="cover">
- <div class="container">
- {% module ChristmasBanner() %}
+ {# HEVC/H.256 for modern browsers #}
+ <source src="{{ static_url("videos/firewall@1920.hevc.mp4") }}" type="video/mp4; codecs=hvc1" />
- <div class="row d-flex h-100 flex-fill flex-md-row-reverse align-items-center">
- <div class="col-12 col-md-5 my-5 text-center">
- <img class="img-fluid" src="{{ static_url("img/ipfire-tux.png") }}" alt="IPFire Logo" />
- </div>
+ {# H.254 as compatibility option for anything else #}
+ <source src="{{ static_url("videos/firewall@1920.h264.mp4") }}" type="video/mp4; codecs=avc1.4D401E" />
- <div class="col-12 col-md-7 px-3">
- <h1 class="mb-3">{{ _("The Open Source Firewall") }}</h1>
+ <p>
+ Blazing Fire by Oleg Gamulinskii (CC)
+ https://www.pexels.com/video/blazing-fire-2715412/
+ </p>
+ </video>
- {% if latest_release %}
- <span>
- {{ _("Latest Release:") }}
- <a href="/download">{{ latest_release.name }}</a>
- {{ _("from %s") % locale.format_date(latest_release.date, shorter=True) }}
- </span>
- {% end %}
+ <div class="hero-body">
+ <div class="container">
+ <h1 class="title is-1">
+ {{ _("IPFire") }}_ {{ _("More Than A Firewall") }}
+ </h1>
- <div class="btn-toolbar my-5">
- <a class="btn btn-outline-primary glow-primary btn-lg mr-2" href="/download">{{ _("Download") }}</a>
- <a class="btn btn-outline-secondary glow-secondary btn-lg ml-2" href="/features">{{ _("Features") }}</a>
- </div>
- </div>
+ <h4 class="subtitle is-4">
+ The Open Source Linux-based Firewall Operating System with a comprehensible feature set
+ </h4>
</div>
</div>
- </header>
+ </section>
- <section class="inverse">
+ <section class="section">
<div class="container">
- <div class="row mb-5">
- <div class="col-12 col-md-9 col-lg-7">
- <h1 class="mb-0">{{ _("Secure your network with IPFire") }}</h1>
+ <h3 class="title is-2 has-text-centered">
+ {{ _("IPFire") }}<span class="has-text-primary">_</span> ‐ {{ _("The Open Source Firewall") }}
+ </h3>
+ </div>
+ </section>
- <p>
- {{ _("IPFire is a hardened, versatile, state-of-the-art Open Source firewall based on Linux.") }}
- {{ _("Its ease of use, high performance in any scenario and extensibility make it usable for everyone.") }}
- </p>
+ <section class="section">
+ <div class="container">
+ <div class="columns">
+ <div class="column has-text-centered">
+ <span class="fas fa-shield-alt fa-4x p-4"></span>
- <a class="btn btn-secondary mb-5" href="/features">{{ _("Learn More") }}</a>
+ <h4 class="title is-4">{{ _("Robust Network Security") }}</h4>
+
+ <p class="is-size-5">
+ IPFire offers a powerful and secure firewall solution designed
+ to protect networks against evolving cyber threats.
+ </p>
</div>
- </div>
- <div class="row mt-5">
- <div class="col-md-6 col-lg-4 mb-5 d-flex">
- <div class="align-self-stretch">
- <span class="fas fa-shield-alt fa-2x text-primary px-3"></span>
- </div>
+ <div class="column has-text-centered">
+ <span class="fas fa-terminal fa-4x p-4"></span>
- <div class="flex-column">
- <h5 class="mb-3">{{ _("Security") }}</h5>
+ <h4 class="title is-4">{{ _("Tailored to Your Needs") }}</h4>
- <p>
- {{ _("Security is the highest priority in IPFire.") }}
- {{ _("It is hardened to protect itself from attacks from the Internet and prevents attacks on your network.") }}
- </p>
- </div>
+ <p class="is-size-5">
+ Enjoy the flexibility of customizing IPFire to match your unique
+ network requirements, ensuring a personalized and secure setup.
+ </p>
</div>
- <div class="col-md-6 col-lg-4 mb-5 d-flex">
- <div class="align-self-stretch">
- <span class="fas fa-fire fa-2x text-primary px-3"></span>
- </div>
+ <div class="column has-text-centered">
+ <span class="fas fa-fire fa-4x p-4"></span>
- <div class="flex-column">
- <h5 class="mb-3">{{ _("Firewall") }}</h5>
+ <h4 class="title is-4">{{ _("Community-Driven") }}</h4>
- <p>
- {{ _("Its powerful firewall engine and Intrusion Prevention System protects your network against attacks from the Internet and Denial-of-Service attacks.") }}
- </p>
- </div>
+ <p class="is-size-5">
+ Be part of a thriving community where users and developers collaborate,
+ sharing insights and innovations to enhance IPFire.
+ </p>
</div>
+ </div>
+ </div>
+ </section>
- <div class="col-md-6 col-lg-4 mb-5 d-flex">
- <div class="align-self-stretch">
- <span class="fab fa-osi fa-2x text-primary px-3"></span>
+ <section class="section">
+ <div class="container">
+ <div class="box p-6 has-background-lwl has-text-white">
+ <div class="columns is-mobile is-vcentered">
+ <div class="column">
+ <h3 class="title is-3 has-text-white">{{ _("Appliances and Support") }}</h3>
+
+ <div class="block">
+ <p>
+ Experience next-level security with our high-performance
+ appliances, crafted to optimize IPFire's capabilities.
+ Whether you're fortifying a business infrastructure or
+ safeguarding your home network, we have the right
+ appliance solution tailored for you.
+ </p>
+
+ <p>
+ We are your partners in ensuring continuous network security.
+ Our support solutions keep your systems running smoothly,
+ providing peace of mind in the ever-evolving landscape of
+ security.
+ </p>
+ </div>
+
+ <div class="block">
+ <a class="button is-white has-text-lwl has-text-weight-bold" href="https://store.lightningwirelabs.com/">
+ {{ _("Go to Store") }}
+ </a>
+ </div>
</div>
- <div class="flex-column">
- <h5 class="mb-3">{{ _("Open Source") }}</h5>
-
- <p>
- {{ _("IPFire is free software and developed by an open community and trusted by hundreds of thousands of users from all around the world.") }}
- </p>
+ <div class="column is-narrow is-hidden-mobile has-text-centered">
+ <figure class="image m-5 is-128x128">
+ <img src="{{ static_url("img/lightningwirelabs-logo.svg") }}" alt="{{ _("Lightning Wire Labs") }}">
+ </figure>
</div>
</div>
</div>
projects / ipfire.org.git / blobdiff