fireinfo/processors: restyled the page

diff --git a/src/templates/fireinfo/processors.html b/src/templates/fireinfo/processors.html
index 58daac126ae09b28a5c62307fa755f2f4679139e..56dddbccae9d96c67089296218a02cb535fb6c07 100644 (file)
--- 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 %}