Merge branch 'fireinfo-wip' into new-design

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

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

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

{% block container %}
	<section class="hero is-medium is-primary">
		<div class="hero-body">
			<div class="container">
				<nav class="breadcrumb" aria-label="breadcrumbs">
					<ul>
						<li>
							<a href="https://ipfire.org/">
								Home
							</a>
						</li>
						<li class="is-active">
							<a href="/">
								{{ _("Fireinfo") }}
							</a>
						</li>
					</ul>
				</nav>

				<h1 class="title">{{ _("Fireinfo") }}</h1>

				<a class="button is-dark is-medium" href="/profile/random">
					{{ _("Show a Random Profile") }}
				</a>
			</div>
		</div>
	</section>

	<section class="section">
		<div class="container">
			<div class="columns is-vcentered">
				{% if latest_release %}
					{% set usage = latest_release.get_usage(when=when) %}

					<div class="column is-half is-centered">
						<div>
							<h1 class="title has-text-primary">
								{{ "%.2f%%" % (usage * 100) }}
							</h1>

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

							<a class="button is-primary is-outlined" href="/releases">
								{{ _("See All Releases") }}
							</a>
						</div>
					</div>
				{% end %}

				<div class="column is-one-third is-centered">
					<img src="{{ static_url("img/ipfire-tux.png") }}" alt="IPFire Logo" />
				</div>
			</div>
		</div>
	</section>

	<section class="section has-background-primary-light">
		<div class="container">
			<h4 class="title is-4">{{ _("Locations") }}</h4>

			{% for cc in sorted(locations, key=lambda cc: locations[cc], reverse=True) %}
				<div class="columns is-mobile">
					{% if locations[cc] >= 0.01 %}
						<div class="column is-one-fifth">
							<span class="flag-icon flag-icon-{{ cc.lower() }}"></span>
							<span class="">{{ format_country_name(cc) }}</span>
						</div>

						<div class="column is-7">
							{% module ProgressBar(locations[cc], "success") %}
						</div>
					{% end %}
				</div>
			{% end %}

			{% set other_countries = [cc for cc in locations if locations[cc] < 0.01] %}

			{% if other_countries %}
				<p>
					<span class="has-text-weight-bold">IPFire<span class="has-text-primary">_</span></span>
					{{_("is also running in these countries: %s") % locale.list([(format_country_name(cc) or cc) for cc in other_countries]) }}
				</p>
			{% end %}
		</div>
	</section>

	<section class="section">
		<div class="container">
			<div class="columns is-vcentered">
				<div class="column is-half">
					<div class="block">
						<h4 class="title is-4">{{ _("CPU Vendors") }}</h4>

						{% for vendor in sorted(cpu_vendors, key=lambda v: cpu_vendors[v], reverse=True) %}
							<div class="columns">
								<div class="column is-1">{{ vendor }}</div>

								<div class="column">
									{% module ProgressBar(cpu_vendors[vendor], "success") %}
								</div>
							</div>
						{% end %}

						<a class="button is-primary" href="/processors">
							{{ _("Processor Features") }}
						</a>
					</div>

					<div class="block">
						<h4 class="title is-4">{{ _("Architectures") }}</h4>

						{% for arch in sorted(arches, key=lambda a: arches[a], reverse=True) %}
							<div class="columns">
								<div class="column is-1">{{ arch }}</div>

								<div class="column">
									{% module ProgressBar(arches[arch], "success") %}
								</div>
							</div>
						{% end %}
					</div>
				</div>
				<div class="column is-half has-text-centered">
						<h1 class="title">{{ format_size(memory_avg * 1024, "MB") }}</h1>

						<span class="tag">
								{{ _("Average Amount of Memory") }}
						</span>
				</div>
			</div>
		</div>
	</section>

	<section class="section">
		<div class="container">
			<div class="columns is-vcentered">
				<div class="column is-half has-text-centered">
					<h1 class="title has-text-primary">
						{{ "%.2f%%" % (virtual_ratio * 100) }}
					</h1>

					<h5 class="title is-5">{{ _("of all IPFire systems are running in a virtual environment") }}</h5>
				</div>

				<div class="column is-half">
					<h4 class="title is-4">{{ _("Top Hypervisors") }}</h4>

					{% for vendor in sorted(hypervisors, key=lambda v: hypervisors[v], reverse=True) %}
						<div class="columns">
							{% if hypervisors[vendor] >= 0.01 %}
								<div class="column is-1">
									{% if vendor == "unknown" %}
										<span class="text-muted">{{ _("Unknown") }}</span>
									{% elif vendor == "VMWare" %}
										VMware
									{% else %}
										{{ vendor }}
									{% end %}
								</div>

								<div class="column is-8">
									{% module ProgressBar(hypervisors[vendor], "success") %}
								</div>
							{% end %}
						</div>
					{% end %}
				</div>
			</div>
		</div>
	</section>
{% end block %}