Create hidden math assignment tab

HTML

<!DOCTYPE html>
<html>
<head>
    <title>Google Classroom - Math Review</title>
    <style>
        body, html { margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; background-color: #000; }
        button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 15px 30px; font-size: 18px; cursor: pointer; background: #4CAF50; color: white; border: none; border-radius: 5px; font-family: sans-serif; }
    </style>
</head>
<body>

    <button onclick="launchGame()">Click to Open Math Assignment</button>

    <script>
        function launchGame() {
            // Opens a completely blank tab that GoGuardian cannot track
            var win = window.open('about:blank', '_blank');
            
            // Injects an invisible fullscreen window containing your game file
            win.document.write('<iframe src="' + window.location.origin + '/math_practice.html" style="position:fixed; top:0; left:0; bottom:0; right:0; width:100%; height:100%; border:none; margin:0; padding:0; overflow:hidden; z-index:999999;"></iframe>');
            
            // Changes the tab title to hide the game
            win.document.title = "Math Assignment 06/07";
        }
    </script>
</body>
</html>