diff --git a/REPORT-site-tweaks-2026-10-12.md b/REPORT-site-tweaks-2026-10-12.md index 2aa56fd1..3316ee66 100644 --- a/REPORT-site-tweaks-2026-10-12.md +++ b/REPORT-site-tweaks-2026-10-12.md @@ -114,3 +114,26 @@ The builder changed with it: `scripts/make_hero_clip.py` reads each scene's leng cutting every one to the same window, and the crossfade offsets now count from the running total minus one fade per transition already made — with equal scenes the old arithmetic happened to give the same answer, with your unequal ones it would not have. + +--- + +# Fourth round — the two-tone headings, and air with a line in it + +**The white/blue split was never styled away; the markup went.** `site.css` still says +`h1 span, h2 span, h3 span, h4 span { color: var(--blue-bright) }` and always did — what the M3 +rewrite dropped was the `` inside the headings it rewrote. Four pages that M3 left alone +(technology, testing, backups, contact) still had theirs, which is why the site looked inconsistent +rather than uniformly flat. 41 headings have it back, and **no word of text changed**: the span is +wrapped around words that were already there. + +The apps and FAQ categories are **new** — they never had the split. A name with an `&` in it splits +there (`Fájlkezelés & | Irodai`), a phrase on its last words. Five one-word headings are left plain, +because an all-blue heading reads as a different element rather than the same one emphasised: +`Alapkérdések`, `Költségek`, `Costs`, `Letöltés`, `Download`. Say the word and they go blue whole. + +**The separators are a hairline, not a band.** `--line` — the same colour every card border on the +site uses — with 2.75rem of air on each side of it, so the rule sits centred in the gap instead of +appearing to belong to the heading beneath it. The first line also parts the hero from the page. +Only the home page has them: every other page is one run of one kind of thing, where a rule between +items would be noise. If you want them on the services or technology page too, it is one more line +of CSS. diff --git a/website/404.html b/website/404.html index 4f90e0ce..56f6b1db 100644 --- a/website/404.html +++ b/website/404.html @@ -9,7 +9,7 @@ - + diff --git a/website/CHANGELOG.md b/website/CHANGELOG.md index 282dd7a1..e2cf8329 100644 --- a/website/CHANGELOG.md +++ b/website/CHANGELOG.md @@ -1,4 +1,30 @@ -## 2026-10-12 (night) — the laptop screen moves: six real apps behind the cut-out frame +## 2026-10-12 (night) — the headings are two-tone again, and the home page has rules between its sections + +Both from the operator, 2026-10-12: the white/blue heading split was lost in the M3 switch and +should come back everywhere (*„on the apps page too, the categories should be white/blue”*), and the +home page's sections were hard to tell apart. + +- **41 headings got their `` back**, white lead-in and blue tail, which is what + `h1 span, h2 span, h3 span, h4 span { color: var(--blue-bright) }` has always rendered — the + rule never went away, the markup did. **No text changed**: the span is wrapped around words that + were already there, so every page says exactly what it said before. + - Home (5 + 5): the three that existed before M3 are split where they were split then + (`Mit tud | a doboz ma?`, `Így néz ki | a vezérlőpult`, `Hogyan | működik?`). + - Apps (6 + 6) and FAQ (6 + 7): **new**, these category headers never had it. A two-part name + splits at its `&` (`Fájlkezelés & | Irodai`), a phrase on its last words. + - Services (3 + 3): the three group headings. + - **Left plain, deliberately:** a one-word heading has nowhere to split — `Alapkérdések`, + `Költségek`, `Costs`, `Letöltés`, `Download`. Four other pages (technology, testing, backups, + contact) still carried their splits and were not touched. +- **A hairline between the home page's sections**, in the design system's own `--line`, with equal + air above and below it (2.75rem each) so the rule sits centred in the gap rather than hugging the + heading below. The first one also separates the hero from the page. Only the home page: every + other page is a single run of one kind of thing. +- Blue on the page background measures **7.9:1** — AA at any size, so the split is safe on the + small headings too. +- `site.css` — `?v=28` on all 22 pages. + +## 2026-10-12 (night) — the laptop screen moves: six real apps behind the cut-out frame The operator recorded the six scenes himself and ruled on their length: *„use the full length for all of them, they had been cut as I liked them”*. Jellyfin, Paperless and RomM were filmed on those diff --git a/website/adatkezeles.html b/website/adatkezeles.html index cd2c513e..9af89849 100644 --- a/website/adatkezeles.html +++ b/website/adatkezeles.html @@ -22,7 +22,7 @@ - + diff --git a/website/alkalmazasok.html b/website/alkalmazasok.html index d98f516b..65b12c49 100644 --- a/website/alkalmazasok.html +++ b/website/alkalmazasok.html @@ -46,7 +46,7 @@ - + @@ -121,7 +121,7 @@
-

Fájlkezelés & Irodai

+

Fájlkezelés & Irodai

6 alkalmazás + 1 beépített
@@ -263,7 +263,7 @@
-

Média & Szórakozás

+

Média & Szórakozás

15 alkalmazás
@@ -539,7 +539,7 @@
-

Otthon & Életmód

+

Otthon & Életmód

14 alkalmazás
@@ -851,7 +851,7 @@
-

Produktivitás & Tudáskezelés

+

Produktivitás & Tudáskezelés

12 alkalmazás
@@ -1083,7 +1083,7 @@
-

Rendszer & Fejlesztés

+

Rendszer & Fejlesztés

9 alkalmazás
@@ -1283,7 +1283,7 @@
-

Nem találod amit keresel?

+

Nem találod amit keresel?

Ez a teljes katalógus. Ha van egy konkrét igényed, keress minket – megnézzük, felvehető-e a megfelelő alkalmazás.

Kapcsolatfelvétel →
diff --git a/website/assets/site.css b/website/assets/site.css index 0e0a09d9..c194b06b 100644 --- a/website/assets/site.css +++ b/website/assets/site.css @@ -2385,6 +2385,14 @@ body:not(.shell) .mobile-overlay.is-visible { opacity: 1; } /* --- section rhythm inside the shell's content column --- */ .shell-section { margin-bottom: 3.5rem; } .shell-section:last-child { margin-bottom: 1rem; } +/* --- the home page's sections ran into one another -------------------------- + One long column of headings and cards with nothing but air between the + sections: the operator read it as one block (2026-10-12). A hairline in the + design system's own --line, with equal air above and below it, so the rule + sits centred in the gap instead of hugging the heading under it. The first + one also separates the hero from the page. Only the home page: every other + page is a single run of one kind of thing. */ +.shell.page-index .shell-section { margin-bottom: 2.75rem; padding-top: 2.75rem; border-top: 1px solid var(--line); } .shell .sec-head { max-width: 46rem; margin-bottom: 1.75rem; } .shell .sec-head h2 { font-size: clamp(1.4rem, 2.6vw, 1.9rem); font-weight: 700; letter-spacing: -.02em; margin-bottom: .4rem; } .shell .sec-head p { color: var(--text-2); font-size: 1rem; } diff --git a/website/biztonsagimentes.html b/website/biztonsagimentes.html index 23d4f71a..03b2a721 100644 --- a/website/biztonsagimentes.html +++ b/website/biztonsagimentes.html @@ -40,7 +40,7 @@ - + diff --git a/website/en/apps.html b/website/en/apps.html index 655eae24..33e6ef4c 100644 --- a/website/en/apps.html +++ b/website/en/apps.html @@ -46,7 +46,7 @@ - + @@ -121,7 +121,7 @@
-

Files & Office

+

Files & Office

6 apps + 1 built in
@@ -263,7 +263,7 @@
-

Media & Entertainment

+

Media & Entertainment

15 apps
@@ -539,7 +539,7 @@
-

Home & Lifestyle

+

Home & Lifestyle

14 apps
@@ -851,7 +851,7 @@
-

Productivity & Knowledge

+

Productivity & Knowledge

12 apps
@@ -1083,7 +1083,7 @@
-

System & Development

+

System & Development

9 apps
@@ -1283,7 +1283,7 @@
-

Can't find what you are looking for?

+

Can't find what you are looking for?

This is the whole catalog. If you need something specific, get in touch – we will look at whether the right app can join it.

Get in touch →
diff --git a/website/en/backups.html b/website/en/backups.html index 27947335..d69f7cb6 100644 --- a/website/en/backups.html +++ b/website/en/backups.html @@ -40,7 +40,7 @@ - + diff --git a/website/en/contact.html b/website/en/contact.html index 3f833abd..802fa0bd 100644 --- a/website/en/contact.html +++ b/website/en/contact.html @@ -29,7 +29,7 @@ - + diff --git a/website/en/download.html b/website/en/download.html index 79b84444..4bfc5b24 100644 --- a/website/en/download.html +++ b/website/en/download.html @@ -27,7 +27,7 @@ - + diff --git a/website/en/faq.html b/website/en/faq.html index 0ab50e21..3912ef3d 100644 --- a/website/en/faq.html +++ b/website/en/faq.html @@ -366,7 +366,7 @@ - + @@ -445,7 +445,7 @@
-

The basics

+

The basics

@@ -514,7 +514,7 @@
-

Hardware & Installation

+

Hardware & Installation

@@ -598,7 +598,7 @@
-

Apps & Everyday use

+

Apps & Everyday use

@@ -669,7 +669,7 @@
-

Security & Privacy

+

Security & Privacy

@@ -722,7 +722,7 @@
-

Backups & Data safety

+

Backups & Data safety

@@ -773,7 +773,7 @@
-

Running & Support

+

Running & Support

@@ -887,7 +887,7 @@
-

Technical questions

+

Technical questions

diff --git a/website/en/index.html b/website/en/index.html index aa9e9acc..8ec900cb 100644 --- a/website/en/index.html +++ b/website/en/index.html @@ -57,7 +57,7 @@ - + @@ -130,7 +130,7 @@
-

What the box does today

+

What the box does today

Not a plan, not a promise — these work today on a live Felhom box

    @@ -143,7 +143,7 @@
    -

    What the Dashboard looks like

    +

    What the Dashboard looks like

    Real pictures from a Felhom box — click one for the full size

    @@ -168,7 +168,7 @@
    -

    How it works

    +

    How it works

    From the first conversation to a working system.

    @@ -197,7 +197,7 @@
    -

    Why your own?

    +

    Why your own?

    The same convenience, on different terms.

    @@ -238,7 +238,7 @@
    -

    Closed test

    +

    Closed test

    We are starting to use the system for real with a few households in Hungary

    diff --git a/website/en/services.html b/website/en/services.html index 22a5957d..91712328 100644 --- a/website/en/services.html +++ b/website/en/services.html @@ -40,7 +40,7 @@ - + @@ -99,7 +99,7 @@
    -

    What you use every day

    +

    What you use every day

    • Photos, documents, media

      @@ -120,7 +120,7 @@
    -

    What protects you in the background

    +

    What protects you in the background

    • Automatic backups on three levels

      @@ -141,7 +141,7 @@
    -

    What we take care of

    +

    What we take care of

    • Remote monitoring, automatic updates

      diff --git a/website/en/technology.html b/website/en/technology.html index fbcffa20..72df1f49 100644 --- a/website/en/technology.html +++ b/website/en/technology.html @@ -41,7 +41,7 @@ - + diff --git a/website/en/testing.html b/website/en/testing.html index d2bba742..722900b0 100644 --- a/website/en/testing.html +++ b/website/en/testing.html @@ -40,7 +40,7 @@ - + diff --git a/website/feltetelek.html b/website/feltetelek.html index d34f98a7..0b15890e 100644 --- a/website/feltetelek.html +++ b/website/feltetelek.html @@ -22,7 +22,7 @@ - + diff --git a/website/gyik.html b/website/gyik.html index cfd466ff..5b8d304b 100644 --- a/website/gyik.html +++ b/website/gyik.html @@ -366,7 +366,7 @@ - + @@ -514,7 +514,7 @@
      -

      Hardver & Telepítés

      +

      Hardver & Telepítés

      @@ -598,7 +598,7 @@
      -

      Alkalmazások & Használat

      +

      Alkalmazások & Használat

      @@ -669,7 +669,7 @@
      -

      Biztonság & Adatvédelem

      +

      Biztonság & Adatvédelem

      @@ -722,7 +722,7 @@
      -

      Mentések & Adatbiztonság

      +

      Mentések & Adatbiztonság

      @@ -773,7 +773,7 @@
      -

      Üzemeltetés & Támogatás

      +

      Üzemeltetés & Támogatás

      @@ -887,7 +887,7 @@
      -

      Technikai kérdések

      +

      Technikai kérdések

      diff --git a/website/index.html b/website/index.html index 08e16135..e1f7433a 100644 --- a/website/index.html +++ b/website/index.html @@ -57,7 +57,7 @@ - + @@ -130,7 +130,7 @@
      -

      Mit tud a doboz ma?

      +

      Mit tud a doboz ma?

      Nem terv és nem ígéret: ezek ma működő funkciók egy éles Felhom dobozon.

        @@ -143,7 +143,7 @@
        -

        Így néz ki a vezérlőpult

        +

        Így néz ki a vezérlőpult

        Valódi képek egy Felhom dobozról. Kattints rájuk a teljes mérethez.

        @@ -168,7 +168,7 @@
        -

        Hogyan működik?

        +

        Hogyan működik?

        Az első beszélgetéstől a működő rendszerig.

        @@ -197,7 +197,7 @@
        -

        Miért a sajátod?

        +

        Miért a sajátod?

        Ugyanaz a kényelem, más feltételekkel.

        @@ -238,7 +238,7 @@
        -

        Zárt teszt

        +

        Zárt teszt

        Néhány magyar háztartással most kezdjük el élesben használni a rendszert.

        diff --git a/website/kapcsolat.html b/website/kapcsolat.html index 6b8a5cd8..d0ae9b88 100644 --- a/website/kapcsolat.html +++ b/website/kapcsolat.html @@ -29,7 +29,7 @@ - + diff --git a/website/letoltes.html b/website/letoltes.html index d2a6ef92..5b9d2eb7 100644 --- a/website/letoltes.html +++ b/website/letoltes.html @@ -27,7 +27,7 @@ - + diff --git a/website/szolgaltatasok-nonpublic.html b/website/szolgaltatasok-nonpublic.html index 9c3b377b..c6cb8a6d 100644 --- a/website/szolgaltatasok-nonpublic.html +++ b/website/szolgaltatasok-nonpublic.html @@ -9,7 +9,7 @@ - + diff --git a/website/szolgaltatasok.html b/website/szolgaltatasok.html index b80d2197..d7000d8d 100644 --- a/website/szolgaltatasok.html +++ b/website/szolgaltatasok.html @@ -40,7 +40,7 @@ - + @@ -99,7 +99,7 @@
        -

        Amit nap mint nap használsz

        +

        Amit nap mint nap használsz

        • Fényképek, dokumentumok, média

          @@ -120,7 +120,7 @@
        -

        Ami a háttérben véd

        +

        Ami a háttérben véd

        • Háromszintű automatikus mentés

          @@ -141,7 +141,7 @@
        -

        Amiről mi gondoskodunk

        +

        Amiről mi gondoskodunk

        • Távoli felügyelet, automatikus frissítés

          diff --git a/website/technologiak.html b/website/technologiak.html index 82611b8b..dbe353c1 100644 --- a/website/technologiak.html +++ b/website/technologiak.html @@ -41,7 +41,7 @@ - + diff --git a/website/teszteles.html b/website/teszteles.html index c9ba3901..551008e3 100644 --- a/website/teszteles.html +++ b/website/teszteles.html @@ -40,7 +40,7 @@ - +