]> git.ipfire.org Git - ipfire.org.git/commitdiff
about: Add lots more content
authorMichael Tremer <michael.tremer@ipfire.org>
Fri, 2 May 2025 16:46:28 +0000 (16:46 +0000)
committerMichael Tremer <michael.tremer@ipfire.org>
Fri, 2 May 2025 16:46:28 +0000 (16:46 +0000)
Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>
src/templates/static/about.html

index 369a6b7263e0d1f8d0fcf997edf749174116058a..8c345d57a7495a3672c17ef712ed5ad9f3b73590 100644 (file)
                                <h1 class="title">
                                        About IPFire<span class="has-text-primary">_</span>
                                </h1>
-                               <h6 class="subtitle">The Open Source Firewall</h6>
+
+                               <p class="is-size-5">
+                                       IPFire is a professional-grade open-source firewall and security platform
+                                       trusted by thousands of organizations, businesses, and individuals around
+                                       the world.
+                                       Designed with a strong focus on security, performance, and flexibility,
+                                       IPFire adapts to networks of all sizes—from home offices to global
+                                       enterprises.
+                               </p>
+
+                               <p class="is-size-5">
+                                       Developed and maintained by a passionate team and a vibrant community,
+                                       IPFire is constantly evolving to meet today’s cybersecurity challenges.
+                                       Whether you’re looking to secure a single connection or an entire
+                                       infrastructure, IPFire has your back.
+                               </p>
                        </div>
                </div>
        </section>
 
-       <div class="container">
-               <section class="section">
-                       <div class="block">
-                               <p class="is-size-4">
-                                       <strong>IPFire<span class="has-text-primary">_</span></strong>
-                                       is the world's leading Open Source firewall distribution.
-                                       Businesses across the world have chosen to put their trust
-                                       in our versatile, feature-rich solution with its easy-to-use
-                                       web management console. Why not join them today?
-                               </p>
-                       </div>
-               </section>
+       <section class="section">
+               <div class="container">
+                       <div class="columns is-multiline">
+                               <div class="column is-half p-5">
+                                       <h5 class="title is-5">
+                                               <span class="icon-text">
+                                                       <span class="icon">
+                                                               <i class="fa-solid fa-fire-flame-curved"></i>
+                                                       </span>
+                                                       <span>
+                                                               Advanced Firewall Engine
+                                                       </span>
+                                               </span>
+                                       </h5>
+
+                                       <p>
+                                               Based on Linux Netfilter, IPFire allows fine-grained
+                                               control over incoming and outgoing traffic with support for zones,
+                                               port forwarding, NAT, and stateful packet inspection.
+                                       </p>
+                               </div>
 
-               <section class="section">
-                       <a class="button is-primary is-large is-fullwidth" href="/download">
-                               <span class="is-hidden-touch">{{ _("DOWNLOAD IPFIRE NOW. IT'S FREE!") }}</span>
-                               <span class="is-hidden-desktop">{{ _("DOWNLOAD NOW") }}</span>
-                       </a>
+                               <div class="column is-half p-5">
+                                       <h5 class="title is-5">
+                                               <span class="icon-text">
+                                                       <span class="icon">
+                                                               <i class="fa-solid fa-plug"></i>
+                                                       </span>
+                                                       <span>
+                                                               Secure and Scalable VPN Support
+                                                       </span>
+                                               </span>
+                                       </h5>
+
+                                       <p>
+                                               IPFire supports IPsec and OpenVPN for secure site-to-site or
+                                               remote access VPNs, with support for hardware acceleration and
+                                               post-quantum cryptography.
+                                       </p>
+                               </div>
+
+                               <div class="column is-half p-5">
+                                       <h5 class="title is-5">
+                                               <span class="icon-text">
+                                                       <span class="icon">
+                                                               <i class="fa-solid fa-virus"></i>
+                                                       </span>
+                                                       <span>
+                                                               Intrusion Detection & Prevention System
+                                                       </span>
+                                               </span>
+                                       </h5>
+
+                                       <p>
+                                               Powered by Suricata, IPFire detects and blocks malicious traffic
+                                               in real-time using up-to-date rule sets, helping stop attacks
+                                               before they cause damage.
+                                       </p>
+                               </div>
 
-                       <!-- any screenshots go here -->
-               </section>
+                               <div class="column is-half p-5">
+                                       <h5 class="title is-5">
+                                               <span class="icon-text">
+                                                       <span class="icon">
+                                                               <i class="fa-solid fa-box"></i>
+                                                       </span>
+                                                       <span>
+                                                               Modular Add-on System
+                                                       </span>
+                                               </span>
+                                       </h5>
+
+                                       <p>
+                                               Customize IPFire to your needs with a wide range of installable
+                                               add-ons — from monitoring tools to backup utilities.
+                                       </p>
+                               </div>
 
-               <section class="section">
-                       <h3 class="title is-3">{{ _("Meet The Team") }}</h3>
+                               <div class="column is-half p-5">
+                                       <h5 class="title is-5">
+                                               <span class="icon-text">
+                                                       <span class="icon">
+                                                               <i class="fa-solid fa-globe"></i>
+                                                       </span>
+                                                       <span>
+                                                               Web Proxy with Content Filtering
+                                                       </span>
+                                               </span>
+                                       </h5>
+
+                                       <p>
+                                               IPFire includes a Squid proxy with optional URL filtering
+                                               (via URLFilter or SquidGuard), helping organizations enforce
+                                               usage policies and block harmful or inappropriate content.
+                                       </p>
+                               </div>
+
+                               <div class="column is-half p-5">
+                                       <h5 class="title is-5">
+                                               <span class="icon-text">
+                                                       <span class="icon">
+                                                               <i class="fa-solid fa-truck-fast"></i>
+                                                       </span>
+                                                       <span>
+                                                               Traffic Shaping & QoS
+                                                       </span>
+                                               </span>
+                                       </h5>
+
+                                       <p>
+                                               Prioritize essential services like VoIP or video conferencing
+                                               with IPFire’s traffic shaping capabilities, ensuring bandwidth
+                                               is used efficiently even under load.
+                                       </p>
+                               </div>
+
+                               <div class="column is-half p-5">
+                                       <h5 class="title is-5">
+                                               <span class="icon-text">
+                                                       <span class="icon">
+                                                               <i class="fa-solid fa-network-wired"></i>
+                                                       </span>
+                                                       <span>
+                                                               Role-based Network Zones
+                                                       </span>
+                                               </span>
+                                       </h5>
+
+                                       <p>
+                                               With its unique concept of zones (Red, Green, Blue, Orange),
+                                               IPFire simplifies complex firewall rules by assigning roles
+                                               to networks (e.g., trusted, DMZ, Wi-Fi).
+                                       </p>
+                               </div>
+
+                               <div class="column is-half p-5">
+                                       <h5 class="title is-5">
+                                               <span class="icon-text">
+                                                       <span class="icon">
+                                                               <i class="fa-solid fa-shield-halved"></i>
+                                                       </span>
+                                                       <span>
+                                                               Regular Security Updates
+                                                       </span>
+                                               </span>
+                                       </h5>
+
+                                       <p>
+                                               IPFire is maintained by a dedicated team focused on security.
+                                               Updates are released frequently to patch vulnerabilities and
+                                               keep your systems secure.
+                                       </p>
+                               </div>
+
+                               <div class="column is-half p-5">
+                                       <h5 class="title is-5">
+                                               <span class="icon-text">
+                                                       <span class="icon">
+                                                               <i class="fa-solid fa-pencil"></i>
+                                                       </span>
+                                                       <span>
+                                                               Real-time Monitoring & Logging
+                                                       </span>
+                                               </span>
+                                       </h5>
+
+                                       <p>
+                                               Built-in tools let you monitor bandwidth usage, connections,
+                                               intrusion attempts, and more — all through a user-friendly
+                                               web interface.
+                                       </p>
+                               </div>
+
+                               <div class="column is-half p-5">
+                                       <h5 class="title is-5">
+                                               <span class="icon-text">
+                                                       <span class="icon">
+                                                               <i class="fa-solid fa-gamepad"></i>
+                                                       </span>
+                                                       <span>
+                                                               Easy-to-Use Web Interface
+                                                       </span>
+                                               </span>
+                                       </h5>
+
+                                       <p>
+                                               IPFire provides a clean, intuitive interface for managing all
+                                               aspects of your firewall — no need to touch the command line
+                                               unless you want to.
+                                       </p>
+                               </div>
+                       </div>
+               </div>
+       </section>
+
+       <section class="section">
+               <div class="container">
+                       <h3 class="title is-3">{{ _("Meet The Team Behind IPFire") }}</h3>
 
                        <div class="block">
                                <p class="is-size-5">
-                                       IPFire is built by a group of experts from various backgrounds and places
-                                       and we could not do it without our great community around us.
+                                       IPFire is developed by a dedicated team of experts from around the world,
+                                       united by a shared mission:
+                                       to build the most secure and reliable Open Source firewall.
 
-                                       <a href="/donate">Support our work with your donation!</a>
+                                       But we’re not alone—our vibrant community plays a crucial role in
+                                       making IPFire what it is today.
                                </p>
                        </div>
 
                                <div class="columns is-multiline is-mobile">
                                        {% for account in sorted(core_team, key=lambda a: a.created_at) %}
                                                <div class="column has-text-centered">
-                                                       <figure class="image is-128x128 is-inline-block">
-                                                               <img class="is-rounded" src="{{ account.avatar_url(size=256) }}">
+                                                       <figure class="image is-96x96 is-inline-block m-2">
+                                                               <img class="is-rounded" src="{{ account.avatar_url(size=192) }}">
                                                        </figure>
 
-                                                       <h4 class="title is-4 has-text-weight-bold">{{ account.name or account.nickname }}</h5>
+                                                       <h5 class="title is-5 has-text-weight-bold">{{ account.name or account.nickname }}</h5>
                                                </div>
                                        {% end %}
                                </div>
                                                        <div class="column is-half-mobile is-one-third-tablet is-one-quarter-desktop is-one-fifth-widescreen is-one-fifth-fullhd">
                                                                <div class="columns is-vcentered is-mobile">
                                                                        <div class="column is-narrow">
-                                                                               <figure class="image is-48x48">
-                                                                                       <img class="is-rounded" src="{{ account.avatar_url(size=96) }}">
+                                                                               <figure class="image is-32x32">
+                                                                                       <img class="is-rounded" src="{{ account.avatar_url(size=64) }}">
                                                                                </figure>
                                                                        </div>
                                                                        <div class="column">
                                </div>
                        {% end %}
 
-                       <!-- Talk about funding. Donations, how LWL supports the project -->
-               </section>
-       </div>
+                       <a class="button is-primary is-medium is-fullwidth" href="/donate">
+                               <span class="icon">
+                                       <i class="fa-solid fa-heart"></i>
+                               </span>
+                               <span>
+                                       {{ _("Support Us With Your Donation") }}
+                               </span>
+                       </a>
+               </div>
+       </section>
 
-       <div class="container">
-               <section class="section">
-                       <h3 class="title is-3">{{ _("Under The Hood") }}</h3>
+       <section class="section">
+               <div class="container">
+                       <h3 class="title is-3">{{ _("The Technology Inside IPFire") }}</h3>
 
                        <div class="content">
                                <p>