<!DOCTYPE html>
    <html>
    <head>
        <title>Waking Up...</title>
        <meta http-equiv="refresh" content="3">
        <style>
            body {
                font-family: sans-serif;
                text-align: center;
                padding-top: 50px;
                background-color: #1d2022;
                color: #ffffff;
                margin: 0;
                height: 100vh;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
            }
            
             /* Moving gradient text effect */
            h1 {
                font-size: 3rem;
                background: linear-gradient(90deg, #ffe600, #ff4800, #ffe600);
                background-size: 200% auto;
                -webkit-background-clip: text;
                background-clip: text;
                color: transparent;
                animation: gradientShift 5s ease infinite;
                text-shadow: 0 0 10px rgba(207, 204, 6, 0.49);
                margin-bottom: 20px;
            }

            @keyframes gradientShift {
                0% {
                    background-position: 0% center;
                }
                50% {
                    background-position: 100% center;
                }
                100% {
                    background-position: 0% center;
                }
            }

            p {
                font-size: 1.2rem;
                margin: 10px 0;
                color: #ffffff;
                text-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
            }

            /* Ensure responsiveness */
            @media (max-width: 600px) {
                h1 {
                    font-size: 2rem;
                }
                p {
                    font-size: 1rem;
                }
            }
            #waves-canvas {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                z-index: -1;
            }
        </style>
    </head>
    <body>
        <h1>Application is sleeping</h1>
        <p>Please wait while it wakes up...</p>
        <p>This page will refresh automatically.</p>
        <canvas id="waves-canvas"></canvas>
        <script type="module">
            import("https://furb.it/wave-boi.mjs")
                .then(({ WavesCanvas }) => {
                    function drawAnimation() {
                        const canvas = document.getElementById("waves-canvas");
                        const waves = new WavesCanvas(canvas);
                        waves.play();
                    }

                    if (document.readyState === "loading") {
                        document.addEventListener("DOMContentLoaded", drawAnimation);
                    } else {
                        drawAnimation();
                    }
                })
                .catch((error) => {
                    console.debug("Skipping waves canvas:", error);
                });
        </script>
    </body>
    </html>