- {% 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>