From: Michael Tremer <michael.tremer@ipfire.org>
Date: Fri, 26 Oct 2018 12:25:19 +0000 (+0100)
Subject: download: Redesign page
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=02d212c2a5ec2ba7d7c553d1f3c424a226bf1504;p=ipfire.org.git

download: Redesign page

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

diff --git a/src/templates/download/release.html b/src/templates/download/release.html
index 479cfe48..2437248e 100644
--- a/src/templates/download/release.html
+++ b/src/templates/download/release.html
@@ -1,31 +1,19 @@
 {% extends "../base.html" %}
 
-{% block title %}{{ _("Download %s") % release }}{% end block %}
+{% block title %}{{ release }}{% end block %}
 
 {% 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>
-
-	<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) }}
+			<h1 class="mb-0">{{ release }}</h1>
+			<h6 class="text-muted mb-5">
+				{{ _("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 %}
-				</h6>
-			</div>
+				{% if release.blog %}
+					&bull;
+					<a href="https://blog.ipfire.org/post/{{ release.blog.slug }}">{{ _("Release Notes") }}</a>
+				{% end %}
+			</h6>
 
 			<div class="card-deck">
 				{% for arch in release.arches %}
@@ -51,18 +39,6 @@
 				{% 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">
@@ -78,4 +54,28 @@
 			</div>
 		</div>
 	</section>
+
+	<section class="inverse">
+		<div class="container">
+			<div class="row flex-md-row-reverse">
+				<div class="col-12 col-md-4 text-center text-md-right">
+					<span class="fas fa-cloud fa-10x my-5"></span>
+				</div>
+
+				<div class="col-12 col-md-8">
+					<h1>{{ _("Running IPFire in the Cloud?") }}</h1>
+
+					<p>
+						{{ _("IPFire is now available in the Amazon Cloud.") }}
+						{{ _("Create flexible firewall rules and use our Intrusion Detection System to protect your servers in the Cloud.") }}
+						{{ _("Connect to them securely using our VPN technologies.") }}
+					</p>
+
+					<a class="btn btn-lwl" href="https://aws.amazon.com/marketplace/pp/B07HYRD4FX">
+						{{ _("Go to Amazon Web Services") }} <span class="fas fa-external-link-alt ml-2"></span>
+					</a>
+				</div>
+			</div>
+		</div>
+	</section>
 {% end block %}