]> git.ipfire.org Git - ipfire.org.git/commitdiff
about: Add first draft of some copy
authorMichael Tremer <michael.tremer@ipfire.org>
Mon, 17 Apr 2023 17:29:27 +0000 (17:29 +0000)
committerMichael Tremer <michael.tremer@ipfire.org>
Mon, 17 Apr 2023 17:29:27 +0000 (17:29 +0000)
Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>
src/templates/about.html

index f9846f34aa9d9508fde1d79d85c0f25b8a87a7c8..6dd0d1ed17d3404163c9a6e5f17833f6c9827ba8 100644 (file)
                                                </li>
                                        </ul>
                                </nav>
-                               <h1 class="title is-1">{{ _("About") }}</h1>
-                               <p class="subtitle">
-                                       IPFire is a dedicated firewall which will protect your network
-                                       from threats from the Internet.
-
-                                       Developed by an independent community of experts,
-                                       it is a state-the-art product that trusted by thousands?
-
-                                       <!--
-                                               This should be the executive summary (elevator pitch)
-                                               and tell people what IPFire is and invite them to use it.
-                                       -->
-                               </p>
+                               <h1 class="title is-1">
+                                       About IPFire<span class="has-text-primary">_</span>
+                               </h1>
                        </div>
                </div>
        </section>
 
-
-
        <div class="container">
                <section class="section">
-                       <h3 class="title is-3">{{ _("Top Features") }}</h3>
+                       <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>
 
-                       <!-- this should talk more about what IPFire can do instead of how it does it -->
-                       <!-- brief and to the point. longer technical stuff goes below -->
+               <section class="section">
+                       <div class="block">
+                               <div class="columns is-multiline">
+                                       <div class="column is-half">
+                                               <div class="columns is-mobile is-vcentered">
+                                                       <div class="column is-3 has-text-centered">
+                                                               <i class="fa-regular fa-shield-halved fa-5x"></i>
+                                                       </div>
 
-                       <div class="columns">
-                               <div class="column is-one-third">
-                                       <ul>
-                                               <li>
-                                                       <strong>Feature #1</strong> is particularly cool
-                                               </li>
+                                                       <div class="column">
+                                                               <p class="title is-5">Security by Design</p>
 
-                                               <li>
-                                                       <strong>Feature #2</strong> isn't bad either
-                                               </li>
+                                                               <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>
 
-                                               <li>
-                                                       <strong>Feature #3</strong> really rocks
-                                               </li>
-                                       </ul>
-                               </div>
+                                       <div class="column is-half">
+                                               <div class="columns is-mobile is-vcentered">
+                                                       <div class="column is-3 has-text-centered">
+                                                               <i class="fa-regular fa-rocket fa-5x"></i>
+                                                       </div>
 
-                               <div class="column">
-                                       <ul>
-                                               <li>
-                                                       Another feature
-                                               </li>
+                                                       <div class="column">
+                                                               <p class="title is-5">Industry-Leading Firewall Engine</p>
 
-                                               <li>
-                                                       And another one
-                                               </li>
+                                                               <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>
 
-                                               <li>
-                                                       One more
-                                               </li>
-                                       </ul>
-                               </div>
+                                       <div class="column is-half">
+                                               <div class="columns is-mobile is-vcentered">
+                                                       <div class="column is-3 has-text-centered">
+                                                               <i class="fa-regular fa-network-wired fa-5x"></i>
+                                                       </div>
 
-                               <div class="column">
-                                       <ul>
-                                               <li>
-                                                       We really think that people will like this
-                                               </li>
+                                                       <div class="column">
+                                                               <p class="title is-5">We Connect the World</p>
 
-                                               <li>
-                                                       Did you check out X?
-                                               </li>
+                                                               <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>
 
-                                               <li>
-                                                       How about Y?
-                                               </li>
-                                       </ul>
+                                       <div class="column is-half">
+                                               <div class="columns is-mobile is-vcentered">
+                                                       <div class="column is-3 has-text-centered">
+                                                               <i class="fa-regular fa-thumbs-up fa-5x"></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-3 has-text-centered">
+                                                               <i class="fa-regular 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-mobile is-vcentered">
+                                                       <div class="column is-3 has-text-centered">
+                                                               <i class="fa-brands fa-osi 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">
+                       <div class="block">
+                               <button class="button is-primary is-large is-fullwidth">
+                                       <a href="/download">
+                                               <span class="is-hidden-touch">{{ _("DOWNLOAD IPFIRE NOW. IT'S FREE!") }}</span>
+                                               <span class="is-hidden-desktop">{{ _("DOWNLOAD NOW") }}</span>
+                                       </a>
+                               </button>
+                       </div>
+
+                       <!-- any screenshots go here -->
+               </section>
+
                <section class="section">
                        <h3 class="title is-3">{{ _("Meet The Team") }}</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.
+
+                                       <a href="/donate">Support our work with your donation!</a>
+                               </p>
+                       </div>
+
                        {% set core_team = backend.groups.get_by_gid("core-team") %}
 
                        <div class="block">
        <div class="container">
                <section class="section">
                        <div class="block">
-                               <h3 class="title is-3">{{ _("Features") }}</h3>
+                               <h3 class="title is-3">{{ _("Under The Hood") }}</h3>
 
                                <div class="columns">
                                        <div class="column is-one-fourth">
                                                Regular updates help keeping even the hardest kind of hacker out.
                                        </div>
 
-                                       <div class="column">
-                                               IPFire is being managed over a web user interface that is easy
-                                               to use, yet powerful.
-                                               Every feature is only one click away. Our detailed documentation
-                                               tells you how.
-                                       </div>
-
                                        <div class="column">
                                                The stateful inspection firewall that is working inside IPFire
                                                is one of the fastest of its kind.
                                                groups for hosts and services on the network and help you
                                                to keep things in order, even when it gets complicated.
                                        </div>
-
-                                       <div class="column">
-                                               Network segmentation is the key to a secure network.
-                                               IPFire allows setting up a demilitarized zone (DMZ) on your
-                                               network to control any threats from services that are being hosted
-                                               on the internet.
-                                       </div>
                                </div>
                        </div>
                </section>
 
-               <!-- any screenshots go here -->
-
-               <section class="section is-medium">
-                       <div class="block">
-                               <button class="button is-fullwidth is-large is-primary">
-                                       <a href="/download">
-                                               <span class="is-hidden-touch">{{ _("DOWNLOAD IPFIRE NOW. IT'S FREE!") }}</span>
-                                               <span class="is-hidden-desktop">{{ _("DOWNLOAD NOW") }}</span>
-                                       </a>
-                               </button>
-                       </div>
-               </section>
-
                <section class="section">
                        <div class="block">
                                <div class="columns">