3 Commits

Author	SHA1	Message	Date
admin	b0ef27e914	website: the laptop screen moves - six real apps behind the cut-out frame ... The operator recorded the six scenes and ruled on their length: use them whole, "they had been cut as I liked them". Jellyfin, Tandoor, OnlyOffice, Immich, RomM, Paperless, 0.6s crossfades, 36.6s looping at 904x556. - hero-clip.mp4 (1 134 KB) + hero-clip.webm (1 295 KB) + hero-poster.webp (53 KB), one set for both languages: the recordings are the same on / and /en/. - The hero <video> sits in the frame's cut-out hole at z-index 1, the frame above it at 2. No autoplay attribute: the page's script starts it when the hero is on screen, pauses it when it leaves, and never starts it under prefers-reduced-motion. With JS off the poster stays. - make_hero_clip.py reads each scene's own length (ffprobe) instead of cutting every one to a fixed window, and the xfade offsets count from the running sum minus one fade per transition already made. - site.css ?v=26 on all 22 pages. NOT verified: playback in this workstation's Chrome, whose media pipeline loads nothing at all today (a 1 KB generated WAV blob stalls the same way, with no error) - which rules the clip out as the cause. Geometry, layering and the poster frame were verified in the browser. Jellyfin, Paperless and RomM were filmed on those projects' own public demo sites; the films in the Jellyfin scene are public-domain prints.	2026-10-12 12:39:31 +02:00
admin	bb69a73330	website: four more notes - first person, the globe's well, the touching tables, the submenu label ... 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.	2026-10-12 09:32:16 +02:00
admin	0ef0b106f6	website: the operator's seven notes - a services page, the hero, and 100 dead links ... Reported from his own screens. Five defects, two design. 1. THE CATEGORY ANCHORS WERE DEAD - all 100 of them. The sidebar's five app-category links pointed at #fajlkezeles-irodai and friends; the ids are #fajlkezeles and friends. The sidebar is copied into every page, so one wrong fragment was wrong twenty times, and a dead fragment raises no error anywhere: the browser stays put. New gate 23 resolves every in-site #fragment against the page it names (360 today). It convicted two more on its first run: the home page's four hero tiles pointed at /alkalmazasok#immich, which no page had ever carried, and the FAQ's contact button pointed at a home-page section that had moved out. Every app card now carries its slug as an id - taken from the card's own logo file, which gate 21 already ties to the catalog, so the ids cannot drift from it silently. Decoy site/dead-fragment puts the operator's own bug back and the gate convicts. 2. SZOLGALTATASOK IS A PAGE: /szolgaltatasok + /en/services, registered in TWINS, URL and SHELL. The ten capability items moved VERBATIM out of the home page; the home keeps the promise sentence, the three group names as links and a button, and is 345 Hungarian / 434 English words shorter. The .caps rules stopped being .page-index- scoped, because the block now lives on a page with a different body class. 3. THE HOME HEADLINE is back in the hero column beside the picture, two lines with the second in --blue-bright at clamp(2.1rem, 4.4vw, 3.2rem). M3 had moved it into .page-header - the INNER pages' heading - so it shrank to 2.1rem and the domain badge was stranded beside it. 4. THE HERO PICTURE is the real dashboard in a laptop. The frame is the operator's own supplied render; the screen is dashboard-start-{hu,en}.webp composited into it, so a visitor sees a real box's Launcher rather than a drawing of one - the supplied screens are AI-drawn and misspell app names. 57 KB, named dashboard-laptop-<lang> so gate 19 holds it to the page's language. 5. .page-lede HAD NO CSS AT ALL on 16 pages: a bare paragraph, full width of the content column, hard against the box beneath it. 760px measure, centred over the box, air beneath; left-aligned on /szolgaltatasok, which has no centred box. 6. THE SIDEBAR LOGO: the wordmark shipped at 0.67x the mark's width where the real lockup (assets/logo.png, measured: mark 492px wide, wordmark 631px) has it at 1.28x. Mark 112px, wordmark 25px tall, 28px less vertical padding. 7. SCROLLBARS are the page's own now. The first attempt missed the viewport's: it is painted from <html>, and a `body.shell ::-webkit-...` rule only reaches scrollers inside the page. Also: the two Latin font subsets are preloaded. With font-display: swap the page reflowed after first paint - measured at 1339px on /alkalmazasok#media. Checked at 390px and 1440px on all 21 pages: no sideways scrolling, footer inside the content column everywhere, drawer opens with all 13 items. site.css?v=24.	2026-10-12 08:58:42 +02:00