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 479cfe485ccf8f454620151525ea9df62fa9a08d..2437248e28831c8e0d1d6e21fb8a968321b4ce91 100644 (file)
--- 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 %}