From: Michael Tremer <michael.tremer@ipfire.org>
Date: Tue, 16 Oct 2018 09:13:47 +0000 (+0100)
Subject: download: Make download page look similar to other pages
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=ed07e1fab13c16e9165031bd35f600e189d844f2;p=ipfire.org.git

download: Make download page look similar to other pages

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

diff --git a/src/templates/download/release.html b/src/templates/download/release.html
index 37b99600..aec3a2c5 100644
--- a/src/templates/download/release.html
+++ b/src/templates/download/release.html
@@ -2,62 +2,80 @@
 
 {% block title %}{{ _("Download %s") % release }}{% end block %}
 
-{% block content %}
-	<div class="text-center my-5">
-		<h1 class="mb-0">{{ release }}</h1>
-		<h6 class="text-muted">
-			{{ _("Released %s") % locale.format_date(release.published, relative=False, shorter=True) }}
-
-			{% if release.blog %}
-				&bull;
-				<a href="https://blog.ipfire.org/post/{{ release.blog.slug }}">{{ _("Release Notes") }}</a>
-			{% end %}
-		</h6>
-	</div>
-
-	<div class="card-deck">
-		{% for arch in release.arches %}
-			<div class="card">
-				<div class="card-header text-center">
-					<h6 class="my-0">{{ arch }}</h6>
+{% block container %}
+	<section>
+		<div class="container">
+			<div class="row">
+				<div class="col col-lg-12">
+					<h1 class="display-2 mb-0">{{ _("Download") }}</h1>
 				</div>
+			</div>
+		</div>
+	</section>
 
-				<ul class="list-group list-group-flush">
-					{% for file in release.get_files_by_arch(arch) %}
-						<li class="list-group-item d-flex flex-column align-items-start">
-							<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>
-						</li>
+	<section class="inverse">
+		<div class="container">
+			<div class=" my-5">
+				<h1 class="mb-0">{{ release }}</h1>
+				<h6 class="text-muted">
+					{{ _("Released %s") % locale.format_date(release.published, relative=True, shorter=True) }}
+
+					{% if release.blog %}
+						&bull;
+						<a href="https://blog.ipfire.org/post/{{ release.blog.slug }}">{{ _("Release Notes") }}</a>
 					{% end %}
-				</ul>
+				</h6>
+			</div>
+
+			<div class="card-deck">
+				{% for arch in release.arches %}
+					<div class="card">
+						<div class="card-header text-center">
+							<h6 class="my-0">{{ arch }}</h6>
+						</div>
+
+						<ul class="list-group list-group-flush">
+							{% for file in release.get_files_by_arch(arch) %}
+								<li class="list-group-item d-flex flex-column align-items-start">
+									<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>
+								</li>
+							{% end %}
+						</ul>
+					</div>
+				{% end %}
+			</div>
+
+			<p class="mx-1 my-3">
+				<strong>{{ _("Running IPFire in the Cloud?") }}</strong>
+
+				<a href="https://aws.amazon.com/marketplace/pp/B07HYRD4FX">
+					{{ _("IPFire is available on Amazon Cloud") }} <!-- XXX external link icon -->
+				</a>
+			</p>
+		</div>
+	</section>
+
+	<section>
+		<div class="container">
+			<ul class="nav justify-content-center my-3">
+				<li class="nav-item">
+					<a class="nav-link" data-toggle="collapse" href="#checksums">
+						{{ _("Checksums") }}
+					</a>
+				</li>
+			</ul>
+
+			<div class="collapse" id="checksums">
+				<div class="card card-body">
+					<pre class="mb-0">{% for f in release.files %}{{ "%-50s SHA1: %s\n" % (f.basename, f.sha1) }}{% end %}</pre>
+				</div>
 			</div>
-		{% end %}
-	</div>
-
-	<p class="mx-1 my-3">
-		<strong>{{ _("Running IPFire in the Cloud?") }}</strong>
-
-		<a href="https://aws.amazon.com/marketplace/pp/B07HYRD4FX">
-			{{ _("IPFire is available on Amazon Cloud") }} <!-- XXX external link icon -->
-		</a>
-	</p>
-
-	<ul class="nav justify-content-center my-3">
-		<li class="nav-item">
-			<a class="nav-link" data-toggle="collapse" href="#checksums">
-				{{ _("Checksums") }}
-			</a>
-		</li>
-	</ul>
-
-	<div class="collapse" id="checksums">
-		<div class="card card-body">
-			<pre class="mb-0">{% for f in release.files %}{{ "%-50s SHA1: %s\n" % (f.basename, f.sha1) }}{% end %}</pre>
 		</div>
-	</div>
+	</section>
 {% end block %}