admin
8eb321213b
gates / gates (push) Failing after 7m11s
The catalog writes the customer's domain as the literal DOMAIN and the controller replaces it at render time, so the panels were showing 'photos.DOMAIN'. The mockup now substitutes the same sample domain the rest of the page already uses.
202 lines
14 KiB
HTML
202 lines
14 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="hu">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<meta name="robots" content="noindex, nofollow">
|
||
<meta name="description" content="Mockup: rövid nyitóoldal a vezérlőpult kattintható másával.">
|
||
<title>Felhom.eu · hibrid mockup</title>
|
||
<link rel="stylesheet" href="/preview/mockup.css?v=1">
|
||
<link rel="icon" type="image/png" href="/assets/logo_favicon_2.svg">
|
||
</head>
|
||
<body class="mockup m2">
|
||
<header class="m2-top">
|
||
<a class="m2-logo" href="#"><img src="/assets/logo-mark.svg" alt=""><img class="m2-word" src="/assets/logo-wordmark.png" alt="felhom.eu"></a>
|
||
<a class="btn btn-primary" href="/preview/m1/teszteles.html">Jelentkezem tesztelőnek →</a>
|
||
</header>
|
||
|
||
<section class="m2-hero">
|
||
<div class="m2-hero-text">
|
||
<h1>Saját felhőd,<br><span>saját szabályaid</span></h1>
|
||
<p>Egy kis gép az otthonodban: a fényképeid, a dokumentumaid, a filmjeid. Minden éjjel mentés készül. Mi figyeljük, te használod.</p>
|
||
<a class="btn btn-primary btn-lg" href="/preview/m1/teszteles.html">Jelentkezem tesztelőnek →</a>
|
||
</div>
|
||
<div class="m2-window" aria-label="A vezérlőpult kattintható mása">
|
||
<div class="m2-window-bar">
|
||
<span class="m2-dot"></span><span class="m2-dot"></span><span class="m2-dot"></span>
|
||
<span class="m2-window-title">otthonod.hu <span class="sample">minta</span></span>
|
||
</div>
|
||
<div class="m2-window-body">
|
||
<p class="m2-window-lede">Így néz ki a doboz vezérlőpultja. Kattints egy csempére.</p>
|
||
<div class="launch-grid launch-grid--mini">
|
||
<a class="launch-cell" href="#app-immich">
|
||
<span class="launch-tile" style="background: hsl(18, 45%, 38%)">
|
||
<span class="launch-mono">I</span>
|
||
<img class="launch-logo" src="/assets/immich-logo.svg" alt="" loading="lazy">
|
||
</span>
|
||
<span class="launch-name">Immich</span>
|
||
</a>
|
||
<a class="launch-cell" href="#app-jellyfin">
|
||
<span class="launch-tile" style="background: hsl(348, 45%, 38%)">
|
||
<span class="launch-mono">J</span>
|
||
<img class="launch-logo" src="/assets/jellyfin-logo.svg" alt="" loading="lazy">
|
||
</span>
|
||
<span class="launch-name">Jellyfin</span>
|
||
</a>
|
||
<a class="launch-cell" href="#app-nextcloud">
|
||
<span class="launch-tile" style="background: hsl(201, 45%, 38%)">
|
||
<span class="launch-mono">N</span>
|
||
<img class="launch-logo" src="/assets/nextcloud-logo.svg" alt="" loading="lazy">
|
||
</span>
|
||
<span class="launch-name">Nextcloud</span>
|
||
</a>
|
||
<a class="launch-cell" href="#app-vaultwarden">
|
||
<span class="launch-tile" style="background: hsl(66, 45%, 38%)">
|
||
<span class="launch-mono">V</span>
|
||
<img class="launch-logo" src="/assets/vaultwarden-logo.svg" alt="" loading="lazy">
|
||
</span>
|
||
<span class="launch-name">Vaultwarden</span>
|
||
</a>
|
||
</div>
|
||
<a class="app-info-link" href="/preview/m1/">Teljes vezérlőpult megnyitása →</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="m2-section">
|
||
<h2>Mit tud a doboz ma?</h2>
|
||
<p>Nem terv és nem ígéret: ezek ma működő funkciók egy éles Felhom dobozon.</p>
|
||
<div class="app-info-grid">
|
||
<div class="app-info-card"><h3>Fényképek, dokumentumok, média</h3><p>A telefonod fotói automatikusan feltöltődnek a saját gépedre. A beszkennelt papírjaidat a rendszer felismeri és kereshetővé teszi.</p></div>
|
||
<div class="app-info-card"><h3>Hálózati megosztás</h3><p>A doboz mappái megjelennek a Windows Intézőben és a Mac Finderben: úgy húzod rájuk a fájlokat, mint bármelyik másik mappára.</p></div>
|
||
<div class="app-info-card"><h3>58 telepíthető alkalmazás</h3><p>A vezérlőpultból telepíthetők, pár kattintással, parancssor nélkül. Szinte mind nyílt forráskódú, és mind a te gépeden fut.</p></div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="m2-section m2-section--alt">
|
||
<h2>Háromszintű automatikus mentés</h2>
|
||
<p>Minden éjjel készül egy mentés a dobozon, egy másodpéldány egy második meghajtóra (ha van), és egy titkosított másolat egy távoli tárhelyre. A távoli mentés kulcsa egy helyreállítási kód, ami pontosan egyszer jelenik meg: a te képernyődön. Mi nem ismerjük.</p>
|
||
<a class="app-info-link" href="/preview/m1/mentesek.html">A mentések oldala →</a>
|
||
</section>
|
||
|
||
<section class="m2-section">
|
||
<h2>Zárt teszt</h2>
|
||
<p>Néhány magyar háztartással most kezdjük el élesben használni a rendszert. Őszintén: a vezérlőpulthoz jelenleg egy közös háztartási jelszó tartozik, és a TV-re streamelés (DLNA) még nincs.</p>
|
||
<a class="app-info-link" href="/preview/m1/teszteles.html">A zárt tesztről →</a>
|
||
</section>
|
||
|
||
<section class="m2-section m2-section--alt">
|
||
<h2>Ki áll mögötte</h2>
|
||
<div class="m2-who">
|
||
<img src="/assets/operator-portrait-small.webp" alt="Nagyfenyvesi Viktor" width="160" height="200" loading="lazy">
|
||
<p>A Felhom mögött egy ember áll: <strong>Nagyfenyvesi Viktor</strong>. Tíz éve tervez hálózatokat és infrastruktúrát, ma DevOps mérnökként dolgozik. Ha írsz, ő válaszol.
|
||
<a class="app-info-link" href="/preview/m1/kapcsolat.html">Kapcsolat →</a></p>
|
||
</div>
|
||
</section>
|
||
|
||
<div class="app-panel" id="app-immich" role="dialog" aria-label="Immich">
|
||
<div class="app-panel-card">
|
||
<a class="app-panel-close" href="#" aria-label="Bezárás"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-x"/></svg></a>
|
||
<div class="app-info-hero">
|
||
<img class="app-info-logo" src="/assets/immich-logo.svg" alt="">
|
||
<div class="app-info-hero-text">
|
||
<h3>Immich</h3>
|
||
<p class="app-info-tagline">Google Photos alternatíva - automatikus fotó mentés és rendszerezés</p>
|
||
</div>
|
||
</div>
|
||
<img class="app-screenshot" src="/assets/immich-screenshot-1.webp" alt="Immich képernyőkép" loading="lazy">
|
||
<div class="app-info-grid">
|
||
<div class="app-info-card">
|
||
<h3>Mire jó egy családnak?</h3>
|
||
<ul class="app-info-list"><li>Fotók és videók automatikus mentése telefonról</li><li>Arc- és tárgyfelismerés gépi tanulással</li><li>Térképes megjelenítés helyszín alapján</li><li>Emlékek és visszatekintések automatikus generálása</li></ul>
|
||
</div>
|
||
<div class="app-info-card">
|
||
<h3>Első lépések</h3>
|
||
<ul class="app-info-list"><li>Nyisd meg a photos.otthonod.hu címet a böngészőben</li><li>Hozd létre az admin fiókot</li><li>Telepítsd az Immich alkalmazást a telefonodra (Android/iOS)</li></ul>
|
||
</div>
|
||
</div>
|
||
<p class="form-hint">Telepítés: pár kattintás a vezérlőpultból. A saját dobozodon a
|
||
<strong>photos.otthonod.hu</strong> címen érnéd el. <span class="sample">minta</span></p>
|
||
</div>
|
||
</div>
|
||
<div class="app-panel" id="app-jellyfin" role="dialog" aria-label="Jellyfin">
|
||
<div class="app-panel-card">
|
||
<a class="app-panel-close" href="#" aria-label="Bezárás"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-x"/></svg></a>
|
||
<div class="app-info-hero">
|
||
<img class="app-info-logo" src="/assets/jellyfin-logo.svg" alt="">
|
||
<div class="app-info-hero-text">
|
||
<h3>Jellyfin</h3>
|
||
<p class="app-info-tagline">Ingyenes média szerver - filmek, sorozatok és zene streamelése</p>
|
||
</div>
|
||
</div>
|
||
<img class="app-screenshot" src="/assets/jellyfin-screenshot-1.webp" alt="Jellyfin képernyőkép" loading="lazy">
|
||
<div class="app-info-grid">
|
||
<div class="app-info-card">
|
||
<h3>Mire jó egy családnak?</h3>
|
||
<ul class="app-info-list"><li>Filmek, sorozatok és zenék streamelése bármilyen eszközre</li><li>Automatikus metaadat letöltés - borítók, leírások, értékelések</li><li>Élő TV és DVR funkció TV tunerrel</li><li>Több felhasználó külön profillal és szülői felügyelettel</li></ul>
|
||
</div>
|
||
<div class="app-info-card">
|
||
<h3>Első lépések</h3>
|
||
<ul class="app-info-list"><li>Nyisd meg a media.otthonod.hu címet a böngészőben</li><li>Kövesd a beállítás varázslót - válaszd a magyar nyelvet</li><li>Hozd létre az admin fiókot</li></ul>
|
||
</div>
|
||
</div>
|
||
<p class="form-hint">Telepítés: pár kattintás a vezérlőpultból. A saját dobozodon a
|
||
<strong>media.otthonod.hu</strong> címen érnéd el. <span class="sample">minta</span></p>
|
||
</div>
|
||
</div>
|
||
<div class="app-panel" id="app-nextcloud" role="dialog" aria-label="Nextcloud">
|
||
<div class="app-panel-card">
|
||
<a class="app-panel-close" href="#" aria-label="Bezárás"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-x"/></svg></a>
|
||
<div class="app-info-hero">
|
||
<img class="app-info-logo" src="/assets/nextcloud-logo.svg" alt="">
|
||
<div class="app-info-hero-text">
|
||
<h3>Nextcloud</h3>
|
||
<p class="app-info-tagline">A saját Google Drive-od - fájlok, naptár, névjegyek egy helyen</p>
|
||
</div>
|
||
</div>
|
||
<img class="app-screenshot" src="/assets/nextcloud-screenshot-1.webp" alt="Nextcloud képernyőkép" loading="lazy">
|
||
<div class="app-info-grid">
|
||
<div class="app-info-card">
|
||
<h3>Mire jó egy családnak?</h3>
|
||
<ul class="app-info-list"><li>Fájlok szinkronizálása és megosztása eszközök között</li><li>Naptár és névjegyek szinkronizálás (CalDAV/CardDAV)</li><li>Dokumentumok közös szerkesztése (OnlyOffice integrációval)</li><li>Fotó és videó automatikus feltöltés telefonról</li></ul>
|
||
</div>
|
||
<div class="app-info-card">
|
||
<h3>Első lépések</h3>
|
||
<ul class="app-info-list"><li>Nyisd meg a cloud.otthonod.hu címet a böngészőben</li><li>Jelentkezz be a telepítéskor megadott admin fiókkal</li><li>Telepítsd a Nextcloud asztali alkalmazást a számítógépedre</li></ul>
|
||
</div>
|
||
</div>
|
||
<p class="form-hint">Telepítés: pár kattintás a vezérlőpultból. A saját dobozodon a
|
||
<strong>cloud.otthonod.hu</strong> címen érnéd el. <span class="sample">minta</span></p>
|
||
</div>
|
||
</div>
|
||
<div class="app-panel" id="app-vaultwarden" role="dialog" aria-label="Vaultwarden">
|
||
<div class="app-panel-card">
|
||
<a class="app-panel-close" href="#" aria-label="Bezárás"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-x"/></svg></a>
|
||
<div class="app-info-hero">
|
||
<img class="app-info-logo" src="/assets/vaultwarden-logo.svg" alt="">
|
||
<div class="app-info-hero-text">
|
||
<h3>Vaultwarden</h3>
|
||
<p class="app-info-tagline">Jelszókezelő - Bitwarden kompatibilis, a saját szerveren</p>
|
||
</div>
|
||
</div>
|
||
<img class="app-screenshot" src="/assets/vaultwarden-screenshot-1.webp" alt="Vaultwarden képernyőkép" loading="lazy">
|
||
<div class="app-info-grid">
|
||
<div class="app-info-card">
|
||
<h3>Mire jó egy családnak?</h3>
|
||
<ul class="app-info-list"><li>Jelszavak biztonságos tárolása és automatikus kitöltése</li><li>Bitwarden kliensek teljes kompatibilitása (böngésző, mobil, asztali)</li><li>Jelszavak megosztása családtagokkal szervezeten belül</li><li>Kétfaktoros hitelesítés (TOTP) kódok tárolása</li></ul>
|
||
</div>
|
||
<div class="app-info-card">
|
||
<h3>Első lépések</h3>
|
||
<ul class="app-info-list"><li>Nyisd meg a vault.otthonod.hu/admin címet, és lépj be az admin panel tokenjével (Beállítások → Automatikusan generált értékek)</li><li>A „Users" fülön az „Invite User" mezőben hívd meg a saját és a családtagok e-mail címét — a regisztráció alapból le van zárva, csak meghívott cím nyithat fiókot</li><li>Nyisd meg a vault.otthonod.hu címet, válaszd a „Create account" lehetőséget a meghívott címmel, és adj meg erős mesterjelszót</li></ul>
|
||
</div>
|
||
</div>
|
||
<p class="form-hint">Telepítés: pár kattintás a vezérlőpultból. A saját dobozodon a
|
||
<strong>vault.otthonod.hu</strong> címen érnéd el. <span class="sample">minta</span></p>
|
||
</div>
|
||
</div>
|
||
<footer class="m2-foot">
|
||
<p>© 2026 felhom.eu – Saját felhőd, saját szabályaid · <span class="sample">mockup, nem éles oldal</span></p>
|
||
</footer>
|
||
</body>
|
||
</html>
|