admin/felhom.eu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
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:
authentik Default Admin
2026-10-12 13:18:59 +02:00
parent 6b6aca900c
commit 25ab47eeaa
25 changed files with 121 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files
website/en/apps.html
+7 -7
View File
@@ -46,7 +46,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="/assets/gallery.js?v=2"></script>
@@ -121,7 +121,7 @@
<div class="category-section" id="files">
<div class="category-header">
<span class="category-icon"><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-folder"/></svg></span>
<h2>Files & Office</h2>
<h2>Files & <span>Office</span></h2>
<span class="app-count">6 apps + 1 built in</span>
</div>
<div class="app-grid">
@@ -263,7 +263,7 @@
<div class="category-section" id="media">
<div class="category-header">
<span class="category-icon"><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-tv"/></svg></span>
<h2>Media & Entertainment</h2>
<h2>Media & <span>Entertainment</span></h2>
<span class="app-count">15 apps</span>
</div>
<div class="app-grid">
@@ -539,7 +539,7 @@
<div class="category-section" id="home">
<div class="category-header">
<span class="category-icon"><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-home"/></svg></span>
<h2>Home & Lifestyle</h2>
<h2>Home & <span>Lifestyle</span></h2>
<span class="app-count">14 apps</span>
</div>
<div class="app-grid">
@@ -851,7 +851,7 @@
<div class="category-section" id="productivity">
<div class="category-header">
<span class="category-icon"><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-chart-column"/></svg></span>
<h2>Productivity & Knowledge</h2>
<h2>Productivity & <span>Knowledge</span></h2>
<span class="app-count">12 apps</span>
</div>
<div class="app-grid">
@@ -1083,7 +1083,7 @@
<div class="category-section" id="system">
<div class="category-header">
<span class="category-icon"><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-wrench"/></svg></span>
<h2>System & Development</h2>
<h2>System & <span>Development</span></h2>
<span class="app-count">9 apps</span>
</div>
<div class="app-grid">
@@ -1283,7 +1283,7 @@
<!-- CTA Section -->
<section class="cta-section">
<div class="container">
<h2>Can't find what you are looking for?</h2>
<h2>Can't find <span>what you are looking for?</span></h2>
<p>This is the whole catalog. If you need something specific, get in touch – we will look at whether the right app can join it.</p>
<a href="/en/contact" class="cta-button">Get in touch →</a>
</div>
website/en/backups.html
+1 -1
View File
@@ -40,7 +40,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>
website/en/contact.html
+1 -1
View File
@@ -29,7 +29,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>
website/en/download.html
+1 -1
View File
@@ -27,7 +27,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>
website/en/faq.html
+8 -8
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>
@@ -445,7 +445,7 @@
<div class="faq-category" id="basics">
<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-lightbulb"/></svg></span>
<h2>The basics</h2>
<h2>The <span>basics</span></h2>
</div>
<div class="faq-item">
@@ -514,7 +514,7 @@
<div class="faq-category" id="hardware">
<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>Hardware & Installation</h2>
<h2>Hardware & <span>Installation</span></h2>
</div>
<div class="faq-item">
@@ -598,7 +598,7 @@
<div class="faq-category" id="apps">
<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>Apps & Everyday use</h2>
<h2>Apps & <span>Everyday use</span></h2>
</div>
<div class="faq-item">
@@ -669,7 +669,7 @@
<div class="faq-category" id="security">
<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>Security & Privacy</h2>
<h2>Security & <span>Privacy</span></h2>
</div>
<div class="faq-item">
@@ -722,7 +722,7 @@
<div class="faq-category" id="backups">
<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>Backups & Data safety</h2>
<h2>Backups & <span>Data safety</span></h2>
</div>
<div class="faq-item">
@@ -773,7 +773,7 @@
<div class="faq-category" id="support">
<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>Running & Support</h2>
<h2>Running & <span>Support</span></h2>
</div>
<div class="faq-item">
@@ -887,7 +887,7 @@
<div class="faq-category" id="technical">
<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>Technical questions</h2>
<h2>Technical <span>questions</span></h2>
</div>
<div class="faq-item">
website/en/index.html
+6 -6
View File
@@ -57,7 +57,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="/assets/gallery.js?v=2"></script>
@@ -130,7 +130,7 @@
<section class="shell-section" id="services">
<div class="sec-head">
<h2>What the box does today</h2>
<h2>What the box <span>does today</span></h2>
<p>Not a plan, not a promise — these work today on a live Felhom box</p>
</div>
<ul class="caps-teaser">
@@ -143,7 +143,7 @@
<section class="shell-section" id="dashboard">
<div class="sec-head">
<h2>What the Dashboard looks like</h2>
<h2>What the <span>Dashboard looks like</span></h2>
<p>Real pictures from a Felhom box — click one for the full size</p>
</div>
<div class="dash-grid">
@@ -168,7 +168,7 @@
<section class="shell-section" id="how-it-works">
<div class="sec-head">
<h2>How it works</h2>
<h2>How <span>it works</span></h2>
<p>From the first conversation to a working system.</p>
</div>
<div class="flow">
@@ -197,7 +197,7 @@
<section class="shell-section" id="why">
<div class="sec-head">
<h2>Why your own?</h2>
<h2>Why <span>your own?</span></h2>
<p>The same convenience, on different terms.</p>
</div>
<div class="vs">
@@ -238,7 +238,7 @@
<section class="shell-section" id="closed-test">
<div class="sec-head">
<h2>Closed test</h2>
<h2>Closed <span>test</span></h2>
<p>We are starting to use the system for real with a few households in Hungary</p>
</div>
<div class="app-info-grid">
website/en/services.html
+4 -4
View File
@@ -40,7 +40,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>
@@ -99,7 +99,7 @@
<section class="shell-section">
<div class="caps">
<div class="caps-group" id="every-day">
<h3>What you use every day</h3>
<h3>What you use <span>every day</span></h3>
<ul class="caps-list">
<li class="caps-item">
<h4><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-camera"/></svg> Photos, documents, media</h4>
@@ -120,7 +120,7 @@
</ul>
</div>
<div class="caps-group" id="protection">
<h3>What protects you in the background</h3>
<h3>What protects you <span>in the background</span></h3>
<ul class="caps-list">
<li class="caps-item">
<h4><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-shield-check"/></svg> Automatic backups on three levels</h4>
@@ -141,7 +141,7 @@
</ul>
</div>
<div class="caps-group" id="we-look-after">
<h3>What we take care of</h3>
<h3>What we <span>take care of</span></h3>
<ul class="caps-list">
<li class="caps-item">
<h4><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-stethoscope"/></svg> Remote monitoring, automatic updates</h4>
website/en/technology.html
+1 -1
View File
@@ -41,7 +41,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="/assets/gallery.js?v=2"></script>
website/en/testing.html
+1 -1
View File
@@ -40,7 +40,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>