From: Rico Hoppe <rico.hoppe@ipfire.org>
Date: Sat, 21 Oct 2023 16:26:33 +0000 (+0000)
Subject: fireinfo/processors: restyled the page
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=6acd5344203d7a94a5e3133a166fa3c731e072ea;p=ipfire.org.git

fireinfo/processors: restyled the page
---

diff --git a/src/templates/fireinfo/processors.html b/src/templates/fireinfo/processors.html
index 58daac12..56dddbcc 100644
--- a/src/templates/fireinfo/processors.html
+++ b/src/templates/fireinfo/processors.html
@@ -3,97 +3,117 @@
 {% block title %}{{ _("Processors") }}{% end block %}
 
 {% block container %}
-	<section>
-		<div class="container">
-			<div class="row">
-				<div class="col-12">
-					<h1>{{ _("Processors") }}</h1>
-				</div>
+	<section class="hero is-primary">
+		<div class="hero-body">
+			<div class="container">
+				<nav class="breadcrumb is-medium" aria-label="breadcrumbs">
+					<ul>
+						<li>
+							<a href="https://ipfire.org/">
+								Home
+							</a>
+						</li>
+						<li>
+							<a href="/">
+								{{ _("Fireinfo") }}
+							</a>
+						</li>
+						<li class="is-active">
+							<a href="#">
+								{{ _("Processors") }}
+							</a>
+						</li>
+					</ul>
+				</nav>
+
+				<h1 class="title is-1">{{ _("Processors") }}</h1>
 			</div>
 		</div>
 	</section>
 
-	<div class="container">
-		{% for platform in flags %}
-			<h2>{{ platform }}</h2>
+	<section class="section">
+		<div class="container">
+			{% for platform in flags %}
+				<h2 class="title is-2">{{ platform }}</h2>
 
-			<dl class="row">
-				{% for flag, percentage in flags[platform] %}
-					<dt class="col-sm-4">
-						{% if flag == "aes" %}
-							{{ _("AES Instruction Set") }}
-						{% elif flag == "avx" %}
-							{{ _("AVX") }}
-						{% elif flag == "avx2" %}
-							{{ _("AVX2") }}
-						{% elif flag == "lpae" %}
-							{{ _("LPAE") }}
-						{% elif flag == "mmx" %}
-							{{ _("MMX") }}
-						{% elif flag == "mmxext" %}
-							{{ _("MMX2") }}
-						{% elif flag == "neon" %}
-							{{ _("NEON") }}
-						{% elif flag == "nx" %}
-							{{ _("No eXecute bit") }}
-						{% elif flag == "lm" %}
-							{{ _("Supports 64 bits") }}
-						{% elif flag == "pae" %}
-							{{ _("PAE") }}
-						{% elif flag == "pclmulqdq" %}
-							{{ _("PCLMULQDQ") }}
-						{% elif flag == "pni" %}
-							{{ _("SSE3") }}
-						{% elif flag == "popcnt" %}
-							{{ _("POPCNT") }}
-						{% elif flag == "rdrand" %}
-							{{ _("RDRAND") }}
-						{% elif flag == "rdseed" %}
-							{{ _("RDSEED") }}
-						{% elif flag == "sha" %}
-							{{ _("SHA") }}
-						{% elif flag == "sse" %}
-							{{ _("SSE") }}
-						{% elif flag == "sse2" %}
-							{{ _("SSE2") }}
-						{% elif flag == "sse4a" %}
-							{{ _("SSE4a") }}
-						{% elif flag == "sse4_1" %}
-							{{ _("SSE4.1") }}
-						{% elif flag == "sse4_2" %}
-							{{ _("SSE4.2") }}
-						{% elif flag == "ssse3" %}
-							{{ _("SSSE3") }}
-						{% elif flag == "thumb" %}
-							{{ _("Thumb") }}
-						{% elif flag == "thumb2" %}
-							{{ _("Thumb2") }}
-						{% elif flag == "thumbee" %}
-							{{ _("ThumbEE") }}
-						{% elif flag == "vfpv3" %}
-							{{ _("VFPv3") }}
-						{% elif flag == "vfpv4" %}
-							{{ _("VFPv4") }}
-						{% elif flag == "virt" %}
-							{{ _("Virtualization") }}
-						{% else %}
-							{{ flag }}
-						{% end %}
-					</dt>
+				<dl class="row">
+					{% for flag, percentage in flags[platform] %}
+						<dt class="col-sm-4">
+							{% if flag == "aes" %}
+								{{ _("AES Instruction Set") }}
+							{% elif flag == "avx" %}
+								{{ _("AVX") }}
+							{% elif flag == "avx2" %}
+								{{ _("AVX2") }}
+							{% elif flag == "lpae" %}
+								{{ _("LPAE") }}
+							{% elif flag == "mmx" %}
+								{{ _("MMX") }}
+							{% elif flag == "mmxext" %}
+								{{ _("MMX2") }}
+							{% elif flag == "neon" %}
+								{{ _("NEON") }}
+							{% elif flag == "nx" %}
+								{{ _("No eXecute bit") }}
+							{% elif flag == "lm" %}
+								{{ _("Supports 64 bits") }}
+							{% elif flag == "pae" %}
+								{{ _("PAE") }}
+							{% elif flag == "pclmulqdq" %}
+								{{ _("PCLMULQDQ") }}
+							{% elif flag == "pni" %}
+								{{ _("SSE3") }}
+							{% elif flag == "popcnt" %}
+								{{ _("POPCNT") }}
+							{% elif flag == "rdrand" %}
+								{{ _("RDRAND") }}
+							{% elif flag == "rdseed" %}
+								{{ _("RDSEED") }}
+							{% elif flag == "sha" %}
+								{{ _("SHA") }}
+							{% elif flag == "sse" %}
+								{{ _("SSE") }}
+							{% elif flag == "sse2" %}
+								{{ _("SSE2") }}
+							{% elif flag == "sse4a" %}
+								{{ _("SSE4a") }}
+							{% elif flag == "sse4_1" %}
+								{{ _("SSE4.1") }}
+							{% elif flag == "sse4_2" %}
+								{{ _("SSE4.2") }}
+							{% elif flag == "ssse3" %}
+								{{ _("SSSE3") }}
+							{% elif flag == "thumb" %}
+								{{ _("Thumb") }}
+							{% elif flag == "thumb2" %}
+								{{ _("Thumb2") }}
+							{% elif flag == "thumbee" %}
+								{{ _("ThumbEE") }}
+							{% elif flag == "vfpv3" %}
+								{{ _("VFPv3") }}
+							{% elif flag == "vfpv4" %}
+								{{ _("VFPv4") }}
+							{% elif flag == "virt" %}
+								{{ _("Virtualization") }}
+							{% else %}
+								{{ flag }}
+							{% end %}
+						</dt>
 
-					<dd class="col-sm-8">
-						{% if percentage >= 0.95 %}
-							{% module ProgressBar(percentage, "success") %}
-						{% elif percentage >= 0.5 %}
-							{% module ProgressBar(percentage, "warning") %}
-						{% elif percentage >= 0.1 %}
-							{% module ProgressBar(percentage, "info") %}
-						{% else %}
-							{% module ProgressBar(percentage, "danger") %}
-						{% end %}
-					</dd>
-				{% end %}
-			</dl>
-		{% end %}
-	</div>
+						<dd class="col-sm-8">
+							{% if percentage >= 0.95 %}
+								{% module ProgressBar(percentage, "success") %}
+							{% elif percentage >= 0.5 %}
+								{% module ProgressBar(percentage, "warning") %}
+							{% elif percentage >= 0.1 %}
+								{% module ProgressBar(percentage, "info") %}
+							{% else %}
+								{% module ProgressBar(percentage, "danger") %}
+							{% end %}
+						</dd>
+					{% end %}
+				</dl>
+			{% end %}
+		</div>
+	</section>
 {% end block %}