felhom.eu/website/preview/m1/mentesek.html

<!DOCTYPE html>
<html lang="hu" class="no-js">
<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: a háromszintű mentés a vezérlőpult felületén.">
    <title>Biztonsági mentés · Felhom.eu mockup</title>
    <script>
    /* The controller's own progressive-enhancement hook (layout.html): flip no-js -> js before
       the first CSS-dependent paint, so the off-canvas drawer engages ONLY where the drawer
       script can open it. Without it the sidebar stays an in-flow flex child on a phone and
       squeezes the content column - which is exactly what happened here first time. */
    document.documentElement.className=document.documentElement.className.replace('no-js','js');
    </script>
    <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">
    <header class="mobile-topbar">
        <a href="index.html" class="mobile-topbar-logo"><img src="/assets/logo_notext_white.svg" alt="Felhom.eu"></a>
        <button type="button" class="nav-burger" id="navBurger" aria-expanded="false" aria-controls="sidebar" aria-label="Menü">
            <span class="hamburger-box"><span class="hamburger-line"></span><span class="hamburger-line"></span><span class="hamburger-line"></span></span>
        </button>
    </header>
    <div class="nav-backdrop" id="navBackdrop" hidden></div>
    <nav class="sidebar" id="sidebar">
        <div class="sidebar-header">
            <img src="/assets/logo_notext_white.svg" alt="Felhom.eu" class="sidebar-logo">
        </div>
        <ul class="nav-links">
                <li><a href="index.html"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-rocket"/></svg>Indítópult</a></li>
                <li><a href="alkalmazasok.html"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-cloud"/></svg>Alkalmazások</a></li>
                <li><a href="mentesek.html" class="active"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-shield"/></svg>Biztonsági mentés</a></li>
                <li><span class="nav-off" title="a saját dobozodon működik"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-hard-drive"/></svg>Tárhely<span class="nav-off-hint">a saját dobozodon működik</span></span></li>
                <li><span class="nav-off" title="a saját dobozodon működik"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-layout-grid"/></svg>Megosztás<span class="nav-off-hint">a saját dobozodon működik</span></span></li>
                <li><span class="nav-off" title="a saját dobozodon működik"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-cpu"/></svg>Rendszermonitor<span class="nav-off-hint">a saját dobozodon működik</span></span></li>
                <li><span class="nav-off" title="a saját dobozodon működik"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-settings"/></svg>Beállítások<span class="nav-off-hint">a saját dobozodon működik</span></span></li>
        </ul>
        <div class="sidebar-bottom">
            <div class="nav-group-label">A Felhomról</div>
            <ul class="nav-links nav-links-sub">
                    <li><a href="hogyan.html">Hogyan működik</a></li>
                    <li><a href="teszteles.html">Tesztelés</a></li>
                    <li><a href="kapcsolat.html">Kapcsolat</a></li>
            </ul>
            <div class="sidebar-footer">
                <span class="version">mockup</span>
            </div>
        </div>
    </nav>
    <main class="content">
        <div class="page-header"><h2>Biztonsági mentés</h2>
            <span class="domain-badge">Áttekintés <span class="sample">minta</span></span></div>

        <div class="alerts-container">
            <div class="alert-banner alert-banner-info">
                <span class="alert-icon"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-info"/></svg></span>
                <span class="alert-message">Ezen az oldalon minden szám <strong>minta</strong>. A saját dobozodon a te mentéseid valódi állapota látszik.</span>
            </div>
        </div>

        <div class="stack-grid">
            <div class="stack-detail-card is-static">
                <div class="stack-title-text">
                    <h3><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-hard-drive"/></svg> A dobozon</h3>
                    <p class="stack-detail-desc">Minden éjjel készül egy mentés a dobozon.</p>
                    <p class="backup-sample"><strong>Utolsó:</strong> ma 03:12 <span class="sample">minta</span></p>
                </div>
            </div>
            <div class="stack-detail-card is-static">
                <div class="stack-title-text">
                    <h3><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-shield-check"/></svg> Második meghajtón</h3>
                    <p class="stack-detail-desc">Egy másodpéldány egy második meghajtóra, ha van ilyen a dobozban.</p>
                    <p class="backup-sample"><strong>Utolsó:</strong> ma 03:41 <span class="sample">minta</span></p>
                </div>
            </div>
            <div class="stack-detail-card is-static">
                <div class="stack-title-text">
                    <h3><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-lock"/></svg> Titkosítva, távol</h3>
                    <p class="stack-detail-desc">Egy titkosított másolat egy távoli tárhelyre, az otthonodtól távol.</p>
                    <p class="backup-sample"><strong>Utolsó:</strong> ma 04:05 <span class="sample">minta</span></p>
                </div>
            </div>
        </div>

        <div class="app-info-grid">
            <div class="app-info-card">
                <h3>Helyreállítási kód, amit csak te ismersz</h3>
                <p>A távoli mentésed titkosításának kulcsa egy helyreállítási kód, ami pontosan egyszer jelenik meg: a te képernyődön. Mi nem ismerjük, és nem tudjuk visszaállítani. Ez azt is jelenti, hogy a kód nélkül a távoli mentés nekünk sem olvasható: tedd el jól.</p>
            </div>
            <div class="app-info-card">
                <h3>Visszaállítás, ha baj van</h3>
                <p>Egy törölt fájl visszahozható a mentésből. Ha maga a doboz megy tönkre, az újratelepített rendszerre a titkosított távoli mentésből visszahozhatók az alkalmazásaid adatai, a helyreállítási kóddal.</p>
            </div>
        </div>

        <p class="form-hint">A megosztott mappáid a második meghajtón és a távoli másolatban is benne vannak.</p>

    </main>
    <script>
    (function(){
        var b=document.getElementById('navBurger'),s=document.getElementById('sidebar'),k=document.getElementById('navBackdrop');
        if(!b||!s||!k)return;
        function open(){s.classList.add('is-open');k.hidden=false;b.setAttribute('aria-expanded','true');}
        function close(){s.classList.remove('is-open');k.hidden=true;b.setAttribute('aria-expanded','false');}
        b.addEventListener('click',function(){s.classList.contains('is-open')?close():open();});
        k.addEventListener('click',close);
        document.addEventListener('keydown',function(e){if(e.key==='Escape')close();});
    })();
    </script>
</body>
</html>