website: four more notes - first person, the globe's well, the touching tables, the submenu label
gates / gates (push) Failing after 5m21s

1. THE HOME PAGE SPOKE ABOUT THE OPERATOR IN THE THIRD PERSON ("Ha irsz, o valaszol")
   while the page it links to is in the first ("Ha irsz, en valaszolok"). Both home
   pages now read "Nagyfenyvesi Viktor vagyok, a Felhom mogott en allok" / "I am Viktor
   Nagyfenyvesi, and I am the one behind Felhom", and the link after it is "Rolam
   bovebben" / "More about me" rather than repeating the question the sentence has just
   answered. The legal pages keep the formal third-person name, which is their job.

2. 36px OF DEAD SPACE UNDER THE LANGUAGE GLOBE, and most of it was A LEAK GATE 22
   COULD NOT SEE. The old chrome's

       nav { position: fixed; top/left/right: 0; padding: 20px 0;
             backdrop-filter: blur(12px); border-bottom: 1px solid var(--line);
             z-index: 200 }

   is a BARE ELEMENT selector, so it matched <nav class="sidebar"> too - and .sidebar
   declares none of those, so all of them were in force on the sidebar. Scoped
   body:not(.shell); the footer row's own padding went 16px -> ~8px.

   Gate 22's first half compares selectors present in BOTH stylesheets, and `nav` is not
   a selector shell.css ever writes, so this shape was outside its field of view. It now
   has a SECOND HALF: an unscoped bare nav/header/main/aside rule in site.css is a
   failure, because those elements ARE the shell (<nav class="sidebar">,
   <header class="mobile-topbar">, <main class="content">). It convicted a second live
   one on its first run: R-903's `@media (max-width:900px) and (scripting: none)
   nav { position: static }` had been overriding the sidebar's own position on a phone
   with scripting off. `footer` is deliberately NOT on the list, with the reason beside
   it: the shell carries the website's own footer.
   Decoy site/bare-element-rule-reaches-shell, seen to convict.

3. THE COMPARISON TABLE AND THE TWO CARDS under "Miert a sajatod?" were touching: .vs
   ends on its own border and .band opens with a 2px blue rule, so they read as one
   block. 2rem between them.

4. "MINDEN ALKALMAZAS" -> "AZ ALKALMAZASOKROL" / "About the apps" on all 22 pages. Every
   app is on that one page, so the first submenu item is not a filter - it is the top of
   the page, where the intro and the "Fontos tudnivalok" box are. The en-nav-drift decoy
   was re-anchored on the new label.

Checked at 390px and 1440px on all 21 pages: no sideways scrolling, footer inside the
content column, the renamed item on every page. site.css?v=25.
This commit is contained in:
2026-10-12 09:32:16 +02:00
parent 0ef0b106f6
commit bb69a73330
28 changed files with 190 additions and 75 deletions
+18 -3
View File
@@ -107,8 +107,13 @@ body.page-index::before {
.ico-yes { color: var(--blue-bright); }
.ico-no { color: var(--text-3); }
/* --- Navigation --- */
nav {
/* --- Navigation ---
SCOPED 2026-10-12: this is the OLD chrome's top bar, and as a bare element selector it was
still reaching <nav class="sidebar">. `.sidebar` declares neither padding, nor top/left/right,
nor z-index, nor backdrop-filter - so all of those leaked in, and the 20px of padding showed as
dead space under the language globe (operator, 2026-10-12). Gate 22 could not see it: it
compares selectors present in BOTH stylesheets, and `nav` is not a selector shell.css uses. */
body:not(.shell) nav {
position: fixed;
top: 0; left: 0; right: 0;
padding: 20px 0;
@@ -318,7 +323,7 @@ body:not(.shell) .mobile-overlay.is-visible { opacity: 1; }
links and the language globe were unreachable. With no scripting the list sits in the header as a plain
wrapped row instead, and the header scrolls with the page so it can grow. Script-on pages are unchanged. */
@media (max-width: 900px) and (scripting: none) {
nav { position: static; }
body:not(.shell) nav { position: static; }
body:not(.shell) nav .container { flex-wrap: wrap; row-gap: 12px; }
body:not(.shell) .hamburger { display: none; }
body:not(.shell) .nav-links {
@@ -2559,3 +2564,13 @@ html::-webkit-scrollbar-corner, .shell ::-webkit-scrollbar-corner { background:
/* The services page's lede heads three columns of its own, not a centred box: left there. */
.page-szolgaltatasok .page-lede { text-align: left; margin-left: 0; max-width: 52ch; }
/* --- the comparison table and the pair of cards under it were touching --------
`.vs` ends on its own border and `.band` begins with a 2px blue rule, so with
no space between them they read as one block (operator, 2026-10-12). */
.page-index .band { margin-top: 2rem; }
/* --- the language globe sat in a 16+20px well -------------------------------
The 20px was the leak above; this trims the footer's own padding so the globe
has the same air as the menu items over it (operator, 2026-10-12). */
.shell .sidebar-footer { padding: .55rem 1.5rem .5rem; }