added navbar/burger ID & changed design elements

diff --git a/src/templates/base.html b/src/templates/base.html
index 1e579737e994362be1a91d8d6838f9299a0509f1..3711e2d6c27d8d387217274bfaff49c5cf109715 100644 (file)
--- a/src/templates/base.html
+++ b/src/templates/base.html
@@ -25,7 +25,7 @@
                        <nav class="navbar" role="navigation" aria-label="main navigation">
                                <div class="container">
                                        <div class="navbar-brand">
-                                               <a href="/">
+                                               <a class="navbar-item" href="/">
                                                        {% if hostname.startswith("fireinfo.") %}
                                                                <span class="is-size-4 has-text-weight-bold">IPFire</span><span class="has-text-primary is-size-4 has-text-weight-bold">_</span><span class="is-size-4 has-text-weight-bold">Fireinfo</span>
                                                        {% elif hostname.startswith("nopaste.") %}
@@ -42,13 +42,13 @@
                                                                {{ _("Wiki") }}
                                                        {% end %}
                                                </a>
-                                               <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false">
+                                               <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarMainMenu">
                                                        <span aria-hidden="true"></span>
                                                        <span aria-hidden="true"></span>
                                                        <span aria-hidden="true"></span>
                                                </a>
                                        </div>
-                                       <div class="navbar-menu">
+                                       <div class="navbar-menu" id="navbarMainMenu">
                                                {% block menu %}
                                                        {% if hostname.startswith("www.") or hostname.startswith("dev.") %}
 
@@ -73,11 +73,13 @@
                                                                                <a class="nav-link {% if request.path.startswith("/download") %}active{% end %}" href="/download">{{ _("Download") }}</a>
                                                                        </div>
 
-                                                                       <button class="button is-primary is-focused" href="https://www.ipfire.org/donate">
-                                                                               <p class="has-text-centered has-text-weight-bold is-uppercase">
-                                                                                       {{ _("Donate") }}
-                                                                               </p>
-                                                                       </button>
+                                                                       <div class="navbar-item">
+                                                                               <button class="button is-primary" href="https://www.ipfire.org/donate">
+                                                                                       <p class="has-text-centered has-text-weight-bold is-uppercase">
+                                                                                               {{ _("Donate") }}
+                                                                                       </p>
+                                                                               </button>
+                                                                       </div>
                                                                </div>
 
 
@@ -290,7 +292,7 @@
                                                                                <a  href="https://de.linkedin.com/company/ipfire"><span class="is-underlined">{{ _("LinkedIn") }}</span></a>
                                                                        </button>
                                                                        <br>
-                                                                       <button class="button is-primary is-medium is-focused" href="https://www.ipfire.org/donate">
+                                                                       <button class="button is-primary is-medium" href="https://www.ipfire.org/donate">
                                                                                <p class="has-text-centered has-text-weight-bold is-uppercase">
                                                                                        {{ _("Donate") }}
                                                                                </p>
@@ -306,6 +308,7 @@
                {% end block %}
 
                <script src="{{ static_url("js/jquery-3.6.0.min.js") }}"></script>
+               <script src="{{ static_url("js/site.js") }}"></script>
                {% block javascript %}{% end block %}
        </body>
 </html>