From d30a148054f61590aed4176651b09d6c88ef470e Mon Sep 17 00:00:00 2001
From: Michael Tremer <michael.tremer@ipfire.org>
Date: Tue, 10 Nov 2020 14:05:54 +0000
Subject: [PATCH] downloads: Update page design

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

diff --git a/src/templates/download/release.html b/src/templates/download/release.html
index 9f9b9054..88e9649c 100644
--- a/src/templates/download/release.html
+++ b/src/templates/download/release.html
@@ -3,56 +3,56 @@
 {% block title %}{{ release }}{% end block %}
 
 {% block container %}
-	<section>
+	<div class="header">
 		<div class="container">
-			<h6 class="mb-0">{{ _("Download") }}</h6>
+			<h1>{{ release }}</h1>
 
-			<h1 class="mb-0">{{ release }}</h1>
-
-			<h6 class="mb-5">
+			<p class="text-muted">
 				{{ _("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 %}
-			</h6>
+			</p>
+		</div>
+	</div>
 
+	<div class="container">
+		<section>
 			{% for arch in release.primary_arches %}
-				<div class="my-5">
-					<h5>{{ arch }}</h5>
-
-					<ul class="list-group">
-						{% for file in release.get_files_by_arch(arch) %}
-							<li class="list-group-item">
-								<div class="d-flex w-100 justify-content-between">
-									<a href="{{ file.url }}">{{ _(file.desc) }}</a>
-
-									{% if file.size >= 1024 * 1024 %}
-										<span class="text-muted">{{ format_size(file.size) }}</span>
-									{% end %}
-								</div>
+				<h5>{{ arch }}</h5>
+
+				<ul class="list-group mb-5">
+					{% for file in release.get_files_by_arch(arch) %}
+						<li class="list-group-item">
+							<div class="d-flex w-100 justify-content-between">
+								<a href="{{ file.url }}">{{ _(file.desc) }}</a>
+
+								{% if file.size >= 1024 * 1024 %}
+									<span class="text-muted">{{ format_size(file.size) }}</span>
+								{% end %}
+							</div>
+
+							<ul class="list-inline text-muted small mb-0 d-none d-md-block">
+								<li class="list-inline-item">
+									{{ "%s: %s" % ("SHA256" if file.sha256 else "SHA1", file.sha256 or file.sha1) }}
+								</li>
 
-								<ul class="list-inline text-muted small mb-0 d-none d-md-block">
+								{% if file.torrent_url %}
 									<li class="list-inline-item">
-										{{ "%s: %s" % ("SHA256" if file.sha256 else "SHA1", file.sha256 or file.sha1) }}
+										<a href="{{ file.torrent_url }}">
+											<i class="fas fa-download"></i> {{ _("Torrent Download") }}
+										</a>
 									</li>
-
-									{% if file.torrent_url %}
-										<li class="list-inline-item">
-											<a href="{{ file.torrent_url }}">
-												<i class="fas fa-download"></i> {{ _("Torrent Download") }}
-											</a>
-										</li>
-									{% end %}
-								</ul>
-							</li>
-						{% end %}
-					</ul>
-				</div>
+								{% end %}
+							</ul>
+						</li>
+					{% end %}
+				</ul>
 			{% end %}
-		</div>
-	</section>
+		</section>
+	</div>
 
 	<section class="inverse">
 		<div class="container">
@@ -79,52 +79,50 @@
 	</section>
 
 	{% if release.secondary_arches %}
-		<section>
-			<div class="container">
+		<div class="container">
+			<section>
 				<h3>{{ _("Secondary Architectures") }}</h3>
 
 				{% for arch in release.secondary_arches %}
-					<div class="my-5">
-						<h5>
-							{{ arch }}
-
-							{% if arch in release.experimental_arches %}
-								<span class="badge badge-success small">{{ _("Experimental") }}</span>
-							{% else %}
-								<span class="badge badge-warning small">{{ _("Legacy") }}</span>
-							{% end %}
-						</h5>
-
-						<ul class="list-group">
-							{% for file in release.get_files_by_arch(arch) %}
-								<li class="list-group-item">
-									<div class="d-flex w-100 justify-content-between">
-										<a href="{{ file.url }}">{{ _(file.desc) }}</a>
-
-										{% if file.size >= 1024 * 1024 %}
-											<span class="text-muted">{{ format_size(file.size) }}</span>
-										{% end %}
-									</div>
-
-									<ul class="list-inline text-muted small mb-0 d-none d-md-block">
+					<h5>
+						{{ arch }}
+
+						{% if arch in release.experimental_arches %}
+							<span class="badge badge-success small">{{ _("Experimental") }}</span>
+						{% else %}
+							<span class="badge badge-warning small">{{ _("Legacy") }}</span>
+						{% end %}
+					</h5>
+
+					<ul class="list-group mb-5">
+						{% for file in release.get_files_by_arch(arch) %}
+							<li class="list-group-item">
+								<div class="d-flex w-100 justify-content-between">
+									<a href="{{ file.url }}">{{ _(file.desc) }}</a>
+
+									{% if file.size >= 1024 * 1024 %}
+										<span class="text-muted">{{ format_size(file.size) }}</span>
+									{% end %}
+								</div>
+
+								<ul class="list-inline text-muted small mb-0 d-none d-md-block">
+									<li class="list-inline-item">
+										{{ "%s: %s" % ("SHA256" if file.sha256 else "SHA1", file.sha256 or file.sha1) }}
+									</li>
+
+									{% if file.torrent_url %}
 										<li class="list-inline-item">
-											{{ "%s: %s" % ("SHA256" if file.sha256 else "SHA1", file.sha256 or file.sha1) }}
+											<a href="{{ file.torrent_url }}">
+												<i class="fas fa-download"></i> {{ _("Torrent Download") }}
+											</a>
 										</li>
-
-										{% if file.torrent_url %}
-											<li class="list-inline-item">
-												<a href="{{ file.torrent_url }}">
-													<i class="fas fa-download"></i> {{ _("Torrent Download") }}
-												</a>
-											</li>
-										{% end %}
-									</ul>
-								</li>
-							{% end %}
-						</ul>
-					</div>
+									{% end %}
+								</ul>
+							</li>
+						{% end %}
+					</ul>
 				{% end %}
-			</div>
-		</section>
+			</section>
+		</div>
 	{% end %}
 {% end block %}
-- 
2.47.2