Bootstrap 4 migration: fireinfo page (part)

[people/shoehn/ipfire.org.git] / templates / fireinfo / index.html

diff --git a/templates/fireinfo/index.html b/templates/fireinfo/index.html
index 0e229f9c2a2ca169e34f53489c0be622b828f4aa..0f9f142d327fb4405f67c43554242132953c7b44 100644 (file)
--- a/templates/fireinfo/index.html
+++ b/templates/fireinfo/index.html
@@ -3,59 +3,59 @@
 {% block title %}Fireinfo{% end block %}
 
 {% block body %}
-       {% if lang == "de" %}
-               <p class="lead ac">
-                       <strong>Fireinfo</strong> ist ein Tool, welches anonym Informationen
-                       über die in IPFire-Systemen verbaute Hardware sammelt.
-               </p>
-               <p class="lead ac">
-                       Diese Daten sollen den Entwicklern helfen zu erkennen, welche
-                       Hardware am häufigsten eingesetzt wird und sind auch hilfreich
-                       um Hardware-Probleme ausfindig zu machen.
-               </p>
-       {% else %}
-               <p class="lead ac">
-                       <strong>Fireinfo</strong> is a tool that anonymously collects statistical
-                       data from IPFire systems.
-               </p>
-               <p class="lead ac">
-                       These data should help the developers to learn
-                       which hardware is used most often to run an IPFire system, but is also
-                       handy when it comes to debugging hardware problems.
-               </p>
-       {% end %}
-
-       <hr>
-
-       <div class="row">
-               <div class="col-lg-8 col-md-8 col-lg-offset-2 well ac">
-                       {% if lang == "de" %}
-                               <p>
-                                       Bitte geben Sie die Profil-ID von ihrem System ein, welche
-                                       Sie auf der Fireinfo-Seite des Webinterfaces finden können:
-                               </p>
-                       {% else %}
-                               <p>
-                                       Please enter the profile ID of your system, which can be found
-                                       on the fireinfo page on the web interface, to see your profile:
-                               </p>
-                       {% end %}
-
-                       <hr>
-
-                       <form class="form-inline" method="POST" action="" role="form">
-                               <div class="form-group">
-                                       <label class="sr-only" for="profileId">{{ _("Profile ID") }}</label>
-                                       <input type="text" class="form-control" name="profile_id" id="profileId"
-                                               value="" placeholder="{{ _("Profile ID") }}">
-                                       <button type="submit" class="btn btn-default">{{ _("Show") }}</button>
-                               </div>
-                               {% raw xsrf_form_html() %}
-                       </form>
-
-                       <br>
-
-                       <a href="/profile/random" class="text-muted">{{ _("Random profile") }}</a>
+<div class="container">
+       <section class="features-content col-12">
+               <h2 class="display-2 text-center mb-0">{{ _("Fireinfo") }}</h2>                 
+               {% if lang == "de" %}
+                       <p class="lead text-center">
+                               <strong>Fireinfo</strong> ist ein Tool, welches anonym Informationen
+                               über die in IPFire-Systemen verbaute Hardware sammelt.
+                       </p>
+                       <p>
+                               Diese Daten sollen den Entwicklern helfen zu erkennen, welche
+                               Hardware am häufigsten eingesetzt wird und sind auch hilfreich
+                               um Hardware-Probleme ausfindig zu machen.
+                       </p>
+               {% else %}
+                       <p class="lead text-center">
+                               <strong>Fireinfo</strong> is a tool that anonymously collects statistical
+                               data from IPFire systems.
+                       </p>
+                       <p>
+                               These data should help the developers to learn
+                               which hardware is used most often to run an IPFire system, but is also
+                               handy when it comes to debugging hardware problems.
+                       </p>
+               {% end %}
+               
+               <div class="row mt-6">
+                       <div class="col">
+                               {% if lang == "de" %}
+                                       <p>
+                                               Bitte geben Sie die Profil-ID von ihrem System ein, welche
+                                               Sie auf der Fireinfo-Seite des Webinterfaces finden können:
+                                       </p>
+                               {% else %}
+                                       <p>
+                                               Please enter the profile ID of your system, which can be found
+                                               on the fireinfo page on the web interface, to see your profile:
+                                       </p>
+                               {% end %}
+                       </div>
+                       <div class="col">
+                               <form class="form-inline" method="POST" action="" role="form">
+                                       <div class="form-group">
+                                               <label class="sr-only" for="profileId">{{ _("Profile ID") }}</label>
+                                               <input type="text" class="form-control" name="profile_id" id="profileId"
+                                                       value="" placeholder="{{ _("Profile ID") }}">
+                                               <button type="submit" class="btn btn-default">{{ _("Show") }}</button>
+                                       </div>
+                                       {% raw xsrf_form_html() %}
+                               </form>
+
+                               <p><a href="/profile/random" class="text-muted">{{ _("Random profile") }}</a></p>
+                       </div>
                </div>
-       </div>
+       </section>
+</div>
 {% end block %}