From 6635eb8dd6b5eb5f30fab0cbf0ad45d30ce05591 Mon Sep 17 00:00:00 2001
From: Michael Tremer <michael.tremer@ipfire.org>
Date: Sat, 24 Jun 2023 20:42:17 +0000
Subject: [PATCH] downloads: Cleanup markup on release page

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>
---
 src/templates/download/release.html | 146 +++++-----------------------
 1 file changed, 24 insertions(+), 122 deletions(-)

diff --git a/src/templates/download/release.html b/src/templates/download/release.html
index 0c8a4f9a..da54aabd 100644
--- a/src/templates/download/release.html
+++ b/src/templates/download/release.html
@@ -16,152 +16,54 @@
 						</li>
 					</ul>
 				</nav>
+
 				<h1 class="title is-1">
-					Download {{ release }}
+					{{ _("Download %s") % release }}
 				</h1>
-				<p class="subtitle">
+
+				<h6 class="subtitle is-6">
 					{{ _("Released %s") % locale.format_date(release.published, relative=True, shorter=True) }}
 
 					{% if release.blog %}
 						&bull;
 						<a href="/blog/{{ release.blog.slug }}">{{ _("Release Notes") }}</a>
 					{% end %}
-				</p>
+				</h6>
 			</div>
 		</div>
 	</section>
 
-	<!--<div class="container">
-		<section class="section">
-			<div class="columns is-variable is-multiline">
-				{% for arch in release.arches %}
-					<div class="column is-half">
-						<div class="card">
-							<div class="card-header">
-								<h4 class="title is-4 has-font-weight-bold">{{ arch }}</h4>
-							</div>
-							<hr>
-							<div class="card-content">
-								{% for file in release.get_files_by_arch(arch) %}
-									<a class="list-group-item list-group-item-action
-											d-flex justify-content-between align-items-center download-splash" href="{{ file.url }}">
-										<span>
-											<i class="fas fa-download text-primary"></i> {{ _(file.desc) }}
-										</span>
-
-										<span class="text-muted small">
-											{{ format_size(file.size) }}
-										</span>
-									</a>
-								{% end %}
-							</div>
-						</div>
-					</div>
-				</div>
-			{% end %}
-		</section>
-	</div>-->
-
-<!--	<div class="container">
-		<section class="section">
+	<section class="section">
+		<div class="container">
 			<div class="columns is-multiline">
 				{% for arch in release.arches %}
-					<div class="columns is-half">
-						<div class="card">
-							<div class="card-header">
+					<div class="column is-one-third has-background-primary-light">
+						<h4 class="title is-4">{{ arch }}</h4>
 
-							</div>
-							<hr>
-							<div class="card-content">
-								{% for file in release.get_files_by_arch(arch) %}
-									<a class="list-group-item list-group-item-action
-											d-flex justify-content-between align-items-center download-splash" href="{{ file.url }}">
-										<span>
-											<i class="fas fa-download text-primary"></i> {{ _(file.desc) }}
+						<ul>
+							{% for file in release.get_files_by_arch(arch) %}
+								<li>
+									<a href="{{ file.url }}">
+										<span class="icon-text">
+											<span class="icon">
+												<i class="fas fa-download"></i>
+											</span>
+											<span>{{ _(file.desc) }}</span>
 										</span>
 
-										<span class="text-muted small">
+										<small class="has-text-grey">
 											{{ format_size(file.size) }}
-										</span>
+										</small>
 									</a>
-								{% end %}
-							</div>
-						</div>
+								</li>
+							{% end %}
+						</ul>
 					</div>
 				{% end %}
 			</div>
-		</section>
-	</div>-->
-
-<div class="container">
-	<section class="section">
-		<div class="columns is-multiline">
-			{% for arch in release.arches %}
-				<div class="column is-one-third">
-					<div class="has-background-primary-light">
-						<div class="card-header"></div>
-
-						<div class="card-content">
-							<h4 class="title is-4 has-font-weight-bold">{{ arch }}</h4>
-							{% for file in release.get_files_by_arch(arch) %}
-								<a class="" href="{{ file.url }}">
-									<span>
-										<i class="fas fa-download text-primary"></i> {{ _(file.desc) }}
-									</span>
-									<span class="text-muted small">
-										{{ format_size(file.size) }}
-									</span>
-								</a>
-								<br>
-							{% end %}
-						</div>
-					</div>
-				</div>
-			{% end %}
 		</div>
 	</section>
-</div>
-
-	<!--<div class="container">
-		<section>
-
 
-			<div class="row row-cols-2 row-cols-lg-4 g-4">
-				{% for arch in release.arches %}
-					<div class="col">
-						<div class="card">
-							<div class="card-body">
-								<h6 class="card-title mb-0">
-									{{ arch }}
-
-									{% if arch in release.experimental_arches %}
-										<span class="badge bg-success">{{ _("Experimental") }}</span>
-									{% elif arch in release.secondary_arches %}
-										<span class="badge bg-warning">{{ _("Legacy") }}</span>
-									{% end %}
-								</h6>
-							</div>
-
-							<div class="list-group list-group-flush">
-								{% for file in release.get_files_by_arch(arch) %}
-									<a class="list-group-item list-group-item-action
-											d-flex justify-content-between align-items-center download-splash" href="{{ file.url }}">
-										<span>
-											<i class="fas fa-download text-primary"></i> {{ _(file.desc) }}
-										</span>
-
-										<span class="text-muted small">
-											{{ format_size(file.size) }}
-										</span>
-									</a>
-								{% end %}
-							</div>
-						</div>
-					</div>
-				{% end %}
-			</div>
-		</section>
-	</div>-->
 	<section class="section">
 		<div class="container">
 			<section class="hero has-background-primary-light">
@@ -226,4 +128,4 @@
 			window.location = "/download/thank-you?file=" + this.href;
 		});
 	</script>
-{% end %}
\ No newline at end of file
+{% end %}
-- 
2.47.3