egg.html


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Eggg</title>
    <link rel="stylesheet" href="extra.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Comfortaa&display=swap">
</head>
<body class = "dark">
    <div class="dark-container">
        <div class="start-page" id="start-page">
            <h1>SYSTEM OVERRIDES</h1>
            <p>"You have broken the fourth wall!"</p> 
            <button id="start-button" class="start-button">Huh..?</button>
            <br>
        </div>

        <div class="quiz-page" id="quiz-page" style="display: none;">
            <div id="quiz">
                <!-- Questions with images, and choice buttons will be generated here dynamically using JavaScript -->
            </div>
            <div id="result" style="display: none;">
                <!--p>Congrats! You have found an Easter Egg! Return it to the creator as she might have something for you, if you're fast enough!!</p-->
                <p>Congrats! You have found an Easter Egg! First egg was found earlier...the creator has enough eggs for 2 years of breakfast. ^u^ You can keep the egg and enjoy!</p>
                <div class="result-image">
                    <img id="result-image" src="" alt="Result Image">
                </div>
                <p><a class="bright" href="https://www.instagram.com/p/C4oPx-Ev9kN/?utm_source=ig_web_copy_link&igsh=MzRlODBiNWFlZA==" target="_blank">About the eggs</a></p>
                <!--p>Feedback & Enter Raffle!<a href="https://forms.gle/1SYvtZrZYcD9VtSf6" target="_blank">here</a></p-->
                <br>
                <div class="result-content">
                    <div class="result-text">
                    </div>
                </div>
            </div>
        <footer>
            <a href="https://www.instagram.com/izonfalzo" target="_blank" style="font-size: 10px; text-decoration: none;">&copy; 2024 I-see Jaidee</a>
        </footer>
        </div>
    </div>
    <script src="Bob.js"></script>
</body>
</html>