Not found.html/SourceCode

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>System Error</title>
    <style>
        body, html {
            margin: 0;
            padding: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
            background-color: #003399; 
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            font-family: "Times New Roman", serif;
            color: white;
            text-align: center;
        }

        .container {
            transition: opacity 0.3s ease;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .smiley-img {
            width: 280px;
            height: auto;
            margin-bottom: 20px;
            image-rendering: pixelated;
        }

        h1 {
            font-size: 3rem;
            margin: 10px 0;
            font-weight: normal;
        }

        h2 {
            font-size: 5rem;
            margin: 10px 0;
            font-weight: normal;
        }

       
        #actionButton {
            background-color: #ffff33;
            color: black;
            border: 10px solid black;
            padding: 15px 80px;
            font-size: 3.5rem;
            cursor: pointer;
            font-family: "Times New Roman", serif;
            margin-top: 20px;
            transition: transform 0.1s;
        }

        #actionButton:active {
            transform: scale(0.95);
        }

       
        #jumpscare-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100vw;
            height: 100vh;
            background: black;
            display: none;
            z-index: 9999;
            justify-content: center;
            align-items: center;
        }

        #jumpscare-image {
            max-width: 100%;
            max-height: 100%;
            object-fit: contain;
        }
    </style>
</head>
<body>

    
        <img src="Sprig.webp" 
             alt="Sprig" 
             class="smiley-img"
             onerror="this.src='encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSP_M_85vewGS1El7K870Y7JIMjCXqSDrWbxw&s'">

        <h1 id="topText">Something bad happened</h1>
        <h2 id="midText"><nowiki>Please try to click this button</h2>
        
        <button id="actionButton">Click</button>
    

    <audio id="screamAudio" loop>
        <source src="files.catbox.moe/k3ozcm.mp3" type="audio/mpeg">
    </audio>

    
        <img id="jumpscare-image" src="" alt="">
    

    <script>
        const actionButton = document.getElementById('actionButton');
        const topText = document.getElementById('topText');
        const midText = document.getElementById('midText');
        const overlay = document.getElementById('jumpscare-overlay');
        const jumpImg = document.getElementById('jumpscare-image');
        const screamAudio = document.getElementById('screamAudio');
        
        let clickCount = 0;

        const images = [
            "encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS0luPE9y7Tl_RS8aG_GPXjnOTO9If2vCnymw&s",
            "encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQpxLFb1ADNK0utkMhIKqYTF1kyT6IpOigGaw&s",
            "static0.colliderimages.com/wordpress/wp-content/uploads/2023/10/the-ring.jpg?w=1200&h=675&fit=crop",
            "encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRFr7Dft01mlaMgUfbsRNl-2ppetx6oeqhKCQ&s",
            "shutterstock.com/shutterstock/videos/1108729573/thumb/7.jpg?ip=x480",
            "encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRu-AZ1IxSa9_ka5EAdBK7V34eOg2iDbggMhg&s",
            "imgix.ranker.com/list_img_v2/3432/3243432/original/3243432?auto=format&q=50&fit=crop&fm=pjpg&dpr=2&crop=faces&h=185.86387434554973&w=355",
            "gallery.screamer.wiki/_thumbs/07159cddb24f85e204a4269535ee56aa/thumb.jpg",
            "gallery.screamer.wiki/_thumbs/f32f1bc7107355ae7903a161e351388b/thumb.jpg",
            "gallery.screamer.wiki/_thumbs/2e2f382e9dc94545c4f2825707c9ceac/thumb.jpg",
            "gallery.screamer.wiki/_thumbs/7ec5567b6a680a719a4031d4c2cf768e/thumb.jpg",
            "gallery.screamer.wiki/_thumbs/eccd7b15d42610422534eaa09b10abd7/thumb.jpg"
        ];

       
        images.forEach(src => {
            const img = new Image();
            img.src = src;
        });

        actionButton.addEventListener('click', () => {
            clickCount++;

            if (clickCount === 1) {
                topText.textContent = "Error:";
                midText.textContent = "please click again";
                topText.style.color = "#ff4444";
                midText.style.color = "#ff4444";
            } else if (clickCount >= 2) {
                startJumpscare();
            }
        });

        function startJumpscare() {
            screamAudio.play().catch(e => console.log("Audio playback failed:", e));
            
            overlay.style.display = 'flex';
            let index = 0;
            
            const interval = setInterval(() => {
                if (index >= images.length) {
                    index = 0;
                }
                
                jumpImg.src = images[index];
                
                
                const scale = 1 + (Math.random() * 0.7);
                const rotate = (Math.random() - 0.5) * 20;
                jumpImg.style.transform = `scale(${scale}) rotate(${rotate}deg)`;
                
                index++;
            }, 60);
        }
    </script>
</body>
</html>
Not found.html/SourceCode

Navigation menu

Search
