website: the two-tone headings are back, and the home page's sections are ruled apart
gates / gates (push) Failing after 6m59s

Two notes from the operator, 2026-10-12: the white/blue heading split was lost
in the M3 switch and should return everywhere, the apps page categories
included; and the home page's sections ran into one another.

- 41 headings get their <span> back (home 5+5, apps 6+6, FAQ 6+7, services 3+3).
  The style never went away - site.css has styled `h2 span` blue all along; the
  M3 rewrite dropped the markup. No text changed: the span wraps words that were
  already there. The three home headings that predate M3 are split where they
  were split then.
- Apps and FAQ categories are new to the treatment: a name with an & splits
  there, a phrase on its last words. Five one-word headings stay plain.
- The home page's sections get a 1px --line rule with 2.75rem of air on each
  side, so it sits centred in the gap; the first also parts the hero from the
  page. Home page only.
- Blue on the page background measures 7.9:1 - AA at any size.
- site.css ?v=28.
This commit is contained in:
2026-10-12 13:18:59 +02:00
parent 6b6aca900c
commit 25ab47eeaa
25 changed files with 121 additions and 64 deletions
+7 -7
View File
@@ -366,7 +366,7 @@
<link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin.woff2">
<link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin-ext.woff2">
<!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
<link rel="stylesheet" href="/assets/site.css?v=27">
<link rel="stylesheet" href="/assets/site.css?v=28">
<link rel="stylesheet" href="/assets/shell.css?v=25">
<link rel="icon" type="image/png" href="/assets/logo_favicon_2.svg">
<script defer src="https://stats.felhom.eu/script.js" data-website-id="d419db57-5e1c-48df-bdb3-c29f25fb1661"></script>
@@ -514,7 +514,7 @@
<div class="faq-category" id="hardver">
<div class="faq-category-header">
<span class="faq-category-icon"><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-monitor"/></svg></span>
<h2>Hardver & Telepítés</h2>
<h2>Hardver & <span>Telepítés</span></h2>
</div>
<div class="faq-item">
@@ -598,7 +598,7 @@
<div class="faq-category" id="alkalmazasok">
<div class="faq-category-header">
<span class="faq-category-icon"><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-smartphone"/></svg></span>
<h2>Alkalmazások & Használat</h2>
<h2>Alkalmazások & <span>Használat</span></h2>
</div>
<div class="faq-item">
@@ -669,7 +669,7 @@
<div class="faq-category" id="biztonsag">
<div class="faq-category-header">
<span class="faq-category-icon"><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-lock"/></svg></span>
<h2>Biztonság & Adatvédelem</h2>
<h2>Biztonság & <span>Adatvédelem</span></h2>
</div>
<div class="faq-item">
@@ -722,7 +722,7 @@
<div class="faq-category" id="mentesek">
<div class="faq-category-header">
<span class="faq-category-icon"><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-hard-drive"/></svg></span>
<h2>Mentések & Adatbiztonság</h2>
<h2>Mentések & <span>Adatbiztonság</span></h2>
</div>
<div class="faq-item">
@@ -773,7 +773,7 @@
<div class="faq-category" id="uzemeltet">
<div class="faq-category-header">
<span class="faq-category-icon"><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-wrench"/></svg></span>
<h2>Üzemeltetés & Támogatás</h2>
<h2>Üzemeltetés & <span>Támogatás</span></h2>
</div>
<div class="faq-item">
@@ -887,7 +887,7 @@
<div class="faq-category" id="technikai">
<div class="faq-category-header">
<span class="faq-category-icon"><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-settings"/></svg></span>
<h2>Technikai kérdések</h2>
<h2>Technikai <span>kérdések</span></h2>
</div>
<div class="faq-item">