fireinfo: Reformat release information

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

diff --git a/src/templates/fireinfo/index.html b/src/templates/fireinfo/index.html
index 4e834557f51ce9f084701f45c5d346b2acfb2a30..9e0f38fe8a1319c94a7f2476932fb727a0253a1f 100644 (file)
--- a/src/templates/fireinfo/index.html
+++ b/src/templates/fireinfo/index.html
@@ -30,22 +30,24 @@
 
        <section class="inverse">
                <div class="container">
-                       <div class="row justify-content-center">
-                               <div class="col-12 col-md-3">
-                                       <img class="img-fluid my-5" src="{{ static_url("img/ipfire-tux.png") }}" alt="IPFire Logo" />
-                               </div>
-
+                       <div class="row justify-content-center align-items-center">
                                {% if latest_release %}
-                                       <div class="col-12 col-md-4 d-flex align-items-center">
+                                       <div class="col-12 col-md-4 text-center text-md-right">
                                                <div>
                                                        <h1 class="display-1 text-primary mb-0">
                                                                {{ "%.2f%%" % (latest_release.penetration * 100) }}
                                                        </h1>
 
-                                                       <h5>{{ _("of all IPFire systems are on %s") % latest_release }}</h5>
+                                                       <h5>
+                                                               {{ _("of all IPFire systems are on the latest release, released %s") % locale.format_date(latest_release.published, relative=True, shorter=True) }}
+                                                       </h5>
                                                </div>
                                        </div>
                                {% end %}
+
+                               <div class="col-12 col-md-3 text-center text-md-left">
+                                       <img class="img-fluid my-5" src="{{ static_url("img/ipfire-tux.png") }}" alt="IPFire Logo" />
+                               </div>
                        </div>
                </div>
        </section>