fireinfo: Make hypervisors headline stronger

[ipfire.org.git] / src / templates / fireinfo / index.html

{% extends "../base.html" %}

{% block title %}{{ _("Fireinfo") }}{% end block %}

{% block container %}
	<section>
		<div class="container">
			<div class="row">
				<div class="col col-lg-8">
					<h1 class="display-2">{{ _("Fireinfo") }}</h1>

					<p>
						<strong>Fireinfo</strong> is a tool that anonymously collects statistical
						data from IPFire systems
					</p>
				</div>
			</div>
		</div>
	</section>

	<div class="container">
		<div class="row justify-content-center my-5">
			<div class="col-12 col-sm-8 col-lg-6 col-xl-4">
				<a class="btn btn-primary btn-lg btn-block" href="/profile/random">
					{{ _("Show a Random Profile") }}
				</a>
			</div>
		</div>
	</div>

	<section class="inverse">
		<div class="container">
			<div class="row justify-content-center align-items-center">
				{% if latest_release %}
					<div class="col-12 col-md-4 text-center text-md-right">
						<div>
							<h1 class="display-1 text-primary mb-0">
								{{ "%.2f%%" % (latest_release.penetration * 100) }}
							</h1>

							<h5>
								{{ _("of all IPFire systems are on the latest release, released %s") % locale.format_date(latest_release.published, relative=True, shorter=True) }}
							</h5>
						</div>
					</div>
				{% end %}

				<div class="col-12 col-md-3 text-center text-md-left">
					<img class="img-fluid my-5" src="{{ static_url("img/ipfire-tux.png") }}" alt="IPFire Logo" />
				</div>
			</div>
		</div>
	</section>

	<section>
		<div class="container">
			<div class="row align-items-center">
				<div class="col-12 col-md-6">
					<h4>{{ _("CPU Vendors") }}</h4>

					<dl class="row">
						{% for name, percentage in cpu_vendors %}
							<dt class="col-sm-3">{{ name }}</dt>

							<dd class="col-sm-9">
								{% module ProgressBar(percentage, "success") %}
							</dd>
						{% end %}
					</dl>

					<h4>{{ _("Architectures") }}</h4>

					<dl class="row">
						{% for name, percentage in arches %}
							<dt class="col-sm-3">{{ name }}</dt>

							<dd class="col-sm-9">
								{% module ProgressBar(percentage, "success") %}
							</dd>
						{% end %}
					</dl>
				</div>

				<div class="col-12 col-md-6 text-center">
					<h1>{{ format_size(memory_avg * 1024, "MB") }}</h1>

					<p class="text-muted">
						{{ _("Average Amount of Memory") }}
					</p>
				</div>
			</div>
		</div>
	</section>

	<section class="inverse">
		<div class="container">
			<div class="row">
				<div class="col-12 col-md-6 d-flex align-items-center text-md-right">
					<div>
						<h1 class="display-1 text-success mb-0">
							{{ "%.2f%%" % (virtual_ratio * 100) }}
						</h1>

						<h5>{{ _("of all IPFire systems are running in a virtual environment") }}</h5>
					</div>
				</div>

				<div class="col-12 col-md-6">
					<h4>{{ _("Top Hypervisors") }}</h4>

					<dl class="row">
						{% for name, percentage in hypervisors %}
							{% if percentage >= 0.01 %}
								<dt class="col-sm-3">
									{% if name == "unknown" %}
										<span class="text-muted">{{ _("Unknown") }}</span>
									{% elif name == "VMWare" %}
										VMware
									{% else %}
										{{ name }}
									{% end %}
								</dt>

								<dd class="col-sm-9">
									{% module ProgressBar(percentage, "success") %}
								</dd>
							{% end %}
						{% end %}
					</dl>
				</div>
			</div>
		</div>
	</section>
{% end block %}