From: Michael Tremer <michael.tremer@ipfire.org>
Date: Wed, 19 Oct 2022 01:46:54 +0000 (+0000)
Subject: web: Refactor package listing page
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=3866c89d56f7e422e464584fb58f1e4ca13f42c3;p=pbs.git

web: Refactor package listing page

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>
---

diff --git a/src/templates/packages/index.html b/src/templates/packages/index.html
index f3cce89f..309e03ca 100644
--- a/src/templates/packages/index.html
+++ b/src/templates/packages/index.html
@@ -3,37 +3,23 @@
 {% block title %}{{ _("Packages") }}{% end block %}
 
 {% block container %}
-	<nav aria-label="{{ _("You are here:") }}" role="navigation">
-		<ul class="breadcrumbs">
-			<li>
-				<a href="/">{{ _("Home") }}</a>
-			</li>
-			<li>
-				<span class="show-for-sr">{{ _("Current") }}: </span> {{ _("Packages") }}
+	<nav class="breadcrumb" aria-label="breadcrumbs">
+		<ul>
+			<li class="is-active">
+				<a href="#" aria-current="page">
+					{{ _("Packages") }}
+				</a>
 			</li>
 		</ul>
 	</nav>
 
-	<h1>{{ _("Packages") }}</h1>
-
-	<nav aria-label="{{ _("Pagination") }}">
-		<ul class="pagination text-center">
-			{% for letter in sorted(packages.keys()) %}
-				<li>
-					<a href="#{{ letter }}" aria-label="{{ letter.upper() }}">
-						{{ letter.upper() }}
-					</a>
-				</li>
-			{% end %}
-		</ul>
-	</nav>
+	<h1 class="title">{{ _("Packages") }}</h1>
 
-	<table class="hover">
+	<table class="table is-fullwidth">
 		<tbody>
 			{% for letter, pkgs in sorted(packages.items()) %}
 				<tr>
 					<th scope="row" colspan="2">
-						<a name="{{ letter }}"></a>
 						{{ letter.upper() }}
 					</th>
 				</tr>