Braulito
Braulito
DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Web Anonymous Unblocked</title>
<style>
body {
background-color: #6a0dad;
font-family: Arial, sans-serif;
color: white;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
align-items: center;
}
header {
padding: 20px;
font-size: 2em;
font-weight: bold;
text-align: center;
}
.game-list {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 15px;
max-width: 1200px;
padding: 10px;
overflow-y: auto;
max-height: 350px;
border-bottom: 2px solid #a570d0;
}
.game-item {
background: #480b65;
border-radius: 10px;
cursor: pointer;
width: 150px;
text-align: center;
padding: 10px;
transition: transform 0.2s;
box-shadow: 0 0 10px rgba(255,255,255,0.2);
user-select: none;
}
.game-item:hover {
transform: scale(1.1);
box-shadow: 0 0 20px #fff;
}
.game-item img {
width: 130px;
height: 100px;
object-fit: contain;
border-radius: 8px;
background: #3e0a59;
margin-bottom: 8px;
}
.game-item p {
margin: 0;
font-weight: bold;
font-size: 1em;
}
#game-container {
margin-top: 20px;
background: #4b007e;
border-radius: 15px;
width: 640px;
height: 480px;
box-shadow: 0 0 15px #a570d0;
position: relative;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
iframe {
border: none;
width: 100%;
height: 100%;
border-radius: 15px;
}
canvas {
background: #222;
border-radius: 15px;
display: block;
}
</style>
</head>
<body>
<header>Web Anonymous Unblocked</header>
<div id="game-container">
<p style="color:#aaa; font-size: 1.2em;">Selecciona un juego para jugar</p>
</div>
<script>
// Lista de juegos con nombre, miniatura y URL para iframe (o 'internal' para
juegos con código)
const gamesData = [
// Juegos integrados en código (internal)
{
name: '2048',
thumbnail:
'https://upload.wikimedia.org/wikipedia/commons/thumb/1/14/2048_logo.svg/120px-
2048_logo.svg.png',
type: 'internal',
},
{
name: 'Flappy Bird',
thumbnail:
'https://upload.wikimedia.org/wikipedia/en/0/0a/Flappy_Bird_icon.png',
type: 'internal',
},
{
name: 'Tetris',
thumbnail:
'https://upload.wikimedia.org/wikipedia/commons/7/7e/Tetris_logo.svg',
type: 'internal',
},
{
name: 'Snake',
thumbnail:
'https://upload.wikimedia.org/wikipedia/commons/thumb/f/f1/Snake_Game_icon.png/
120px-Snake_Game_icon.png',
type: 'internal',
},
{
name: 'Pong',
thumbnail:
'https://upload.wikimedia.org/wikipedia/commons/thumb/6/68/Pong_game_logo.svg/
120px-Pong_game_logo.svg.png',
type: 'internal',
},
function game2048() {
alert('Aquí iría el juego 2048 (puedes integrar la lógica real).');
}
function gameFlappy() {
alert('Aquí iría Flappy Bird (puedes integrar la lógica real).');
}
function gameTetris() {
alert('Aquí iría Tetris (puedes integrar la lógica real).');
}
function gameSnake() {
alert('Aquí iría Snake (puedes integrar la lógica real).');
}
function gamePong() {
alert('Aquí iría Pong (puedes integrar la lógica real).');
}
const games = {
'2048': game2048,
'Flappy Bird': gameFlappy,
'Tetris': gameTetris,
'Snake': gameSnake,
'Pong': gamePong,
};