<html lang="en">
<head>
 <link rel="icon" type="image/png" href="https://ssl.gstatic.com/classroom/favicon.png"> 



    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Google Classroom - Home</title> 
</head>
<body>
    <script>
        var url = "rojolet.html"; 
        var win;
        var combo = ['Z', 'I', 'P', 'P', 'E', 'R']; 
        var currentIndex = 0;

        // Listen for keydown events
        document.addEventListener('keydown', function(event) {
            if (event.key.toUpperCase() === combo[currentIndex]) {
                currentIndex++; 
                if (currentIndex === combo.length) {
                    createFullscreenButton(); // Create the button when the combo is complete
                }
            } else {
                currentIndex = 0;
            }
        });

        function createFullscreenButton() {
            var button = document.createElement('button');
            button.innerHTML = '';
            document.body.appendChild(button);
            
            button.onclick = function() {
                if (win) {
                    win.focus();
                } else {
                    win = window.open(); 
                    win.document.body.style.margin = '0';
                    win.document.body.style.height = '100vh';
                    var iframe = win.document.createElement('iframe');
                    iframe.style.border = 'none';
                    iframe.style.width = '100%';
                    iframe.style.height = '100%';
                    iframe.src = url; 
                    win.document.body.appendChild(iframe); 
                }
                button.style.background = 'grey'; 
                button.innerHTML = ""; 
            };
        }
    </script>
</body>
</html>