Bootstrap 4 migration: fireinfo page (part)

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

{% extends "base.html" %}

{% block title %}Fireinfo{% end block %}

{% block body %}
<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>
	</section>
</div>
{% end block %}