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 37b996007f0953aa9b72ca52e0ae47efa8ee9625..aec3a2c50cd3a6997cd10aa9a22fe3d0491272ba 100644 (file)
--- 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 %}