YouTube desbloqueado

10 703003381

Abrir en el editor Publica tu código

Recomendado

16 March 2026

Juegos desbloqueados: Juega gratis a juegos HTML5 en línea.

1 April 2026

Juegos desbloqueados: Juega gratis en línea en GN-Math

21 April 2026

Juegos desbloqueados: Juega gratis en línea en GN-Math

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ebert's unbl0ck3d y0tub3</title>
    <link href="https://googleapis.com" rel="stylesheet">
    <style>
        body, html {
            margin: 0; padding: 0; width: 100%; height: 100%;
            overflow: hidden; background-color: #050510;
            font-family: 'Press Start 2P', cursive;
            display: flex; justify-content: center; align-items: center;
        }

/* Nebula Layer */
        .nebula {
            position: absolute; width: 150%; height: 150%;
            background: radial-gradient(circle at 30% 40%, rgba(72, 35, 144, 0.2) 0%, transparent 40%),
                        radial-gradient(circle at 70% 60%, rgba(138, 43, 226, 0.15) 0%, transparent 50%);
            z-index: 0; filter: blur(60px);
        }

/* Taller Pixel Mountains */
        .mountains {
            position: absolute; bottom: 0; left: 0; width: 100%; height: 250px;
            background: #0d0d1a; z-index: 5;
            clip-path: polygon(0% 100%, 0% 60%, 15% 20%, 30% 50%, 45% 10%, 65% 45%, 80% 25%, 100% 60%, 100% 100%);
            box-shadow: inset 0 10px 0 0 #16213e;
        }

/* 8-bit Cabin */
        .cabin {
            position: absolute; bottom: 185px; left: 42%;
            width: 30px; height: 20px; background: #4a2e2a; z-index: 6;
            box-shadow: 4px 4px 0 #000;
        }
        .cabin::before { /* Roof */
            content: ''; position: absolute; top: -10px; left: -5px;
            width: 40px; height: 10px; background: #2e1a1a;
            clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
        }
        .cabin::after { /* Window Glow */
            content: ''; position: absolute; top: 8px; left: 10px;
            width: 6px; height: 6px; background: #ffd700;
            box-shadow: 0 0 10px #ffd700;
        }
        .chimney {
            position: absolute; top: -12px; right: 5px;
            width: 6px; height: 10px; background: #333; z-index: 5;
        }

/* 8-bit Moon with Deep Craters */
        .moon {
            position: absolute; top: 8%; right: 12%; width: 64px; height: 64px;
            background: #e0e0e0; z-index: 2;
            box-shadow: 
                -8px 0 0 0 #e0e0e0, 8px 0 0 0 #e0e0e0, 0 -8px 0 0 #e0e0e0, 0 8px 0 0 #e0e0e0,
                /* Defined Craters */
                16px 12px 0 -4px #888, -12px 28px 0 -6px #888, 20px -8px 0 -8px #888, 
                -4px 10px 0 -10px #888, 8px 35px 0 -6px #888,
                0 0 40px rgba(255, 255, 255, 0.1);
        }

/* Shooting Star & Rain */
        .shooting-star {
            position: absolute; height: 2px; background: linear-gradient(90deg, #fff, transparent);
            z-index: 2; opacity: 0; animation: shoot 4s linear infinite;
        }
        @keyframes shoot {
            0% { transform: translateX(0) translateY(0) rotate(-45deg); width: 0; opacity: 1; }
            10% { width: 80px; }
            30% { transform: translateX(-400px) translateY(400px) rotate(-45deg); width: 0; opacity: 0; }
            100% { opacity: 0; }
        }

.star { position: absolute; background: #fff; z-index: 1; animation: twinkle var(--d) infinite; }
        @keyframes twinkle { 0%, 100% { opacity: 0.3; } 50% { opacity: 1; } }
        .rain { position: absolute; width: 100%; height: 100%; z-index: 7; pointer-events: none; }
        .drop { position: absolute; width: 2px; height: 10px; background: #4a4e69; opacity: 0.3; animation: fall linear infinite; }
        @keyframes fall { to { transform: translateY(100vh); } }

/* UI Container */
        .container {
            position: relative; z-index: 10; text-align: center;
            background: #16213e; padding: 40px; border: 4px solid #e94560; 
            box-shadow: 10px 10px 0px #000;
        }
        h1 { color: #e94560; font-size: 14px; margin-bottom: 30px; text-shadow: 4px 4px 0 #000; }
        .btn {
            display: inline-block; padding: 15px 25px; font-size: 10px; text-decoration: none; 
            color: #fff; background-color: #e94560; box-shadow: inset -4px -4px 0px 0px #9a2d41, 0 6px 0 0 #000;
        }
    </style>
</head>
<body>
    <div class="nebula"></div>
    <div class="moon"></div>
    <div class="mountains"></div>
    <div class="cabin"><div class="chimney"></div></div>
    <div id="starField"></div>
    <div id="shootingStarField"></div>
    <div class="rain" id="rainContainer"></div>

<div class="container">
        <h1>ebert's unbl0ck3d y0utub3</h1>
        <a href="https://in.geeked.wtf" target="_blank" class="btn">LAUNCH APP</a>
    </div>

const stars = document.getElementById('starField');
        for (let i = 0; i < 120; i++) {
            const star = document.createElement('div');
            star.className = 'star';
            const size = Math.random() * 2 + 'px';
            star.style.width = size; star.style.height = size;
            star.style.top = Math.random() * 70 + 'vh';
            star.style.left = Math.random() * 100 + 'vw';
            star.style.setProperty('--d', (Math.random() * 3 + 2) + 's');
            stars.appendChild(star);
        }

const sStarField = document.getElementById('shootingStarField');
        setInterval(() => {
            const sStar = document.createElement('div');
            sStar.className = 'shooting-star';
            sStar.style.top = Math.random() * 40 + 'vh';
            sStar.style.left = (Math.random() * 50 + 50) + 'vw';
            sStarField.appendChild(sStar);
            setTimeout(() => sStar.remove(), 4000);
        }, 5000);
    </script>
</body>
</html>

CSS