website: "Ki all mogotte" moves to the contact pages; the home page keeps a trace

Operator's call after seeing the preview: the biography sat between the dashboard
gallery and "Hogyan mukodik?", interrupting "what it does" -> "how you get it"
with a life story. And its last sentence, "Ha irsz, en valaszolok", is a contact-
page sentence - it belongs next to "Valaszido", not mid-product-story.

  /kapcsolat + /en/contact  gain the full block (photo + the five approved
      sentences). These are LIVE pages, so the bio and the photograph are public
      from this commit. Both halves of the twin move together, as the twin rule
      requires; the English promises nothing the Hungarian does not, and uses the
      site's established "the box" rather than a new term.

  /preview/  loses the section and gains a compact row in the closing call to
      action: a 56x70 portrait, one line, and a link to the full block. This is
      deliberate, not a compromise - the audit's R-11 finding was "nobody is
      behind it" on the HOME page, and deleting every human trace from it would
      re-open exactly that. The trace now sits where someone decides to write.

  A dedicated /rolam page was considered and rejected: five sentences cannot
      carry a page, and the alternative was inventing biography to fill one.

The .who* rules are now UNSCOPED (were .page-index .who*), because the block
lives on two pages and will live on the home page's twin later. Following
69035f4af5's lesson: a genuinely shared pattern goes site-wide rather than being
duplicated per page scope. No existing page uses .who, so nothing else moves.

assets/operator-portrait-small.webp - 160x200, 8.4 KB, cropped from the same
original outside the repo, metadata stripped and verified by read-back (0 EXIF
tags, 0 GPS entries, none of the phone's byte sequences present).

site.css?v= -> 13 on all 21 files.

The preview builder asserted a hardcoded "site.css?v=10" and broke the moment the
site moved to 12. It now follows whatever index.html pins and prints it.

site_gates.py green.
This commit is contained in:
2026-10-11 09:22:27 +02:00
parent 56c357c074
commit fb9fe0808d
23 changed files with 87 additions and 47 deletions
+1 -1
View File
@@ -6,7 +6,7 @@
<title>Az oldal nem található | Felhom.eu</title>
<meta name="robots" content="noindex, follow">
<!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
<link rel="stylesheet" href="/assets/site.css?v=12">
<link rel="stylesheet" href="/assets/site.css?v=13">
<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>
</head>
+1 -1
View File
@@ -19,7 +19,7 @@
<meta property="og:site_name" content="Felhom.eu">
<!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
<link rel="stylesheet" href="/assets/site.css?v=12">
<link rel="stylesheet" href="/assets/site.css?v=13">
<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>
</head>
+1 -1
View File
@@ -43,7 +43,7 @@
}
</script>
<!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
<link rel="stylesheet" href="/assets/site.css?v=12">
<link rel="stylesheet" href="/assets/site.css?v=13">
<link rel="icon" type="image/png" href="/assets/logo_favicon_2.svg">
<script defer src="/assets/gallery.js?v=2"></script>
<script defer src="https://stats.felhom.eu/script.js" data-website-id="d419db57-5e1c-48df-bdb3-c29f25fb1661"></script>
Binary file not shown.

After

Width:  |  Height:  |  Size: 8.4 KiB

+32 -10
View File
@@ -2263,17 +2263,18 @@ footer a:hover, footer a:focus-visible { text-decoration: underline; }
.page-index .caps-item h4 svg { flex: 0 0 auto; margin-top: 3px; color: var(--blue-bright); }
.page-index .caps-item p { color: var(--text-2); font-size: 0.93rem; line-height: 1.65; }
/* --- who is behind it --- */
.page-index .who { display: grid; grid-template-columns: 300px 1fr; gap: 48px; align-items: start; }
.page-index .who-photo { margin: 0; }
.page-index .who-photo img {
/* --- who is behind it: SHARED, not page-scoped. It lives on /kapcsolat and
/en/contact, and on the home page only as the compact .who-mini row below. */
.who { display: grid; grid-template-columns: 300px 1fr; gap: 48px; align-items: start; }
.who-photo { margin: 0; }
.who-photo img {
width: 100%; height: auto; display: block;
border: 1px solid var(--line); border-radius: var(--radius);
}
.page-index .who-text h2 { font-size: clamp(1.7rem, 3.2vw, 2.2rem); font-weight: 700; margin-bottom: 20px; letter-spacing: -0.02em; }
.page-index .who-text p { color: var(--text-2); font-size: 1.05rem; line-height: 1.75; margin-bottom: 16px; max-width: 38rem; }
.page-index .who-text p:last-child { margin-bottom: 0; }
.page-index .who-text strong { color: var(--text-1); font-weight: 600; }
.who-text h2 { font-size: clamp(1.7rem, 3.2vw, 2.2rem); font-weight: 700; margin-bottom: 20px; letter-spacing: -0.02em; }
.who-text p { color: var(--text-2); font-size: 1.05rem; line-height: 1.75; margin-bottom: 16px; max-width: 38rem; }
.who-text p:last-child { margin-bottom: 0; }
.who-text strong { color: var(--text-1); font-weight: 600; }
/* --- the process, as a flow without number badges --- */
.page-index .flow { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0; }
@@ -2338,8 +2339,8 @@ footer a:hover, footer a:focus-visible { text-decoration: underline; }
.page-index .lede-grid { grid-template-columns: 1fr; gap: 36px; }
.page-index .lede-text p { max-width: none; }
.page-index .caps { grid-template-columns: 1fr; gap: 36px; }
.page-index .who { grid-template-columns: 1fr; gap: 28px; }
.page-index .who-photo { max-width: 260px; }
.who { grid-template-columns: 1fr; gap: 28px; }
.who-photo { max-width: 260px; }
.page-index .flow { grid-template-columns: 1fr; gap: 20px; }
.page-index .flow-step { padding: 0 0 0 20px; border-left: 1px solid var(--line); }
.page-index .flow-step:first-child { padding-left: 20px; border-left: 1px solid var(--line); }
@@ -2351,3 +2352,24 @@ footer a:hover, footer a:focus-visible { text-decoration: underline; }
.page-index .limits { padding: 20px; }
}
.page-index .close-cta { text-align: center; margin-top: 40px; }
/* --- the compact trace on the home page: a face and one line at the point where
someone decides to write, linking to the full block on the contact page. The
audit's R-11 ("nobody is behind it") is what this keeps fixed. --- */
.page-index .who-mini {
display: inline-flex; align-items: center; gap: 16px; text-align: left;
margin-top: 36px; padding-top: 28px; border-top: 1px solid var(--line);
}
.page-index .who-mini img {
width: 56px; height: 70px; display: block; flex: 0 0 auto;
border: 1px solid var(--line); border-radius: var(--radius);
}
.page-index .who-mini p { margin: 0; font-size: 0.95rem; color: var(--text-2); max-width: 30rem; }
.page-index .who-mini strong { color: var(--text-1); font-weight: 600; }
.page-index .who-mini a { color: var(--blue-bright); text-decoration: none; white-space: nowrap; }
.page-index .who-mini a:hover, .page-index .who-mini a:focus-visible { text-decoration: underline; }
@media (max-width: 600px) {
.page-index .who-mini { flex-direction: column; text-align: center; gap: 12px; }
.page-index .who-mini p { text-align: center; }
}
+1 -1
View File
@@ -37,7 +37,7 @@
}
</script>
<!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
<link rel="stylesheet" href="/assets/site.css?v=12">
<link rel="stylesheet" href="/assets/site.css?v=13">
<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>
</head>
+1 -1
View File
@@ -43,7 +43,7 @@
}
</script>
<!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
<link rel="stylesheet" href="/assets/site.css?v=12">
<link rel="stylesheet" href="/assets/site.css?v=13">
<link rel="icon" type="image/png" href="/assets/logo_favicon_2.svg">
<script defer src="/assets/gallery.js?v=2"></script>
<script defer src="https://stats.felhom.eu/script.js" data-website-id="d419db57-5e1c-48df-bdb3-c29f25fb1661"></script>
+1 -1
View File
@@ -37,7 +37,7 @@
}
</script>
<!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
<link rel="stylesheet" href="/assets/site.css?v=12">
<link rel="stylesheet" href="/assets/site.css?v=13">
<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>
</head>
+16 -1
View File
@@ -26,7 +26,7 @@
<meta name="twitter:description" content="A question? Write to us: info@felhom.eu">
<meta name="twitter:image" content="https://felhom.eu/assets/og-image-en.png">
<!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
<link rel="stylesheet" href="/assets/site.css?v=12">
<link rel="stylesheet" href="/assets/site.css?v=13">
<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>
</head>
@@ -169,6 +169,21 @@
</div>
</div>
</section>
<section class="content-section alt-bg" id="ki-all-mogotte">
<div class="container">
<div class="who">
<figure class="who-photo">
<img src="/assets/operator-portrait.webp" alt="Viktor Nagyfenyvesi, who runs Felhom" width="720" height="900" loading="lazy">
</figure>
<div class="who-text">
<h2>Who is <span>behind it</span></h2>
<p><strong>I am Viktor Nagyfenyvesi.</strong> I have designed networks and infrastructure for ten years, I work as a DevOps engineer, and I have run my own server at home for years; the current one has been running for about a year.</p>
<p>Felhom started because I could not find this service here. Plenty of people can build their own server, but afterwards someone has to back it up, update it and keep an eye on it. That is the part I take on.</p>
<p>If you write, I answer, and I do not promise anything the box cannot do today.</p>
</div>
</div>
</div>
</section>
</main>
<footer>
+1 -1
View File
@@ -24,7 +24,7 @@
<meta name="twitter:description" content="Download, checksum, and what to check before you install.">
<meta name="twitter:image" content="https://felhom.eu/assets/og-image.png">
<!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
<link rel="stylesheet" href="/assets/site.css?v=12">
<link rel="stylesheet" href="/assets/site.css?v=13">
<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>
</head>
+1 -1
View File
@@ -363,7 +363,7 @@
}
</script>
<!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
<link rel="stylesheet" href="/assets/site.css?v=12">
<link rel="stylesheet" href="/assets/site.css?v=13">
<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>
</head>
+1 -1
View File
@@ -54,7 +54,7 @@
}
</script>
<!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
<link rel="stylesheet" href="/assets/site.css?v=12">
<link rel="stylesheet" href="/assets/site.css?v=13">
<link rel="icon" type="image/png" href="/assets/logo_favicon_2.svg">
<script defer src="/assets/gallery.js?v=2"></script>
<script defer src="https://stats.felhom.eu/script.js" data-website-id="d419db57-5e1c-48df-bdb3-c29f25fb1661"></script>
+1 -1
View File
@@ -38,7 +38,7 @@
}
</script>
<!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
<link rel="stylesheet" href="/assets/site.css?v=12">
<link rel="stylesheet" href="/assets/site.css?v=13">
<link rel="icon" type="image/png" href="/assets/logo_favicon_2.svg">
<script defer src="/assets/gallery.js?v=2"></script>
<script defer src="https://stats.felhom.eu/script.js" data-website-id="d419db57-5e1c-48df-bdb3-c29f25fb1661"></script>
+1 -1
View File
@@ -37,7 +37,7 @@
}
</script>
<!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
<link rel="stylesheet" href="/assets/site.css?v=12">
<link rel="stylesheet" href="/assets/site.css?v=13">
<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>
</head>
+1 -1
View File
@@ -19,7 +19,7 @@
<meta property="og:site_name" content="Felhom.eu">
<!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
<link rel="stylesheet" href="/assets/site.css?v=12">
<link rel="stylesheet" href="/assets/site.css?v=13">
<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>
</head>
+1 -1
View File
@@ -363,7 +363,7 @@
}
</script>
<!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
<link rel="stylesheet" href="/assets/site.css?v=12">
<link rel="stylesheet" href="/assets/site.css?v=13">
<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>
</head>
+1 -1
View File
@@ -54,7 +54,7 @@
}
</script>
<!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
<link rel="stylesheet" href="/assets/site.css?v=12">
<link rel="stylesheet" href="/assets/site.css?v=13">
<link rel="icon" type="image/png" href="/assets/logo_favicon_2.svg">
<script defer src="/assets/gallery.js?v=2"></script>
<script defer src="https://stats.felhom.eu/script.js" data-website-id="d419db57-5e1c-48df-bdb3-c29f25fb1661"></script>
+16 -1
View File
@@ -26,7 +26,7 @@
<meta name="twitter:description" content="Kérdésed van? Írj nekünk: info@felhom.eu">
<meta name="twitter:image" content="https://felhom.eu/assets/og-image.png">
<!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
<link rel="stylesheet" href="/assets/site.css?v=12">
<link rel="stylesheet" href="/assets/site.css?v=13">
<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>
</head>
@@ -169,6 +169,21 @@
</div>
</div>
</section>
<section class="content-section alt-bg" id="ki-all-mogotte">
<div class="container">
<div class="who">
<figure class="who-photo">
<img src="/assets/operator-portrait.webp" alt="Nagyfenyvesi Viktor, a Felhom üzemeltetője" width="720" height="900" loading="lazy">
</figure>
<div class="who-text">
<h2>Ki áll <span>mögötte</span></h2>
<p><strong>Nagyfenyvesi Viktor vagyok.</strong> Tíz éve tervezek hálózatokat és infrastruktúrát, ma DevOps mérnökként dolgozom, otthon pedig évek óta megy a saját szerverem; a mostani nagyjából egy éve fut.</p>
<p>A Felhom onnan indult, hogy ilyen szolgáltatást itthon nem találtam. Saját szervert sokan meg tudnak építeni, de utána menteni, frissíteni és figyelni is kell valakinek. Ezt a részét vállalom át.</p>
<p>Ha írsz, én válaszolok, és nem ígérek olyat, amit a doboz ma nem tud.</p>
</div>
</div>
</div>
</section>
</main>
<footer>
+1 -1
View File
@@ -24,7 +24,7 @@
<meta name="twitter:description" content="Letöltés, ellenőrző összeg, és mire figyelj a telepítés előtt.">
<meta name="twitter:image" content="https://felhom.eu/assets/og-image.png">
<!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
<link rel="stylesheet" href="/assets/site.css?v=12">
<link rel="stylesheet" href="/assets/site.css?v=13">
<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>
</head>
+5 -17
View File
@@ -56,7 +56,7 @@
}
</script>
<!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
<link rel="stylesheet" href="/assets/site.css?v=12">
<link rel="stylesheet" href="/assets/site.css?v=13">
<link rel="icon" type="image/png" href="/assets/logo_favicon_2.svg">
<script defer src="/assets/gallery.js?v=2"></script>
<script defer src="https://stats.felhom.eu/script.js" data-website-id="d419db57-5e1c-48df-bdb3-c29f25fb1661"></script>
@@ -197,22 +197,6 @@
</div>
</section>
<section class="content-section" id="ki-all-mogotte">
<div class="container">
<div class="who">
<figure class="who-photo">
<img src="/assets/operator-portrait.webp" alt="Nagyfenyvesi Viktor, a Felhom üzemeltetője" width="720" height="900" loading="lazy">
</figure>
<div class="who-text">
<h2>Ki áll <span>mögötte</span></h2>
<p><strong>Nagyfenyvesi Viktor vagyok.</strong> Tíz éve tervezek hálózatokat és infrastruktúrát, ma DevOps mérnökként dolgozom, otthon pedig évek óta megy a saját szerverem; a mostani nagyjából egy éve fut.</p>
<p>A Felhom onnan indult, hogy ilyen szolgáltatást itthon nem találtam. Saját szervert sokan meg tudnak építeni, de utána menteni, frissíteni és figyelni is kell valakinek. Ezt a részét vállalom át.</p>
<p>Ha írsz, én válaszolok, és nem ígérek olyat, amit a doboz ma nem tud.</p>
</div>
</div>
</div>
</section>
<section class="content-section alt-bg" id="hogyan-mukodik">
<div class="container">
<div class="sec-head">
@@ -353,6 +337,10 @@
<div class="close-cta">
<p>Ha ez érdekel, írj. <strong>Nem kötelez semmire</strong>, először csak beszélgetünk.</p>
<a href="/teszteles" class="cta-button">Jelentkezem tesztelőnek →</a>
<div class="who-mini">
<img src="/assets/operator-portrait-small.webp" alt="Nagyfenyvesi Viktor, a Felhom üzemeltetője" width="160" height="200" loading="lazy">
<p>A Felhom mögött egy ember áll: <strong>Nagyfenyvesi Viktor</strong>. Ha írsz, ő válaszol. <a href="/kapcsolat#ki-all-mogotte">Ki áll mögötte →</a></p>
</div>
</div>
</div>
</section>
+1 -1
View File
@@ -6,7 +6,7 @@
<meta name="description" content="Felhom.eu - Szolgáltatások és árak. Otthoni szerver telepítés, üzemeltetés, monitoring és támogatás.">
<title>Szolgáltatások - Felhom.eu</title>
<!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
<link rel="stylesheet" href="/assets/site.css?v=12">
<link rel="stylesheet" href="/assets/site.css?v=13">
<link rel="icon" type="image/png" href="/assets/logo_favicon_2.svg">
<!-- analytics intentionally omitted for draft page -->
</head>
+1 -1
View File
@@ -38,7 +38,7 @@
}
</script>
<!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
<link rel="stylesheet" href="/assets/site.css?v=12">
<link rel="stylesheet" href="/assets/site.css?v=13">
<link rel="icon" type="image/png" href="/assets/logo_favicon_2.svg">
<script defer src="/assets/gallery.js?v=2"></script>
<script defer src="https://stats.felhom.eu/script.js" data-website-id="d419db57-5e1c-48df-bdb3-c29f25fb1661"></script>
+1 -1
View File
@@ -37,7 +37,7 @@
}
</script>
<!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
<link rel="stylesheet" href="/assets/site.css?v=12">
<link rel="stylesheet" href="/assets/site.css?v=13">
<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>
</head>