From 92dac2e942736e4eec67c87d7724702ba2670e61 Mon Sep 17 00:00:00 2001
From: Rico Hoppe <rico.hoppe@ipfire.org>
Date: Wed, 15 Mar 2023 19:13:55 +0000
Subject: [PATCH] added navbar/burger ID & changed design elements

---
 src/templates/base.html | 21 ++++++++++++---------
 1 file changed, 12 insertions(+), 9 deletions(-)

diff --git a/src/templates/base.html b/src/templates/base.html
index 1e579737..3711e2d6 100644
--- 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>
-- 
2.47.3