diff --git a/website/404.html b/website/404.html index 071d237c..2012af32 100644 --- a/website/404.html +++ b/website/404.html @@ -6,7 +6,7 @@ Az oldal nem található | Felhom.eu - + diff --git a/website/adatkezeles.html b/website/adatkezeles.html index e9816087..e1453fc1 100644 --- a/website/adatkezeles.html +++ b/website/adatkezeles.html @@ -19,7 +19,7 @@ - + diff --git a/website/alkalmazasok.html b/website/alkalmazasok.html index 77eda893..304ecd88 100644 --- a/website/alkalmazasok.html +++ b/website/alkalmazasok.html @@ -43,7 +43,7 @@ } - + diff --git a/website/assets/operator-portrait-small.webp b/website/assets/operator-portrait-small.webp new file mode 100644 index 00000000..d9e44c26 Binary files /dev/null and b/website/assets/operator-portrait-small.webp differ diff --git a/website/assets/site.css b/website/assets/site.css index 9efb95e7..ec941fd4 100644 --- a/website/assets/site.css +++ b/website/assets/site.css @@ -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; } +} + diff --git a/website/biztonsagimentes.html b/website/biztonsagimentes.html index 600153f6..a6c224f4 100644 --- a/website/biztonsagimentes.html +++ b/website/biztonsagimentes.html @@ -37,7 +37,7 @@ } - + diff --git a/website/en/apps.html b/website/en/apps.html index 9c349745..bd141c7d 100644 --- a/website/en/apps.html +++ b/website/en/apps.html @@ -43,7 +43,7 @@ } - + diff --git a/website/en/backups.html b/website/en/backups.html index 68776421..585dad5a 100644 --- a/website/en/backups.html +++ b/website/en/backups.html @@ -37,7 +37,7 @@ } - + diff --git a/website/en/contact.html b/website/en/contact.html index 8984123e..07a36b0f 100644 --- a/website/en/contact.html +++ b/website/en/contact.html @@ -26,7 +26,7 @@ - + @@ -169,6 +169,21 @@ +
+
+
+
+ Viktor Nagyfenyvesi, who runs Felhom +
+
+

Who is behind it

+

I am Viktor Nagyfenyvesi. 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.

+

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.

+

If you write, I answer, and I do not promise anything the box cannot do today.

+
+
+
+