]> git.ipfire.org Git - ipfire.org.git/commitdiff
index: More face-lifting
authorMichael Tremer <michael.tremer@ipfire.org>
Fri, 2 May 2025 15:30:57 +0000 (15:30 +0000)
committerMichael Tremer <michael.tremer@ipfire.org>
Fri, 2 May 2025 15:39:11 +0000 (15:39 +0000)
This patch moves the top part of the "About" page to the index page.

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>
src/templates/index.html
src/templates/static/about.html

index 00527a692483b8875f3345874a81ee9d7f36e9c7..85c1f4022e4613e932e6f4b9c6e3b3c2bfb541b3 100644 (file)
 
        <section class="section">
                <div class="container">
-                       <div class="columns">
-                               <div class="column p-5 has-text-centered">
-                                       <span class="fas fa-shield-alt fa-4x p-4"></span>
+                       <div class="block">
+                               <p class="is-size-5">
+                                       <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>
+
+                       <div class="columns is-multiline py-5">
+                               <div class="column is-half">
+                                       <div class="columns is-mobile is-vcentered">
+                                               <div class="column is-narrow has-text-centered">
+                                                       <i class="fas fa-shield-halved fa-4x fa-fw"></i>
+                                               </div>
 
-                                       <h5 class="title is-5">{{ _("Robust Network Security") }}</h5>
+                                               <div class="column">
+                                                       <p class="title is-5">Security by Design</p>
 
-                                       <p>
-                                               IPFire offers a powerful and secure firewall solution designed
-                                               to protect networks against evolving cyber threats.
-                                       </p>
+                                                       <p>
+                                                               Network segmentation is the key to a secure network.
+                                                               IPFire sets up a DMZ for your local infrastructure or a
+                                                               guest network for any visitors separating and protecting
+                                                               other parts of your network.
+                                                       </p>
+                                               </div>
+                                       </div>
                                </div>
 
-                               <div class="column p-5 has-text-centered">
-                                       <span class="fas fa-terminal fa-4x p-4"></span>
+                               <div class="column is-half">
+                                       <div class="columns is-mobile is-vcentered">
+                                               <div class="column is-narrow has-text-centered">
+                                                       <i class="fas fa-rocket fa-4x fa-fw"></i>
+                                               </div>
 
-                                       <h5 class="title is-5">{{ _("Tailored to Your Needs") }}</h5>
+                                               <div class="column">
+                                                       <p class="title is-5">Industry-Leading Firewall Engine</p>
 
-                                       <p>
-                                               Enjoy the flexibility of customizing IPFire to match your unique
-                                               network requirements, ensuring a personalized and secure setup.
-                                       </p>
+                                                       <p>
+                                                               Our stateful packet inspection firewall engine analyses
+                                                               traffic for the latest threats and performs
+                                                               deep packet inspection in real time.
+                                                               Due to our smart user interface, creating even complex
+                                                               setups is quick and straight-forward.
+                                                       </p>
+                                               </div>
+                                       </div>
                                </div>
 
-                               <div class="column p-5 has-text-centered">
-                                       <span class="fas fa-fire fa-4x p-4"></span>
+                               <div class="column is-half">
+                                       <div class="columns is-mobile is-vcentered">
+                                               <div class="column is-narrow has-text-centered">
+                                                       <i class="fas fa-network-wired fa-4x fa-fw"></i>
+                                               </div>
 
-                                       <h5 class="title is-5">{{ _("Community-Driven") }}</h5>
+                                               <div class="column">
+                                                       <p class="title is-5">We Connect the World</p>
 
-                                       <p>
-                                               Be part of a thriving community where users and developers collaborate,
-                                               sharing insights and innovations to enhance IPFire.
-                                       </p>
+                                                       <p>
+                                                               We securely connect your employees to their desks at home,
+                                                               your global business partners and the infrastructure in your data centre,
+                                                               giving you maximum flexibility so that you can focus on what really matters.
+                                                       </p>
+                                               </div>
+                                       </div>
+                               </div>
+
+                               <div class="column is-half">
+                                       <div class="columns is-mobile is-vcentered">
+                                               <div class="column is-narrow has-text-centered">
+                                                       <span class="fas fa-thumbs-up fa-4x fa-fw"></i>
+                                               </div>
+
+                                               <div class="column">
+                                                       <p class="title is-5">Easy to Use</p>
+
+                                                       <p>
+                                                               IPFire is managed over a web-based console which
+                                                               is powerful, yet easy to use.
+                                                               Each feature is just one click away.
+                                                               Advanced reporting and real time graphs give you
+                                                               detailed insight into your network.
+                                                       </p>
+                                               </div>
+                                       </div>
+                               </div>
+
+                               <div class="column is-half">
+                                       <div class="columns is-mobile is-vcentered">
+                                               <div class="column is-narrow has-text-centered">
+                                                       <i class="fa-solid fa-earth-europe fa-4x fa-fw"></i>
+                                               </div>
+
+                                               <div class="column">
+                                                       <p class="title is-5">Supporting Global Standards</p>
+
+                                                       <p>
+                                                               Commonly deployed in businesses and educational organisations
+                                                               of all sizes, IPFire interoperates perfectly with solutions
+                                                               from other vendors making it an ideal drop-in replacement.
+                                                       </p>
+                                               </div>
+                                       </div>
+                               </div>
+
+                               <div class="column is-half">
+                                       <div class="columns is-mobile is-vcentered">
+                                               <div class="column is-narrow has-text-centered">
+                                                       <i class="fas fa-terminal fa-4x fa-fw"></i>
+                                               </div>
+
+                                               <div class="column">
+                                                       <p class="title is-5">Free As In Freedom</p>
+
+                                                       <p>
+                                                               IPFire is free software.
+                                                               Our community develops and reviews all changes going
+                                                               into the code base and IPFire is regularly audited by
+                                                               independent third parties.
+                                                               Become a part of the community and help us
+                                                               to continue improving IPFire!
+                                                       </p>
+                                               </div>
+                                       </div>
                                </div>
                        </div>
 
                        <div class="columns is-centered">
-                               <div class="column is-two-thirds p-5">
+                               <div class="column is-one-third p-5">
                                        <a class="button is-primary is-medium is-fullwidth" href="/about">
                                                {{ _("Learn More About IPFire") }}
                                        </a>
                </div>
        </section>
 
-       <section class="hero">
+       <section class="hero is-lwl">
                <div class="hero-body">
                        <div class="container">
-                               <div class="columns is-centered">
-                                       <div class="column is-two-thirds">
-                                               <div class="box p-6 has-background-lwl has-text-white">
-                                                       <h3 class="title is-3 has-text-white">{{ _("Appliances and Support") }}</h3>
-
-                                                       <div class="content">
-                                                               <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 is-fullwidth has-text-weight-bold"
-                                                                               href="https://store.lightningwirelabs.com/?utm_source={{ hostname }}&amp;utm_medium=frontpage">
-                                                                       {{ _("Go to Store") }}
-                                                               </a>
-                                                       </div>
-
-                                                       <div class="block has-text-centered">
-                                                               <figure class="image is-128x128 is-inline-block">
-                                                                       <img src="{{ static_url("img/lightningwirelabs-logo.svg") }}"
-                                                                               alt="{{ _("Lightning Wire Labs") }}">
-                                                               </figure>
-                                                       </div>
+                               <div class="columns is-vcentered">
+                                       <div class="column">
+                                               <h3 class="title is-3">{{ _("Appliances and Support") }}</h3>
+
+                                               <div class="content">
+                                                       <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-lwl is-inverted has-text-weight-bold"
+                                                                       href="https://store.lightningwirelabs.com/?utm_source={{ hostname }}&amp;utm_medium=frontpage">
+                                                               {{ _("Go to Store") }}
+                                                       </a>
+                                               </div>
+                                       </div>
+
+                                       <div class="column is-narrow has-text-centered">
+                                               <figure class="image is-128x128 is-inline-block m-5">
+                                                       <img src="{{ static_url("img/lightningwirelabs-logo.svg") }}"
+                                                               alt="{{ _("Lightning Wire Labs") }}">
+                                               </figure>
                                        </div>
                                </div>
                        </div>
index db02b060260db1461894522d0904e3cf5ccac5bd..369a6b7263e0d1f8d0fcf997edf749174116058a 100644 (file)
                        </div>
                </section>
 
-               <section class="section">
-                       <div class="block">
-                               <div class="columns is-multiline">
-                                       <div class="column is-half">
-                                               <div class="columns is-vcentered">
-                                                       <div class="column is-3 has-text-centered">
-                                                               <i class="fas fa-shield-halved fa-5x"></i>
-                                                       </div>
-
-                                                       <div class="column">
-                                                               <p class="title is-5">Security by Design</p>
-
-                                                               <p>
-                                                                       Network segmentation is the key to a secure network.
-                                                                       IPFire sets up a DMZ for your local infrastructure or a
-                                                                       guest network for any visitors separating and protecting
-                                                                       other parts of your network.
-                                                               </p>
-                                                       </div>
-                                               </div>
-                                       </div>
-
-                                       <div class="column is-half">
-                                               <div class="columns is-vcentered">
-                                                       <div class="column is-3 has-text-centered">
-                                                               <i class="fas fa-rocket fa-5x"></i>
-                                                       </div>
-
-                                                       <div class="column">
-                                                               <p class="title is-5">Industry-Leading Firewall Engine</p>
-
-                                                               <p>
-                                                                       Our stateful packet inspection firewall engine analyses
-                                                                       traffic for the latest threats and performs
-                                                                       deep packet inspection in real time.
-                                                                       Due to our smart user interface, creating even complex
-                                                                       setups is quick and straight-forward.
-                                                               </p>
-                                                       </div>
-                                               </div>
-                                       </div>
-
-                                       <div class="column is-half">
-                                               <div class="columns is-vcentered">
-                                                       <div class="column is-3 has-text-centered">
-                                                               <i class="fas fa-network-wired fa-5x"></i>
-                                                       </div>
-
-                                                       <div class="column">
-                                                               <p class="title is-5">We Connect the World</p>
-
-                                                               <p>
-                                                                       We securely connect your employees to their desks at home,
-                                                                       your global business partners and the infrastructure in your data centre,
-                                                                       giving you maximum flexibility so that you can focus on what really matters.
-                                                               </p>
-                                                       </div>
-                                               </div>
-                                       </div>
-
-                                       <div class="column is-half">
-                                               <div class="columns is-vcentered">
-                                                       <div class="column is-3 has-text-centered">
-                                                               <span class="fas fa-thumbs-up fa-5x"></span>
-                                                       </div>
-
-                                                       <div class="column">
-                                                               <p class="title is-5">Easy to Use</p>
-
-                                                               <p>
-                                                                       IPFire is managed over a web-based console which
-                                                                       is powerful, yet easy to use.
-                                                                       Each feature is just one click away.
-                                                                       Advanced reporting and real time graphs give you
-                                                                       detailed insight into your network.
-                                                               </p>
-                                                       </div>
-                                               </div>
-                                       </div>
-
-                                       <div class="column is-half">
-                                               <div class="columns is-vcentered">
-                                                       <div class="column is-3 has-text-centered">
-                                                               <i class="fa-solid fa-earth-europe fa-5x"></i>
-                                                       </div>
-
-                                                       <div class="column">
-                                                               <p class="title is-5">Supporting Global Standards</p>
-
-                                                               <p>
-                                                                       Commonly deployed in businesses and educational organisations
-                                                                       of all sizes, IPFire interoperates perfectly with solutions
-                                                                       from other vendors making it an ideal drop-in replacement.
-                                                               </p>
-                                                       </div>
-                                               </div>
-                                       </div>
-
-                                       <div class="column is-half">
-                                               <div class="columns is-vcentered">
-                                                       <div class="column is-3 has-text-centered">
-                                                               <i class="fas fa-terminal fa-5x"></i>
-                                                       </div>
-
-                                                       <div class="column">
-                                                               <p class="title is-5">Free As In Freedom</p>
-
-                                                               <p>
-                                                                       IPFire is free software.
-                                                                       Our community develops and reviews all changes going
-                                                                       into the code base and IPFire is regularly audited by
-                                                                       independent third parties.
-                                                                       Become a part of the community and help us
-                                                                       to continue improving IPFire!
-                                                               </p>
-                                                       </div>
-                                               </div>
-                                       </div>
-                               </div>
-                       </div>
-               </section>
-
                <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>