]> git.ipfire.org Git - ipfire.org.git/commitdiff
help: Refactor the entire page (yes, again)
authorMichael Tremer <michael.tremer@ipfire.org>
Wed, 29 Nov 2023 12:29:57 +0000 (12:29 +0000)
committerMichael Tremer <michael.tremer@ipfire.org>
Wed, 29 Nov 2023 12:29:57 +0000 (12:29 +0000)
Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>
src/templates/static/help.html

index 9d773e58a2b60297529d9085894a2c6e91d07763..aa79472042ada95bd356f028d51727005dd1966b 100644 (file)
@@ -3,7 +3,7 @@
 {% block title %}{{ _("Help") }}{% end block %}
 
 {% block container %}
-       <section class="hero has-background-primary-light">
+       <section class="hero is-primary">
                <div class="hero-body">
                        <div class="container">
                                <nav class="breadcrumb" aria-label="breadcrumbs">
                                </nav>
 
                                <h1 class="title">
-                                       {{ _("Need Help?") }}
+                                       {{ _("Get Help with IPFire") }}
                                </h1>
+                       </div>
+               </div>
+       </section>
+
+       <section class="hero is-lwl">
+               <div class="hero-body">
+                       <div class="container">
+                               <div class="columns is-mobile is-vcentered">
+                                       <div class="column">
+                                               <div class="block">
+                                                       <h3 class="title is-3">
+                                                               {{ _("Professional Support from Lightning Wire Labs") }}
+                                                       </h3>
+
+                                                       <p>
+                                                               If you require dedicated assistance, Lightning Wire Labs
+                                                               offers professional support services to ensure your
+                                                               IPFire deployment runs smoothly.
+                                                               Their experienced team is ready to provide expert guidance,
+                                                               troubleshooting, and tailored solutions for your specific needs.
+                                                       </p>
+                                               </div>
+
+                                               <div lcass="block">
+                                                       <a class="button is-white has-text-lwl has-text-weight-bold"
+                                                                       href="https://store.lightningwirelabs.com/products/groups/support">
+                                                               {{ _("Learn More") }}
+                                                       </a>
+                                               </div>
+                                       </div>
 
-                               <p class="subtitle">
-                                       {{ _("We are here for you") }}
-                               </p>
+                                       <div class="column is-narrow is-hidden-mobile has-text-centered">
+                                               <figure class="image is-128x128">
+                                                       <img src="{{ static_url("img/lightningwirelabs-logo.svg") }}"
+                                                               alt="{{ _("Lightning Wire Labs") }}">
+                                               </figure>
+                                       </div>
+                               </div>
                        </div>
                </div>
        </section>
 
        <section class="section">
                <div class="container">
-                       <div class="columns">
-                               <div class="column is-half">
-                                       <div class="box p-6 has-background-lwl has-text-white">
-                                               <h3 class="title is-3 has-text-white">{{ _("Get Professional Support") }}</h3>
-
-                                               <div class="columns is-mobile is-vcentered">
-                                                       <div class="column">
-                                                               <div class="block">
-                                                                       <p>
-                                                                               Lightning Wire Labs provides professional support services
-                                                                               for companies using IPFire.
-                                                                               Their team of developers implements custom solutions based on IPFire and
-                                                                               carries out development of new features.
-                                                                               They help with designing a secure network which is tailored to
-                                                                               the specific needs of your business and support with your IPFire integration.
-                                                                       </p>
-                                                               </div>
-
-                                                               <div class="block">
-                                                                       <a class="button is-white has-text-lwl has-text-weight-bold" href="https://www.lightningwirelabs.com/">
-                                                                               {{ _("Go to Website") }}
-                                                                       </a>
-                                                               </div>
-                                                       </div>
-
-                                                       <div class="column is-narrow is-hidden-mobile has-text-centered">
-                                                               <figure class="image is-128x128">
-                                                                       <img src="{{ static_url("img/lightningwirelabs-logo.svg") }}" alt="{{ _("Lightning Wire Labs") }}">
-                                                               </figure>
-                                                       </div>
-                                               </div>
+                       <div class="columns is-multiline">
+                               <div class="column is-half p-5">
+                                       <div class="block">
+                                               <h3 class="title is-3">Documentation</h3>
+
+                                               <p>
+                                                       Before reaching out for assistance, explore our comprehensive
+                                                       <a href="/docs">documentation</a> to find answers to common questions,
+                                                       step-by-step guides, and configuration tips.
+                                                       The documentation is a valuable resource designed to empower you
+                                                       with the knowledge to manage and optimize your IPFire installation.
+                                               </p>
                                        </div>
-                               </div>
 
-                               <div class="column is-half">
-                                       <h3 class="title is-3">
-                                               IPFire<span class="has-text-primary">_</span>Community
-                                       </h3>
+                                       <div class="block">
+                                               <a class="button is-primary" href="/docs">
+                                                       {{ _("Go to Documentation") }}
+                                               </a>
+                                       </div>
+                               </div>
 
+                               <div class="column is-half p-5">
                                        <div class="block">
+                                               <h3 class="title is-3">
+                                                       Engage with the IPFire<span class="has-text-primary">_</span> Community
+                                               </h3>
+
                                                <p>
-                                                       Talk to the IPFire Community on our community portal.
-                                                       Ask about how to get started with IPFire, how you can
-                                                       contribute to the project, and what else you always
-                                                       wanted to know about IPFire...
+                                                       Join the vibrant IPFire community where users, developers, and
+                                                       enthusiasts share knowledge and experiences.
+                                                       Participate in discussions, ask questions, and learn from others
+                                                       who have faced similar challenges.
+                                                       Our Community Forums and Mailing Lists are excellent platforms
+                                                       to connect with like-minded individuals.
                                                </p>
                                        </div>
 
                                        <div class="block">
-                                               <a class="button is-primary is-large has-text-weight-bold is-fullwidth"
-                                                               href="https://community.ipfire.org/">
+                                               <a class="button is-primary" href="https://community.ipfire.org/">
                                                        {{ _("Go to Community") }}
                                                </a>
                                        </div>
                                </div>
+
+                               <div class="column is-half p-5">
+                                       <div class="block">
+                                               <h4 class="title is-4">Report Bugs and Request Features</h4>
+
+                                               <p>
+                                                       If you encounter a bug or have a feature request, please visit
+                                                       our Bugtracker.
+                                                       Your feedback is crucial for improving IPFire, and our
+                                                       development team appreciates your contributions to enhancing
+                                                       the system.
+                                               </p>
+                                       </div>
+
+                                       <div class="block">
+                                               <a class="button is-primary" href="https://bugzilla.ipfire.org/">
+                                                       {{ _("Go to Bugtracker") }}
+                                               </a>
+                                       </div>
+                               </div>
+
+                               <div class="column is-half p-5">
+                                       <div class="block">
+                                               <h4 class="title is-4">Stay Informed</h4>
+
+                                               <p>
+                                                       Subscribe to our newsletter and follow us on social media to stay
+                                                       informed about the latest updates, security advisories, and
+                                                       community events.
+                                                       Connect with us on Twitter and LinkedIn to be a part of the
+                                                       broader IPFire network.
+                                               </p>
+                                       </div>
+
+                                       {% if current_user or not current_user.consents_to_promotional_emails %}
+                                               <div class="block">
+                                                       <a class="button is-primary" href="/subscribe">
+                                                               {{ _("Subscribe To Our Newsletter") }}
+                                                       </a>
+                                               </div>
+                                       {% end %}
+                               </div>
                        </div>
                </div>
        </section>