Bootstrap 4 migration: mirrors.dev.ipfire.org

diff --git a/templates/downloads-mirrors.html b/templates/downloads-mirrors.html
index c5e4a2b91485e16767ea09fa169afa90af04dd1d..f7fcbf3211b25d87084955784afc4ed4675408ac 100644 (file)
--- a/templates/downloads-mirrors.html
+++ b/templates/downloads-mirrors.html
@@ -3,69 +3,74 @@
 {% block title %}{{ _("Mirror-Server") }}{% end block %}
 
 {% block body %}
-       <div class="post">
-               <a name="latest"></a>
-               <h3>{{ _("IPFire Mirrors") }}</h3>
+<div class="container">
+       <section class="features-content col-12">
+               <h2 class="display-2 text-center">{{ _("IPFire Mirrors") }}</h2>
                
-               {% if lang == "de" %}
-                       <p>
-                               Diese Seite zeigt eine Liste der Mirror-Server des IPFire-Projektes.
-                       </p>
-
-                       <p>
-                               Bei einem Download wird einer der Server zufällig aus der Liste
-                               gewählt und der User umgeleitet.
-                       </p>
-                       
-                       <ul>
-                               <li>
-                                       <a href="http://wiki.ipfire.org/{{ lang }}/project/web"
-                                               target="_blank">Wie stelle ich selbst einen Mirror-Server bereit?</a>
-                               </li>
-                       </ul>
-               {% else %}
-                       <p>
-                               This page is an overview about our mirror servers.
-                       </p>
-
-                       <p>
-                               When a user downloads a file, one of the servers is arbitrarily
-                               choosen und the user gets reditected.
-                       </p>
-                       
-                       <ul>
-                               <li>
-                                       <a href="http://wiki.ipfire.org/{{ lang }}/project/web"
-                                               target="_blank">How do I contribute a mirror server?</a>
-                               </li>
-                       </ul>
-               {% end %}
-               <br class="clear" />
+               <div class="row">
+                       <div class="col">
+                               {% if lang == "de" %}
+                                       <p>
+                                               Diese Seite zeigt eine Liste der Mirror-Server des IPFire-Projektes.
+                                       </p>
                
-               <table class="download-mirrors">
-                       <tr>
-                               <th>{{ _("Owner") }}</th>
-                               <th>{{ _("Hostname") }}</th>
-                               <th>{{ _("Location") }}</th>
-                               <th>{{ _("Last update") }}</th>
-                               <th>&nbsp;</th>
-                       </tr>
-                       {% for mirror in mirrors %}
-                               <tr class="{{ mirror.state.lower() }}">
-                                       <td>{{ mirror.owner }}</td>
-                                       <td><a href="{{ mirror.url }}" target="_blank">{{ mirror.hostname }}</a></td>
-                                       <td>
-                                               <img src="{{ static_url("images/flags/%s.png" % mirror.country_code) }}"
-                                                        align="absmiddle" alt="{{ mirror.country_code }}" />
-                                               {{ mirror.location }}
-                                       </td>
-                                       <td>{{ locale.format_date(mirror.last_update) }}</td>
-                                       <td><a href="{{ mirror.id }}">{{ _("details") }}</a></td>
-                               </tr>
-                       {% end %}
-               </table>
-
-               <br class="clear" />
-       </div>
-
+                                       <p>
+                                               Bei einem Download wird einer der Server zufällig aus der Liste
+                                               gewählt und der User umgeleitet.
+                                       </p>
+                                       
+                                       <ul>
+                                               <li>
+                                                       <a href="http://wiki.ipfire.org/{{ lang }}/project/web"
+                                                               target="_blank">Wie stelle ich selbst einen Mirror-Server bereit?</a>
+                                               </li>
+                                       </ul>
+                               {% else %}
+                                       <p>
+                                               This page is an overview about our mirror servers.
+                                       </p>
+               
+                                       <p>
+                                               When a user downloads a file, one of the servers is arbitrarily
+                                               choosen und the user gets reditected.
+                                       </p>
+                                       
+                                       <ul>
+                                               <li>
+                                                       <a href="http://wiki.ipfire.org/{{ lang }}/project/web"
+                                                               target="_blank">How do I contribute a mirror server?</a>
+                                               </li>
+                                       </ul>
+                               {% end %}
+                       </div>
+               </div>
+               
+               <div class="row">
+                       <div class="col">
+                               <table class="download-mirrors">
+                                       <tr>
+                                               <th>{{ _("Owner") }}</th>
+                                               <th>{{ _("Hostname") }}</th>
+                                               <th>{{ _("Location") }}</th>
+                                               <th>{{ _("Last update") }}</th>
+                                               <th>&nbsp;</th>
+                                       </tr>
+                                       {% for mirror in mirrors %}
+                                               <tr class="{{ mirror.state.lower() }}">
+                                                       <td>{{ mirror.owner }}</td>
+                                                       <td><a href="{{ mirror.url }}" target="_blank">{{ mirror.hostname }}</a></td>
+                                                       <td>
+                                                               <img src="{{ static_url("images/flags/%s.png" % mirror.country_code) }}"
+                                                                        align="absmiddle" alt="{{ mirror.country_code }}" />
+                                                               {{ mirror.location }}
+                                                       </td>
+                                                       <td>{{ locale.format_date(mirror.last_update) }}</td>
+                                                       <td><a href="{{ mirror.id }}">{{ _("details") }}</a></td>
+                                               </tr>
+                                       {% end %}
+                               </table>
+                       </div>
+               </div>
+       </section>
+</div>
 {% end block %}

diff --git a/templates/mirrors.html b/templates/mirrors.html
index 1c5da56b252354ccc26ef87629c65e787ba54692..6b7060875271f0a2347cec3b019d74f37e59957f 100644 (file)
--- a/templates/mirrors.html
+++ b/templates/mirrors.html
@@ -3,25 +3,24 @@
 {% block title %}Mirrors{% end block %}
 
 {% block body %}
-       <div class="page-header">
-               <h1>mirrors.ipfire.org</h1>
-       </div>
-
-       {% if lang == "de" %}
-               <p>
+<div class="container">
+       <section class="features-content col-12">
+               <h2 class="display-2 text-center mb-0">mirrors.ipfire.org</h2>
+               {% if lang == "de" %}
+               <p class="lead">
                        Das IPFire-Projekt ist auf vielen Servern gehostet um
                        von jedem Ort der Welt die bestmögliche Verfügbarkeit
                        und Downloadgeschwindigkeit zu gewährleisten.
                </p>
-       {% else %}
-               <p>
-                       The IPFire project is hosted on several servers to provide a high
-                       availabilty of service and download speed from any place
-                       on the world.
-               </p>
-       {% end %}
-
-       <hr>
+               {% else %}
+                       <p class="lead">
+                               The IPFire project is hosted on several servers to provide a high
+                               availability of service and download speed from any place
+                               on the world.
+                       </p>
+               {% end %}
 
-       {% module MirrorsTable(mirrors, preferred_mirrors) %}
+               {% module MirrorsTable(mirrors, preferred_mirrors) %}
+       </section>
+</div>
 {% end block %}