HEX

File: /var/www/html/inventory.breadsecret.com/test.php
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Fullscreen Page</title>
    <style>
        body {
            margin: 0;
            font-family: Arial, sans-serif;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            background-color: #f0f0f0;
        }
    </style>
</head>
<body>

    <h1>Welcome to Fullscreen Page</h1>
    <button id="fullscreenBtn">Go Full Screen</button>
    <a href="test2.php">Go to Next Page</a>

    <script>
        function goFullScreen() {
            if (document.documentElement.requestFullscreen) {
                document.documentElement.requestFullscreen();
            } else if (document.documentElement.mozRequestFullScreen) { // Firefox
                document.documentElement.mozRequestFullScreen();
            } else if (document.documentElement.webkitRequestFullscreen) { // Chrome, Safari and Opera
                document.documentElement.webkitRequestFullscreen();
            } else if (document.documentElement.msRequestFullscreen) { // IE/Edge
                document.documentElement.msRequestFullscreen();
            }
            localStorage.setItem('fullscreen', 'true');
        }

        window.addEventListener('load', () => {
            if (localStorage.getItem('fullscreen') === 'true') {
                const fullscreenPromise = document.documentElement.requestFullscreen();
                if (fullscreenPromise) {
                    fullscreenPromise.catch(err => {
                        console.error("Error attempting to enable full-screen mode:", err.message);
                    });
                }
            }

            document.getElementById('fullscreenBtn').addEventListener('click', () => {
                goFullScreen();
            });
        });
    </script>

</body>
</html>