downloads: Update page design

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

diff --git a/src/templates/download/release.html b/src/templates/download/release.html
index 9f9b905451a1268f484ba8ad4a6e9d5dfef84b17..88e9649cc495533ba6227124634870851186d596 100644 (file)
--- 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 %}