<!DOCTYPE html>
<html lang="pl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="components/fonts/fredoka.css">
    <link rel="stylesheet" href="components/fonts/K2D.css">
    <link rel="stylesheet" href="components/fonts/MuseoModerno.css">
    <link rel="stylesheet" href="components/fonts/overpass.css">
    <link rel="stylesheet" href="components/fonts/rubik.css">
    <link rel="stylesheet" href="components/fonts/SFMono.css">
    <title>Apophis</title>
    <!-- <link rel="shortcut icon" href="components/img/apophis.ico" type="image/x-icon"> -->
    <link rel="preload" href="components/css/async.css" as="style" />
    <link rel="stylesheet" href="components/css/async.css">
    <link rel="stylesheet" href="components/css/--root.css">
    <link rel="stylesheet" href="components/css/default-0.1.css">
    <link rel="stylesheet" href="components/css/dynamic-0.1.css">
</head>
<body>
    <div id="loading"><p>ładowanie strony...</p><p id="loading-content">##########</p></div>
    <script src="components/js/f-loading-0-0-0.js" async></script>
    <div id="page-content" class="page-content">
        <img id="ascii-apophis-logo" class="welcome-ascii" src="components/img/apophis-ascii-art.png" alt="Apophis" loading="eager" title="Apophis Platform">
        <img id="ascii-apophis-text" class="welcome-ascii" src="components/img/apophis-ascii-text.png" alt="Apophis" loading="eager" title="Apophis Platform">
        <button class="start-apophis" type="button"></button>
        <img id="loading-start-form-button" src="components/img/start-ascii-hover.png" loading="eager">
        <div id="start-form" class="start-form">
            <h1>STRONA MOŻE WPŁYWAĆ NA KOMFORT UŻYTKOWNIKA POPRZEZ INGERENCJĘ W KLUCZOWE ASPEKTY BEZPIECZEŃSTWA PRZEGLĄDARKI</h1>
            <h1>NIEKTÓRE OPCJE MOGĄ WYWOŁAĆ ZMIANY W USTAWIENIACH, ORAZ PAMIĘCI PODRĘCZNEJ PRZEGLĄDARKI. URUCHAMIASZ NA WŁASNĄ ODPOWIEDZIALNOŚĆ</h1>
            <h1>ABY KONTYNUOWAĆ, PRZEPISZ PONIŻSZY KOD DO OKIENKA I ZATWIERDŹ [ENTER]</h1>
            <h1 id="form-verify"></h1>
            <input type="text" name="verify" id="got-it-form" placeholder="____" autocomplete="off">
            <h1 id="form-error">NIEPRAWIDŁOWY KOD</h1>
            <div style="display: none;" id="status"></div>
        </div>
    </div>
    <div id="dynamic-background"></div>
    <div id="dynamic-content" class="dynamic-content"></div>
    <div id="dynamic-set"><div class="set-c-1-1"></div><div class="set-c-1-2"></div><div class="set-c-2-1"></div><div class="set-c-2-2"></div><div class="spinner"><div></div><div></div><div></div><div></div></div></div>
    <h1 id="bottom">Apophis Platform - Siergiej v2</h1>
    <script src="components/js/f-nots-1-1-1-1.js"></script>
    <script src="components/js/f-nots-1-1-1-2.js"></script>
    <script src="components/js/f-nots-2-1-1-2.js"></script>
    <script src="components/js/f-load-1-1-1-1.js"></script>
    <script src="components/js/f-load-2-1-1-3.js"></script>
    <script src="components/js/f-load-3-2-1-2.js"></script>
    <script src="components/js/f-load-4-1-1-1.js"></script>
    <script>
        (function() {
            let checkInterval = 1000;

            setInterval(() => {
                const start = Date.now();
                // Sprawdzamy, czy szerokość okna jest większa niż pewien próg
                // Otwierając narzędzia deweloperskie, szerokość okna może się zmienić
                const isDevToolsOpen = window.outerWidth - window.innerWidth > 100;

                if (isDevToolsOpen) {
                    document.body.innerHTML = "";
                }
            }, checkInterval);
        })();
    </script>
</body>
</html>