From 9636cf71198767e4022ed1a1524b10b58820f9f8 Mon Sep 17 00:00:00 2001
From: Rico Hoppe <rico.hoppe@ipfire.org>
Date: Sat, 21 Oct 2023 17:55:35 +0000
Subject: [PATCH] fireinfo/driver: finished the page

---
 src/templates/fireinfo/driver.html | 43 +++++++++++++++++++++++-------
 1 file changed, 34 insertions(+), 9 deletions(-)

diff --git a/src/templates/fireinfo/driver.html b/src/templates/fireinfo/driver.html
index c9f4bf2e..6daba7f4 100644
--- a/src/templates/fireinfo/driver.html
+++ b/src/templates/fireinfo/driver.html
@@ -3,17 +3,42 @@
 {% block title %}{{ driver }}{% end block %}
 
 {% block container %}
-	<section class="section">
-		<div class="container">
-			<h1 class="title is-1">{{ driver }}</h1>
+	<section class="hero is-primary">
+		<div class="hero-body">
+			<div class="container">
+				<nav class="breadcrumb is-medium" aria-label="breadcrumbs">
+					<ul>
+						<li>
+							<a href="https://ipfire.org/">
+								Home
+							</a>
+						</li>
+						<li>
+							<a href="/">
+								{{ _("Fireinfo") }}
+							</a>
+						</li>
+						<li>
+							<a href="#">
+								{{ _("Drivers") }}
+							</a>
+						</li>
+						<li class="is-active">
+							<a href="#">
+								{{ driver }}
+							</a>
+						</li>
+					</ul>
+				</nav>
 
-			<p>
-				{{ _("All known devices run by %s") % driver }}
-			</p>
+				<h2 class="title is-2">{{ _("All known devices run by %s") % driver }}</h2>
+			</div>
 		</div>
 	</section>
 
-	<div class="container">
-		{% module FireinfoDeviceTable(driver_map) %}
-	</div>
+	<section class="section">
+		<div class="container">
+			{% module FireinfoDeviceTable(driver_map) %}
+		</div>
+	</section>
 {% end block %}
-- 
2.47.3