downloads: Cleanup markup on release 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 0c8a4f9a4848d7dbcf4c8d586cf799498671c6d1..da54aabd63d42027ab9bb090185c5a313c3ec3e9 100644 (file)
--- a/src/templates/download/release.html
+++ b/src/templates/download/release.html
@@ -16,152 +16,54 @@
                                                </li>
                                        </ul>
                                </nav>
+
                                <h1 class="title is-1">
-                                       Download {{ release }}
+                                       {{ _("Download %s") % release }}
                                </h1>
-                               <p class="subtitle">
+
+                               <h6 class="subtitle is-6">
                                        {{ _("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 %}
-                               </p>
+                               </h6>
                        </div>
                </div>
        </section>
 
-       <!--<div class="container">
-               <section class="section">
-                       <div class="columns is-variable is-multiline">
-                               {% for arch in release.arches %}
-                                       <div class="column is-half">
-                                               <div class="card">
-                                                       <div class="card-header">
-                                                               <h4 class="title is-4 has-font-weight-bold">{{ arch }}</h4>
-                                                       </div>
-                                                       <hr>
-                                                       <div class="card-content">
-                                                               {% for file in release.get_files_by_arch(arch) %}
-                                                                       <a class="list-group-item list-group-item-action
-                                                                                       d-flex justify-content-between align-items-center download-splash" href="{{ file.url }}">
-                                                                               <span>
-                                                                                       <i class="fas fa-download text-primary"></i> {{ _(file.desc) }}
-                                                                               </span>
-
-                                                                               <span class="text-muted small">
-                                                                                       {{ format_size(file.size) }}
-                                                                               </span>
-                                                                       </a>
-                                                               {% end %}
-                                                       </div>
-                                               </div>
-                                       </div>
-                               </div>
-                       {% end %}
-               </section>
-       </div>-->
-
-<!--   <div class="container">
-               <section class="section">
+       <section class="section">
+               <div class="container">
                        <div class="columns is-multiline">
                                {% for arch in release.arches %}
-                                       <div class="columns is-half">
-                                               <div class="card">
-                                                       <div class="card-header">
+                                       <div class="column is-one-third has-background-primary-light">
+                                               <h4 class="title is-4">{{ arch }}</h4>
 
-                                                       </div>
-                                                       <hr>
-                                                       <div class="card-content">
-                                                               {% for file in release.get_files_by_arch(arch) %}
-                                                                       <a class="list-group-item list-group-item-action
-                                                                                       d-flex justify-content-between align-items-center download-splash" href="{{ file.url }}">
-                                                                               <span>
-                                                                                       <i class="fas fa-download text-primary"></i> {{ _(file.desc) }}
+                                               <ul>
+                                                       {% for file in release.get_files_by_arch(arch) %}
+                                                               <li>
+                                                                       <a href="{{ file.url }}">
+                                                                               <span class="icon-text">
+                                                                                       <span class="icon">
+                                                                                               <i class="fas fa-download"></i>
+                                                                                       </span>
+                                                                                       <span>{{ _(file.desc) }}</span>
                                                                                </span>
 
-                                                                               <span class="text-muted small">
+                                                                               <small class="has-text-grey">
                                                                                        {{ format_size(file.size) }}
-                                                                               </span>
+                                                                               </small>
                                                                        </a>
-                                                               {% end %}
-                                                       </div>
-                                               </div>
+                                                               </li>
+                                                       {% end %}
+                                               </ul>
                                        </div>
                                {% end %}
                        </div>
-               </section>
-       </div>-->
-
-<div class="container">
-       <section class="section">
-               <div class="columns is-multiline">
-                       {% for arch in release.arches %}
-                               <div class="column is-one-third">
-                                       <div class="has-background-primary-light">
-                                               <div class="card-header"></div>
-
-                                               <div class="card-content">
-                                                       <h4 class="title is-4 has-font-weight-bold">{{ arch }}</h4>
-                                                       {% for file in release.get_files_by_arch(arch) %}
-                                                               <a class="" href="{{ file.url }}">
-                                                                       <span>
-                                                                               <i class="fas fa-download text-primary"></i> {{ _(file.desc) }}
-                                                                       </span>
-                                                                       <span class="text-muted small">
-                                                                               {{ format_size(file.size) }}
-                                                                       </span>
-                                                               </a>
-                                                               <br>
-                                                       {% end %}
-                                               </div>
-                                       </div>
-                               </div>
-                       {% end %}
                </div>
        </section>
-</div>
-
-       <!--<div class="container">
-               <section>
-
 
-                       <div class="row row-cols-2 row-cols-lg-4 g-4">
-                               {% for arch in release.arches %}
-                                       <div class="col">
-                                               <div class="card">
-                                                       <div class="card-body">
-                                                               <h6 class="card-title mb-0">
-                                                                       {{ arch }}
-
-                                                                       {% if arch in release.experimental_arches %}
-                                                                               <span class="badge bg-success">{{ _("Experimental") }}</span>
-                                                                       {% elif arch in release.secondary_arches %}
-                                                                               <span class="badge bg-warning">{{ _("Legacy") }}</span>
-                                                                       {% end %}
-                                                               </h6>
-                                                       </div>
-
-                                                       <div class="list-group list-group-flush">
-                                                               {% for file in release.get_files_by_arch(arch) %}
-                                                                       <a class="list-group-item list-group-item-action
-                                                                                       d-flex justify-content-between align-items-center download-splash" href="{{ file.url }}">
-                                                                               <span>
-                                                                                       <i class="fas fa-download text-primary"></i> {{ _(file.desc) }}
-                                                                               </span>
-
-                                                                               <span class="text-muted small">
-                                                                                       {{ format_size(file.size) }}
-                                                                               </span>
-                                                                       </a>
-                                                               {% end %}
-                                                       </div>
-                                               </div>
-                                       </div>
-                               {% end %}
-                       </div>
-               </section>
-       </div>-->
        <section class="section">
                <div class="container">
                        <section class="hero has-background-primary-light">
@@ -226,4 +128,4 @@
                        window.location = "/download/thank-you?file=" + this.href;
                });
        </script>
-{% end %}
\ No newline at end of file
+{% end %}