<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Darvk</title>
        <link rel="shortcut icon" type="image/png" href="data:image/jpeg;base64,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" />
        <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Varela+Round&display=swap"/>
    <style>
        body {
            margin: 0;
            padding: 0;
            overflow: hidden; /* Prevent scroll bars on the main page */
        }
        #iframe {
            width: 100%;
            height: 100vh; /* Full height of the viewport */
            border: none; /* No border */
            overflow: hidden; /* Prevent scroll bars on the iframe */
        }
        #optionsContainer {
            position: absolute;
            top: 10px;
            left: 10px;
            background: rgba(255, 255, 255, 0.8);
            padding: 10px;
            border-radius: 5px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
            display: none; /* Initially hidden */
        }
        #toggleButton {
            position: absolute;
            top: 10px;
            right: 10px;
            padding: 10px;
            background-color: #007BFF;
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            display: none; /* Initially hidden */
        }
    </style>
</head>
<body>
    <button id="toggleButton">Show Options</button>
    <div id="optionsContainer">
        <label for="tabTitleSelect">Select Tab Title:</label>
        <select id="tabTitleSelect">
            <option value="Classroom">Classroom</option>
            <option value="1st Period Science">1st Period Science</option>
            <option value="2nd Period Science">2nd Period Science</option>
            <option value="4th Period Science">4th Period Science</option>
            <option value="6th Period Science">6th Period Science</option>
            <option value="1ST PERIOD">1ST PERIOD</option>
            <option value="2ND PERIOD">2ND PERIOD</option>
            <option value="4TH PERIOD">4TH PERIOD</option>
            <option value="6TH PERIOD">6TH PERIOD</option>
            <option value="Social Studies - 1st Period">Social Studies - 1st Period</option>
            <option value="Social Studies - 2nd Period">Social Studies - 2nd Period</option>
            <option value="Social Studies - 4th Period">Social Studies - 4th Period</option>
            <option value="Social Studies - 6th Period">Social Studies - 6th Period</option>
            <option value="FIRST PERIOD-8C">FIRST PERIOD-8C</option>
            <option value="SECOND PERIOD-8C">SECOND PERIOD-8C</option>
            <option value="FOURTH PERIOD-8C">FOURTH PERIOD-8C</option>
            <option value="SIXTH PERIOD-8C">SIXTH PERIOD-8C</option>
        </select>
        <button id="changeTitleButton">Change Title</button>
    </div>
    <iframe id="iframe" src="https://polarized-regular-buckaroo.glitch.me/" scrolling="no"></iframe>

    <script>
        // Function to hide all options
        function hideOptions() {
            const optionsContainer = document.getElementById('optionsContainer');
            optionsContainer.style.display = 'none'; // Hide options
        }

        // Show the toggle button when the "O" key is pressed
        window.addEventListener('keydown', function(event) {
            if (event.key.toLowerCase() === 'o') {
                event.preventDefault(); // Prevent default action
                const toggleButton = document.getElementById('toggleButton');
                // Toggle button visibility
                if (toggleButton.style.display === 'none' || toggleButton.style.display === '') {
                    toggleButton.style.display = 'block'; // Show the button
                } else {
                    hideOptions(); // Hide options if already visible
                }
            }
        });

        // Toggle the visibility of the options container when the button is clicked
        document.getElementById('toggleButton').addEventListener('click', function() {
            const optionsContainer = document.getElementById('optionsContainer');
            if (optionsContainer.style.display === 'none' || optionsContainer.style.display === '') {
                optionsContainer.style.display = 'block'; // Show options
                this.textContent = 'Hide Options'; // Change button text
            } else {
                hideOptions(); // Hide options
                this.textContent = 'Show Options'; // Change button text back
            }
        });

        // Change the tab title based on user selection
        document.getElementById('changeTitleButton').addEventListener('click', function() {
            const selectedTitle = document.getElementById('tabTitleSelect').value;
            document.title = selectedTitle; // Change the tab title
        });

        // Show options when clicking on the iframe
        document.getElementById('iframe').addEventListener('click', function() {
            const toggleButton = document.getElementById('toggleButton');
            toggleButton.style.display = 'block '; // Show the toggle button when iframe is clicked
        });
    </script>
</body>
</html>