From: Sven Hoehn <shoehn@ipfire.org>
Date: Wed, 6 Dec 2017 16:51:53 +0000 (+0100)
Subject: Bootstrap 4 migration: mirrors.dev.ipfire.org
X-Git-Url: http://git.ipfire.org/?p=people%2Fshoehn%2Fipfire.org.git;a=commitdiff_plain;h=97e973bf1b7421b316b48cbd78e94d2a699254a3

Bootstrap 4 migration: mirrors.dev.ipfire.org
---

diff --git a/templates/downloads-mirrors.html b/templates/downloads-mirrors.html
index c5e4a2b..f7fcbf3 100644
--- 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 1c5da56..6b70608 100644
--- 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 %}