<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Site Selector</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 100vh;
            background: url('https://wallpapershome.com/images/pages/pic_h/229.jpg') no-repeat center center fixed;
            background-size: cover;
            color: #ffffff;
        }

        #controls {
            display: flex;
            align-items: center;
            gap: 1rem;
            margin-bottom: 1rem;
        }

        select, button {
            padding: 0.5rem 1rem;
            border: none;
            border-radius: 5px;
            font-size: 1rem;
            cursor: pointer;
        }

        select {
            background-color: #808080;
            color: white;
        }

        #panicButton {
            background-color: #808080;
            color: white;
        }

        iframe {
            width: 100%;
            height: 100%;
            border: none;
        }

        #description {
            font-size: 0.9rem;
            text-align: center;
            max-width: 80%;
        }
    </style>
</head>
<body>
    <div id="controls">
        <select id="siteSelector">
            <option value="">Select a site</option>
            <option value="https://rocketbotroyale2.winterpixel.io/">RBR</option>
            <option value="https://zombsroyale.io/">Zombs</option>
            <option value="https://shellshock.io/">Shellshockers</option>
            <option value="https://1v1.lol/">1v1.lol</option>
            <option value="https://bloxd.io">Bloxd</option>
            <option value="https://lolbeans.io/">Lolbeans</option>
        </select>
        <button id="panicButton">Panic Button</button>
    </div>
    <iframe id="siteFrame" src="" style="display: none;"></iframe>

    <script>
        const siteSelector = document.getElementById('siteSelector');
        const siteFrame = document.getElementById('siteFrame');
        const controls = document.getElementById('controls');
        const description = document.getElementById('description');
        const panicButton = document.getElementById('panicButton');
        let panicKey = null;

        siteSelector.addEventListener('change', () => {
            if (siteSelector.value) {
                siteFrame.src = siteSelector.value;
                siteFrame.style.display = 'block';
                controls.style.display = 'none';
                description.style.display = 'none';
                document.body.requestFullscreen().then(() => {
                    siteFrame.style.width = '100%';
                    siteFrame.style.height = '100%';
                });
            }
        });

        panicButton.addEventListener('click', () => {
            panicKey = prompt('Enter a key:');
            if (panicKey) {
                alert(`Panic mode activated. Key: '${panicKey}'.`);
            }
        });

        document.addEventListener('keydown', (event) => {
            if (panicKey && event.key === panicKey) {
                document.body.innerHTML = '';
                document.body.style.background = 'white';
                setTimeout(() => {
                    window.location.href = "https://workspace.google.com/products/drive/";
                }, 500);
            }
        });

        function gcloak() { 
            var link = document.querySelector("link[rel*='icon']") || document.createElement('link');
            link.type = 'image/x-icon';
            link.rel = 'shortcut icon';
            link.href = 'https://ssl.gstatic.com/docs/doclist/images/infinite_arrow_favicon_5.ico';
            document.title = 'My Drive - Google Drive';
            document.getElementsByTagName('head')[0].appendChild(link);
        }
        gcloak();
        setInterval(gcloak, 1000);
    </script>
</body>
</html>
