Spaces:

ttrld
/

neon-pit-dpsk

Running

App Files Files Community

ttrld commited on Mar 28, 2025

Commit

d854123

verified ·

1 Parent(s): 77ab43f

Add 2 files

Browse files

Files changed (2) hide show

README.md +6 -4
index.html +1364 -19

README.md CHANGED Viewed

@@ -1,10 +1,12 @@
 ---
-title: Neon Pit Dpsk
-emoji: 🏃
 colorFrom: blue
-colorTo: yellow
 sdk: static
 pinned: false
 ---
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

 ---
+title: neon-pit-dpsk
+emoji: 🐳
 colorFrom: blue
+colorTo: blue
 sdk: static
 pinned: false
+tags:
+  - deepsite
 ---
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

index.html CHANGED Viewed

@@ -1,19 +1,1364 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>

+<!DOCTYPE html>
+<html lang="ru">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>NEON PIT</title>
+    <link href="https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;700&family=Orbitron:wght@600&display=swap" rel="stylesheet">
+    <style>
+        /* Глобальные стили */
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+        body {
+            background-color: #000000;
+            color: #00f5ff;
+            font-family: 'Rajdhani', sans-serif;
+            overflow-x: hidden;
+            position: relative;
+            min-height: 100vh;
+        }
+        /* Шапка */
+        header {
+            padding: 20px;
+            text-align: center;
+            border-bottom: 1px solid #00f5ff;
+            background: rgba(0, 0, 0, 0.8);
+            position: relative;
+            z-index: 10;
+        }
+        h1 {
+            font-size: 3rem;
+            letter-spacing: 3px;
+            text-transform: uppercase;
+            text-shadow: 0 0 10px #00f5ff;
+        }
+        /* Основной контент */
+        main {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+            gap: 20px;
+            padding: 20px;
+            max-width: 1200px;
+            margin: 0 auto;
+        }
+        .section {
+            background: rgba(0, 0, 0, 0.7);
+            border: 2px solid #00f5ff;
+            border-radius: 5px;
+            padding: 15px;
+            transition: all 0.3s ease;
+            cursor: pointer;
+            height: 100%;
+            position: relative;
+            overflow: hidden;
+        }
+        .section:hover {
+            border-color: #00ffc8;
+            box-shadow: 0 0 15px #00f5ff;
+            transform: translateY(-5px);
+        }
+        .section::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: linear-gradient(135deg, rgba(0, 245, 255, 0.1) 0%, transparent 100%);
+            z-index: -1;
+        }
+        h2 {
+            font-size: 1.5rem;
+            margin-bottom: 15px;
+            color: #00f5ff;
+            text-shadow: 0 0 5px #00f5ff;
+        }
+        p {
+            margin-bottom: 15px;
+            line-height: 1.5;
+        }
+        /* Арт генератор */
+        .art-container {
+            width: 100%;
+            height: 200px;
+            background: #111;
+            margin: 10px 0;
+            position: relative;
+            overflow: hidden;
+        }
+        #artCanvas {
+            width: 100%;
+            height: 100%;
+        }
+        /* Змейка и динозаврик */
+        .game-container {
+            width: 100%;
+            height: 200px;
+            background: #111;
+            margin: 10px 0;
+            position: relative;
+            border: 1px solid #00f5ff;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+        }
+        /* Кнопки */
+        .btn {
+            background: transparent;
+            border: 1px solid #00f5ff;
+            color: #00f5ff;
+            padding: 8px 15px;
+            font-family: 'Rajdhani', sans-serif;
+            font-weight: bold;
+            cursor: pointer;
+            transition: all 0.3s ease;
+            text-transform: uppercase;
+            letter-spacing: 1px;
+            margin-right: 10px;
+            margin-bottom: 10px;
+        }
+        .btn:hover {
+            background: #00f5ff;
+            color: #000;
+            box-shadow: 0 0 10px #00f5ff;
+        }
+        /* FunPay кнопка */
+        .funpay-btn {
+            display: block;
+            width: 100%;
+            padding: 15px;
+            margin: 20px auto;
+            max-width: 500px;
+            background: transparent;
+            border: 2px solid #00f5ff;
+            color: #00f5ff;
+            font-family: 'Orbitron', sans-serif;
+            font-size: 1.2rem;
+            text-align: center;
+            text-transform: uppercase;
+            cursor: pointer;
+            transition: all 0.3s ease;
+            position: relative;
+            overflow: hidden;
+        }
+        .funpay-btn::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: -100%;
+            width: 100%;
+            height: 100%;
+            background: linear-gradient(90deg, transparent, rgba(0, 245, 255, 0.4), transparent);
+            transition: all 0.5s ease;
+        }
+        .funpay-btn:hover {
+            background: rgba(0, 245, 255, 0.2);
+            box-shadow: 0 0 20px #00f5ff;
+        }
+        .funpay-btn:hover::before {
+            left: 100%;
+        }
+        /* Футер */
+        footer {
+            text-align: center;
+            padding: 20px;
+            border-top: 1px solid #00f5ff;
+            margin-top: 30px;
+            position: relative;
+        }
+        .hex-code {
+            font-family: 'Orbitron', sans-serif;
+            font-size: 1.2rem;
+            animation: blink 1.5s infinite;
+        }
+        @keyframes blink {
+            0% { opacity: 0.3; }
+            50% { opacity: 1; text-shadow: 0 0 10px #00f5ff; }
+            100% { opacity: 0.3; }
+        }
+        /* Эффекты */
+        .blue-screen {
+            position: fixed;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: #00f5ff;
+            z-index: 100;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            color: #000;
+            font-size: 2rem;
+            text-align: center;
+            font-family: 'Orbitron', sans-serif;
+            opacity: 0;
+            pointer-events: none;
+            transition: opacity 0.5s ease;
+        }
+        /* Модальное окно для мини-игр */
+        .game-modal {
+            position: fixed;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: rgba(0, 0, 0, 0.9);
+            z-index: 50;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            opacity: 0;
+            pointer-events: none;
+            transition: opacity 0.3s ease;
+        }
+        .game-modal.active {
+            opacity: 1;
+            pointer-events: all;
+        }
+        .game-content {
+            background: #000;
+            border: 2px solid #00f5ff;
+            padding: 20px;
+            max-width: 800px;
+            width: 90%;
+            position: relative;
+        }
+        .close-btn {
+            position: absolute;
+            top: 10px;
+            right: 10px;
+            background: transparent;
+            border: none;
+            color: #00f5ff;
+            font-size: 1.5rem;
+            cursor: pointer;
+        }
+        /* Стили для змейки */
+        #snakeCanvas {
+            background: #000;
+            border: 1px solid #00f5ff;
+        }
+        /* Стили для динозаврика */
+        #dinoCanvas {
+            background: #000;
+            border: 1px solid #00f5ff;
+        }
+        /* Стили для вирусов */
+        #virusGameCanvas {
+            background: #000;
+            border: 1px solid #f50000;
+        }
+    </style>
+</head>
+<body>
+    <header>
+        <h1>NEON PIT</h1>
+    </header>
+    <main>
+        <section class="section" id="art-generator">
+            <h2>NEON ART GENERATOR</h2>
+            <p>Создайте уникальный цифровой арт с неоновыми эффектами. Настройте параметры генерации:</p>
+            <div class="art-container">
+                <canvas id="artCanvas"></canvas>
+            </div>
+            <div>
+                <button class="btn" id="generateBtn">GENERATE</button>
+                <button class="btn" id="exportBtn">SHOCK EXPORT</button>
+            </div>
+            <div style="margin-top: 15px;">
+                <label for="glitchLevel">GLITCH LEVEL:</label>
+                <input type="range" id="glitchLevel" min="0" max="10" value="3">
+                <label for="colorBleed">COLOR BLEED:</label>
+                <input type="range" id="colorBleed" min="0" max="10" value="5">
+                <label for="scanlines">SCANLINES:</label>
+                <input type="range" id="scanlines" min="0" max="10" value="2">
+            </div>
+        </section>
+        <section class="section" id="cyber-snake">
+            <h2>CYBER SNAKE</h2>
+            <p>Классическая змейка с кибер-твистом: при 10+ очках управление инвертируется, а на поле появляются вирусы!</p>
+            <div class="game-container">
+                <canvas id="snakeCanvas" width="280" height="180"></canvas>
+            </div>
+            <button class="btn" id="playSnakeBtn">START GAME</button>
+            <span id="snakeScore" style="font-family: 'Orbitron', sans-serif;">SCORE: 0</span>
+        </section>
+        <section class="section" id="trex-apocalypse">
+            <h2>T-REX APOCALYPSE</h2>
+            <p>Динозаврик из Chrome, но с неоновой тематикой. Попробуйте заработать 1000 очков - вас ждёт сюрприз!</p>
+            <div class="game-container">
+                <canvas id="dinoCanvas" width="300" height="150"></canvas>
+            </div>
+            <button class="btn" id="playDinoBtn">START GAME</button>
+            <span id="dinoScore" style="font-family: 'Orbitron', sans-serif;">SCORE: 0</span>
+        </section>
+        <section class="section" id="funpay-section">
+            <h2>EMERGENCY FUNPAY PORTAL</h2>
+            <p>Нажмите кнопку для активации чрезвычайного портала прямо в FunPay. Будьте готовы к кибер-переходу!</p>
+            <button class="btn funpay-btn" id="funpayBtn">ACTIVATE FUNPAY PORTAL</button>
+            <p>⚠️ Система переведёт вас через 2 секунды после активации. Отменить невозможно.</p>
+        </section>
+    </main>
+    <footer>
+        <div class="hex-code">#0xDEAD</div>
+        <p>CYBER SYSTEMS ONLINE</p>
+    </footer>
+    <!-- Синий экран смерти -->
+    <div class="blue-screen" id="blueScreen">
+        <div>
+            <p>CRITICAL SYSTEM ERROR</p>
+            <p>REBOOTING...</p>
+        </div>
+    </div>
+    <!-- Модальное окно для игр -->
+    <div class="game-modal" id="snakeModal">
+        <div class="game-content">
+            <button class="close-btn" id="closeSnakeBtn">×</button>
+            <h2>CYBER SNAKE</h2>
+            <p>Управление: стрелки. При 10+ очках всё становится сложнее!</p>
+            <canvas id="bigSnakeCanvas" width="600" height="400"></canvas>
+            <p id="bigSnakeScore" style="font-family: 'Orbitron', sans-serif; text-align: center; font-size: 1.5rem; margin-top: 10px;">SCORE: 0</p>
+        </div>
+    </div>
+    <div class="game-modal" id="dinoModal">
+        <div class="game-content">
+            <button class="close-btn" id="closeDinoBtn">×</button>
+            <h2>T-REX APOCALYPSE</h2>
+            <p>Управление: пробел для прыжка. Наберите 1000 очков для активации апокалипсиса!</p>
+            <canvas id="bigDinoCanvas" width="600" height="200"></canvas>
+            <p id="bigDinoScore" style="font-family: 'Orbitron', sans-serif; text-align: center; font-size: 1.5rem; margin-top: 10px;">SCORE: 0</p>
+        </div>
+    </div>
+    <!-- Мини-игра "Убей вирус" -->
+    <div class="game-modal" id="virusModal">
+        <div class="game-content">
+            <button class="close-btn" id="closeVirusBtn">×</button>
+            <h2 style="color: #ff0000;">VIRUS TERMINATION</h2>
+            <p>Нажимайте на появляющиеся вирусы, чтобы уничтожить их!</p>
+            <canvas id="virusGameCanvas" width="600" height="400"></canvas>
+            <p id="virusScore" style="font-family: 'Orbitron', sans-serif; text-align: center; font-size: 1.5rem; margin-top: 10px; color: #ff0000;">DESTROYED: 0</p>
+            <p id="virusTime" style="text-align: center;">TIME LEFT: 30</p>
+        </div>
+    </div>
+    <script>
+        // Генератор артов
+        const artCanvas = document.getElementById('artCanvas');
+        const ctx = artCanvas.getContext('2d');
+        artCanvas.width = artCanvas.offsetWidth;
+        artCanvas.height = artCanvas.offsetHeight;
+        function generateArt() {
+            const width = artCanvas.width;
+            const height = artCanvas.height;
+            const glitchLevel = parseInt(document.getElementById('glitchLevel').value);
+            const colorBleed = parseInt(document.getElementById('colorBleed').value);
+            const scanlines = parseInt(document.getElementById('scanlines').value);
+            ctx.clearRect(0, 0, width, height);
+            // Создаем базовую текстуру
+            for(let x = 0; x < width; x += 10) {
+                for(let y = 0; y < height; y += 10) {
+                    const r = Math.floor(Math.random() * 255);
+                    const g = Math.floor(Math.random() * (225 - 200) + 200);
+                    const b = Math.floor(Math.random() * (255 - 220) + 220);
+                    ctx.fillStyle = `rgb(${r}, ${g}, ${b})`;
+                    ctx.fillRect(x, y, 10, 10);
+                }
+            }
+            // Добавляем эффекты
+            if (glitchLevel > 0) {
+                applyGlitch(glitchLevel);
+            }
+            if (colorBleed > 0) {
+                applyColorBleed(colorBleed);
+            }
+            if (scanlines > 0) {
+                applyScanlines(scanlines);
+            }
+            // Добавляем водяной знак
+            ctx.font = 'bold 20px Orbitron';
+            ctx.fillStyle = 'rgba(0, 245, 255, 0.2)';
+            ctx.textAlign = 'right';
+            ctx.textBaseline = 'bottom';
+            ctx.fillText('NEON PIT', width - 10, height - 10);
+        }
+        function applyGlitch(level) {
+            const width = artCanvas.width;
+            const height = artCanvas.height;
+            const imageData = ctx.getImageData(0, 0, width, height);
+            const data = imageData.data;
+            for (let i = 0; i < data.length; i += 4) {
+                if (Math.random() < level/20) {
+                    data[i] = 0;       // R
+                    data[i + 1] = 255; // G
+                    data[i + 2] = 255; // B
+                }
+            }
+            ctx.putImageData(imageData, 0, 0);
+        }
+        function applyColorBleed(level) {
+            const width = artCanvas.width;
+            const height = artCanvas.height;
+            for(let i = 0; i < level; i++) {
+                const x = Math.floor(Math.random() * (width - 10));
+                const y = Math.floor(Math.random() * (height - 10));
+                const r = Math.floor(Math.random() * 255);
+                const g = Math.floor(Math.random() * (225 - 200) + 200);
+                const b = Math.floor(Math.random() * (255 - 220) + 220);
+                ctx.fillStyle = `rgba(${r}, ${g}, ${b}, 0.3)`;
+                ctx.globalCompositeOperation = 'lighten';
+                ctx.beginPath();
+                ctx.arc(x, y, level * 5, 0, Math.PI * 2);
+                ctx.fill();
+                ctx.globalCompositeOperation = 'source-over';
+            }
+        }
+        function applyScanlines(level) {
+            const width = artCanvas.width;
+            const height = artCanvas.height;
+            ctx.strokeStyle = `rgba(0, 245, 255, ${level/30})`;
+            ctx.lineWidth = 1;
+            for(let y = 0; y < height; y += 2) {
+                ctx.beginPath();
+                ctx.moveTo(0, y);
+                ctx.lineTo(width, y);
+                ctx.stroke();
+            }
+        }
+        document.getElementById('generateBtn').addEventListener('click', generateArt);
+        document.getElementById('exportBtn').addEventListener('click', function() {
+            const dataURL = artCanvas.toDataURL('image/png');
+            const link = document.createElement('a');
+            link.download = 'neon-pit-art.png';
+            link.href = dataURL;
+            link.click();
+            playSound('bleep');
+        });
+        // Змейка
+        const snakeCanvas = document.getElementById('snakeCanvas');
+        const snakeCtx = snakeCanvas.getContext('2d');
+        const bigSnakeCanvas = document.getElementById('bigSnakeCanvas');
+        const bigSnakeCtx = bigSnakeCanvas.getContext('2d');
+        const snakeScoreElement = document.getElementById('snakeScore');
+        const bigSnakeScoreElement = document.getElementById('bigSnakeScore');
+        let snake = [];
+        let food = {};
+        let direction = 'right';
+        let nextDirection = 'right';
+        let gameLoop;
+        let score = 0;
+        let gameSpeed = 150;
+        let invertedControls = false;
+        let viruses = [];
+        function initSnake() {
+            snake = [
+                {x: 100, y: 100},
+                {x: 90, y: 100},
+                {x: 80, y: 100}
+            ];
+            direction = 'right';
+            nextDirection = 'right';
+            score = 0;
+            gameSpeed = 150;
+            invertedControls = false;
+            viruses = [];
+            generateFood();
+            if (snakeCanvas === document.getElementById('snakeCanvas')) {
+                snakeScoreElement.textContent = 'SCORE: 0';
+            } else {
+                bigSnakeScoreElement.textContent = 'SCORE: 0';
+            }
+        }
+        function generateFood() {
+            const canvas = snakeCanvas === document.getElementById('snakeCanvas') ? snakeCanvas : bigSnakeCanvas;
+            const gridSize = 10;
+            food = {
+                x: Math.floor(Math.random() * (canvas.width / gridSize)) * gridSize,
+                y: Math.floor(Math.random() * (canvas.height / gridSize)) * gridSize
+            };
+            // Проверяем, чтобы еда ��е появилась на змейке
+            for (let segment of snake) {
+                if (segment.x === food.x && segment.y === food.y) {
+                    return generateFood();
+                }
+            }
+        }
+        function generateVirus() {
+            const canvas = snakeCanvas === document.getElementById('snakeCanvas') ? snakeCanvas : bigSnakeCanvas;
+            const gridSize = 10;
+            const virus = {
+                x: Math.floor(Math.random() * (canvas.width / gridSize)) * gridSize,
+                y: Math.floor(Math.random() * (canvas.height / gridSize)) * gridSize
+            };
+            // Проверяем, чтобы вирус не появился на змейке или еде
+            for (let segment of snake) {
+                if ((segment.x === virus.x && segment.y === virus.y) ||
+                    (food.x === virus.x && food.y === virus.y)) {
+                    return generateVirus();
+                }
+            }
+            viruses.push(virus);
+        }
+        function drawSnakeGame() {
+            const canvas = snakeCanvas === document.getElementById('snakeCanvas') ? snakeCanvas : bigSnakeCanvas;
+            const ctx = snakeCanvas === document.getElementById('snakeCanvas') ? snakeCtx : bigSnakeCtx;
+            const scoreElement = snakeCanvas === document.getElementById('snakeCanvas') ? snakeScoreElement : bigSnakeScoreElement;
+            // Очищаем canvas
+            ctx.fillStyle = '#000';
+            ctx.fillRect(0, 0, canvas.width, canvas.height);
+            // Рисуем сетку
+            ctx.strokeStyle = 'rgba(0, 245, 255, 0.1)';
+            ctx.lineWidth = 1;
+            for(let x = 0; x < canvas.width; x += 20) {
+                ctx.beginPath();
+                ctx.moveTo(x, 0);
+                ctx.lineTo(x, canvas.height);
+                ctx.stroke();
+            }
+            for(let y = 0; y < canvas.height; y += 20) {
+                ctx.beginPath();
+                ctx.moveTo(0, y);
+                ctx.lineTo(canvas.width, y);
+                ctx.stroke();
+            }
+            // Рисуем змейку
+            snake.forEach((segment, index) => {
+                if (index === 0) {
+                    // Голова
+                    ctx.fillStyle = '#00f5ff';
+                } else {
+                    ctx.fillStyle = '#00ffc8';
+                }
+                ctx.fillRect(segment.x, segment.y, 10, 10);
+                ctx.strokeStyle = '#000';
+                ctx.strokeRect(segment.x, segment.y, 10, 10);
+            });
+            // Рисуем еду
+            ctx.fillStyle = '#ff0095';
+            ctx.beginPath();
+            ctx.arc(food.x + 5, food.y + 5, 5, 0, Math.PI * 2);
+            ctx.fill();
+            // Рисуем вирусы
+            ctx.fillStyle = 'rgba(255, 0, 0, 0.7)';
+            viruses.forEach(virus => {
+                ctx.beginPath();
+                ctx.moveTo(virus.x + 5, virus.y);
+                ctx.lineTo(virus.x + 10, virus.y + 5);
+                ctx.lineTo(virus.x + 5, virus.y + 10);
+                ctx.lineTo(virus.x, virus.y + 5);
+                ctx.closePath();
+                ctx.fill();
+                // Анимация вируса
+                ctx.strokeStyle = 'rgba(255, 0, 0, 0.9)';
+                ctx.lineWidth = 2;
+                ctx.beginPath();
+                ctx.arc(virus.x + 5, virus.y + 5, 7 + Math.random() * 2, 0, Math.PI * 2);
+                ctx.stroke();
+            });
+            // Обновляем счет
+            scoreElement.textContent = `SCORE: ${score}`;
+            // Перемещаем змейку
+            const head = {x: snake[0].x, y: snake[0].y};
+            // Определяем направление с учетом инверсии управления
+            const currentDirection = invertedControls ?
+                (direction === 'up' ? 'down' :
+                 direction === 'down' ? 'up' :
+                 direction === 'left' ? 'right' : 'left') :
+                direction;
+            if (currentDirection === 'right') head.x += 10;
+            if (currentDirection === 'left') head.x -= 10;
+            if (currentDirection === 'up') head.y -= 10;
+            if (currentDirection === 'down') head.y += 10;
+            // Проверяем столкновение со стенами
+            if (head.x < 0 || head.x >= canvas.width || head.y < 0 || head.y >= canvas.height) {
+                gameOver();
+                return;
+            }
+            // Проверяем столкновение с собой
+            for (let i = 0; i < snake.length; i++) {
+                if (head.x === snake[i].x && head.y === snake[i].y) {
+                    gameOver();
+                    return;
+                }
+            }
+            // Проверяем столкновение с вирусами
+            for (let i = 0; i < viruses.length; i++) {
+                if (head.x === viruses[i].x && head.y === viruses[i].y) {
+                    gameOver();
+                    return;
+                }
+            }
+            // Проверяем, съела ли змейка еду
+            if (head.x === food.x && head.y === food.y) {
+                score += 10;
+                playSound('bleep');
+                generateFood();
+                // Каждые 50 очков увеличиваем скорость
+                if (score % 50 === 0) {
+                    gameSpeed = Math.max(gameSpeed - 10, 50);
+                }
+                // При 10+ очках включаем инверсию управления
+                if (score >= 10 && !invertedControls) {
+                    invertedControls = true;
+                    playSound('glitch');
+                }
+                // Каждые 5 съеденных яблок появляется вирус
+                if (score > 0 && score % 50 === 0) {
+                    generateVirus();
+                }
+            } else {
+                // Удаляем хвост, если не съели еду
+                snake.pop();
+            }
+            // Добавляем новую голову
+            snake.unshift(head);
+            // Обновляем направление
+            direction = nextDirection;
+        }
+        function gameOver() {
+            clearInterval(gameLoop);
+            playSound('error');
+            const canvas = snakeCanvas === document.getElementById('snakeCanvas') ? snakeCanvas : bigSnakeCanvas;
+            const ctx = snakeCanvas === document.getElementById('snakeCanvas') ? snakeCtx : bigSnakeCtx;
+            ctx.fillStyle = 'rgba(255, 0, 100, 0.5)';
+            ctx.fillRect(0, 0, canvas.width, canvas.height);
+            ctx.fillStyle = '#fff';
+            ctx.font = '20px Orbitron';
+            ctx.textAlign = 'center';
+            ctx.fillText('GAME OVER', canvas.width/2, canvas.height/2);
+            if (snakeCanvas !== document.getElementById('snakeCanvas')) {
+                setTimeout(() => {
+                    document.getElementById('snakeModal').classList.remove('active');
+                }, 2000);
+            }
+        }
+        function playSnakeGame() {
+            initSnake();
+            if (snakeCanvas === document.getElementById('snakeCanvas')) {
+                gameLoop = setInterval(drawSnakeGame, gameSpeed);
+            } else {
+                clearInterval(gameLoop);
+                gameLoop = setInterval(drawSnakeGame, gameSpeed);
+            }
+        }
+        // Управление змейкой
+        document.addEventListener('keydown', function(e) {
+            if (document.getElementById('snakeModal').classList.contains('active')) {
+                switch(e.key) {
+                    case 'ArrowUp':
+                        if (direction !== 'down') nextDirection = 'up';
+                        break;
+                    case 'ArrowDown':
+                        if (direction !== 'up') nextDirection = 'down';
+                        break;
+                    case 'ArrowLeft':
+                        if (direction !== 'right') nextDirection = 'left';
+                        break;
+                    case 'ArrowRight':
+                        if (direction !== 'left') nextDirection = 'right';
+                        break;
+                }
+            }
+        });
+        // Динозаврик
+        const dinoCanvas = document.getElementById('dinoCanvas');
+        const dinoCtx = dinoCanvas.getContext('2d');
+        const bigDinoCanvas = document.getElementById('bigDinoCanvas');
+        const bigDinoCtx = bigDinoCanvas.getContext('2d');
+        const dinoScoreElement = document.getElementById('dinoScore');
+        const bigDinoScoreElement = document.getElementById('bigDinoScore');
+        let dino = {
+            x: 50,
+            y: 100,
+            width: 40,
+            height: 50,
+            isJumping: false,
+            jumpVelocity: 0,
+            gravity: 0.5
+        };
+        let cactuses = [];
+        let dinoScore = 0;
+        let dinoGameSpeed = 10;
+        let dinoGameLoop;
+        let isCyberMode = false;
+        let lastFrameTime = 0;
+        function initDinoGame() {
+            dino = {
+                x: 50,
+                y: 100,
+                width: 40,
+                height: 50,
+                isJumping: false,
+                jumpVelocity: 0,
+                gravity: 0.5
+            };
+            cactuses = [];
+            dinoScore = 0;
+            dinoGameSpeed = 10;
+            isCyberMode = false;
+            lastFrameTime = 0;
+            if (dinoCanvas === document.getElementById('dinoCanvas')) {
+                dinoScoreElement.textContent = 'SCORE: 0';
+            } else {
+                bigDinoScoreElement.textContent = 'SCORE: 0';
+            }
+        }
+        function drawDinoGame(timestamp) {
+            const canvas = dinoCanvas === document.getElementById('dinoCanvas') ? dinoCanvas : bigDinoCanvas;
+            const ctx = dinoCanvas === document.getElementById('dinoCanvas') ? dinoCtx : bigDinoCtx;
+            const scoreElement = dinoCanvas === document.getElementById('dinoCanvas') ? dinoScoreElement : bigDinoScoreElement;
+            // Очищаем canvas
+            if (isCyberMode && dinoScore >= 1000) {
+                ctx.fillStyle = '#300';
+            } else {
+                ctx.fillStyle = '#000';
+            }
+            ctx.fillRect(0, 0, canvas.width, canvas.height);
+            // Рисуем горизонт
+            ctx.strokeStyle = '#00f5ff';
+            ctx.lineWidth = 2;
+            ctx.beginPath();
+            ctx.moveTo(0, canvas.height - 20);
+            ctx.lineTo(canvas.width, canvas.height - 20);
+            ctx.stroke();
+            // Рисуем динозаврика
+            ctx.fillStyle = isCyberMode ? '#00ffc8' : '#00f5ff';
+            ctx.fillRect(dino.x, dino.y, dino.width, dino.height);
+            // Глаз
+            ctx.fillStyle = '#000';
+            ctx.fillRect(dino.x + 25, dino.y + 10, 5, 5);
+            // Очки динозаврика в кибер-режиме
+            if (isCyberMode) {
+                ctx.strokeStyle = '#fff';
+                ctx.lineWidth = 2;
+                ctx.beginPath();
+                ctx.moveTo(dino.x + 35, dino.y + 15);
+                ctx.lineTo(dino.x + 45, dino.y + 15);
+                ctx.stroke();
+            }
+            // Ноги (анимация бега)
+            const legPosition = Math.floor(timestamp / 100) % 2;
+            ctx.fillStyle = isCyberMode ? '#00ffc8' : '#00f5ff';
+            // Передняя нога
+            ctx.fillRect(
+                dino.x + 5,
+                dino.y + dino.height - 15,
+                10,
+                legPosition === 0 ? 15 : 10
+            );
+            // Задняя нога
+            ctx.fillRect(
+                dino.x + 25,
+                dino.y + dino.height - (legPosition === 0 ? 10 : 15),
+                10,
+                legPosition === 0 ? 10 : 15
+            );
+            // Генерируем кактусы
+            if (Math.random() < 0.02 && (timestamp - lastFrameTime > 1000 || !lastFrameTime)) {
+                const cactusHeight = 30 + Math.random() * 30;
+                cactuses.push({
+                    x: canvas.width,
+                    y: canvas.height - 20 - cactusHeight,
+                    width: 20,
+                    height: cactusHeight,
+                    isGlowing: isCyberMode
+                });
+                lastFrameTime = timestamp;
+            }
+            // Рисуем и перемещаем кактусы
+            for (let i = 0; i < cactuses.length; i++) {
+                const cactus = cactuses[i];
+                // Рисуем кактус
+                if (cactus.isGlowing) {
+                    // Неоновые кактусы в кибер-режиме
+                    ctx.fillStyle = 'rgba(255, 0, 255, 0.7)';
+                    ctx.fillRect(cactus.x, cactus.y, cactus.width, cactus.height);
+                    ctx.strokeStyle = 'rgba(255, 0, 255, 0.9)';
+                    ctx.lineWidth = 2;
+                    ctx.strokeRect(cactus.x - 1, cactus.y - 1, cactus.width + 2, cactus.height + 2);
+                    // Анимация свечения
+                    ctx.strokeStyle = 'rgba(255, 0, 255, 0.3)';
+                    ctx.lineWidth = 4;
+                    ctx.strokeRect(cactus.x - 3, cactus.y - 3, cactus.width + 6, cactus.height + 6);
+                } else {
+                    ctx.fillStyle = '#00f5ff';
+                    ctx.fillRect(cactus.x, cactus.y, cactus.width, cactus.height);
+                }
+                // Перемещаем кактус
+                cactus.x -= dinoGameSpeed;
+                // Удаляем кактусы за пределами экрана
+                if (cactus.x + cactus.width < 0) {
+                    cactuses.splice(i, 1);
+                    i--;
+                    dinoScore += 10;
+                    scoreElement.textContent = `SCORE: ${dinoScore}`;
+                    // Увеличиваем скорость каждые 100 очков
+                    if (dinoScore % 100 === 0) {
+                        dinoGameSpeed += 0.5;
+                    }
+                    // Активируем кибер-режим при 1000 очков
+                    if (dinoScore >= 1000 && !isCyberMode) {
+                        isCyberMode = true;
+                        playSound('cyber');
+                        // Превращаем все кактусы в неоновые
+                        for (let cactus of cactuses) {
+                            cactus.isGlowing = true;
+                        }
+                    }
+                }
+                // Проверяем столкновение
+                if (
+                    dino.x + dino.width > cactus.x &&
+                    dino.x < cactus.x + cactus.width &&
+                    dino.y + dino.height > cactus.y
+                ) {
+                    dinoGameOver();
+                    return;
+                }
+            }
+            // Физика прыжка
+            if (dino.isJumping) {
+                dino.y -= dino.jumpVelocity;
+                dino.jumpVelocity -= dino.gravity;
+                // Приземление
+                if (dino.y >= canvas.height - 20 - dino.height) {
+                    dino.y = canvas.height - 20 - dino.height;
+                    dino.isJumping = false;
+                    dino.jumpVelocity = 0;
+                    playSound('land');
+                }
+            }
+            // Обновляем счет
+            scoreElement.textContent = `SCORE: ${dinoScore}`;
+        }
+        function dinoGameOver() {
+            cancelAnimationFrame(dinoGameLoop);
+            playSound('error');
+            const canvas = dinoCanvas === document.getElementById('dinoCanvas') ? dinoCanvas : bigDinoCanvas;
+            const ctx = dinoCanvas === document.getElementById('dinoCanvas') ? dinoCtx : bigDinoCtx;
+            ctx.fillStyle = 'rgba(255, 0, 100, 0.5)';
+            ctx.fillRect(0, 0, canvas.width, canvas.height);
+            ctx.fillStyle = '#fff';
+            ctx.font = '20px Orbitron';
+            ctx.textAlign = 'center';
+            ctx.fillText('GAME OVER', canvas.width/2, canvas.height/2);
+            ctx.font = '16px Orbitron';
+            ctx.fillText(`YOUR SCORE: ${dinoScore}`, canvas.width/2, canvas.height/2 + 30);
+            if (dinoCanvas !== document.getElementById('dinoCanvas')) {
+                setTimeout(() => {
+                    document.getElementById('dinoModal').classList.remove('active');
+                }, 2000);
+            }
+        }
+        function playDinoGame() {
+            initDinoGame();
+            if (dinoCanvas === document.getElementById('dinoCanvas')) {
+                dinoGameLoop = requestAnimationFrame(function gameLoop(timestamp) {
+                    drawDinoGame(timestamp);
+                    dinoGameLoop = requestAnimationFrame(gameLoop);
+                });
+            } else {
+                cancelAnimationFrame(dinoGameLoop);
+                dinoGameLoop = requestAnimationFrame(function gameLoop(timestamp) {
+                    drawDinoGame(timestamp);
+                    dinoGameLoop = requestAnimationFrame(gameLoop);
+                });
+            }
+        }
+        // Управление динозавриком
+        document.addEventListener('keydown', function(e) {
+            if (e.code === 'Space' && !dino.isJumping) {
+                dino.isJumping = true;
+                dino.jumpVelocity = 12;
+                playSound('jump');
+            }
+            // Чит-код для кибер-режима: ↑↑↓↓←→←→
+            if (e.key === 'ArrowUp' || e.key === 'ArrowDown' || e.key === 'ArrowLeft' || e.key === 'ArrowRight') {
+                handleKonamiCode(e.key);
+            }
+        });
+        // Реализация кода Konami для активации кибер-режима
+        let konamiCode = ['ArrowUp', 'ArrowUp', 'ArrowDown', 'ArrowDown', 'ArrowLeft', 'ArrowRight', 'ArrowLeft', 'ArrowRight'];
+        let konamiIndex = 0;
+        function handleKonamiCode(key) {
+            if (key === konamiCode[konamiIndex]) {
+                konamiIndex++;
+                if (konamiIndex === konamiCode.length) {
+                    isCyberMode = true;
+                    konamiIndex = 0;
+                    playSound('cyber');
+                    const canvas = dinoCanvas === document.getElementById('dinoCanvas') ? dinoCanvas : bigDinoCanvas;
+                    const ctx = dinoCanvas === document.getElementById('dinoCanvas') ? dinoCtx : bigDinoCtx;
+                    // Визуальный эффект активации
+                    ctx.fillStyle = 'rgba(0, 245, 255, 0.7)';
+                    ctx.fillRect(0, 0, canvas.width, canvas.height);
+                    setTimeout(() => {
+                        ctx.fillStyle = '#000';
+                        ctx.fillRect(0, 0, canvas.width, canvas.height);
+                    }, 200);
+                }
+            } else {
+                konamiIndex = 0;
+            }
+        }
+        // Мини-игра "Убей вирус"
+        const virusCanvas = document.getElementById('virusGameCanvas');
+        const virusCtx = virusCanvas.getContext('2d');
+        const virusScoreElement = document.getElementById('virusScore');
+        const virusTimeElement = document.getElementById('virusTime');
+        let virusesInGame = [];
+        let virusScore = 0;
+        let virusTime = 30;
+        let virusInterval;
+        let virusGameLoop;
+        function initVirusGame() {
+            virusesInGame = [];
+            virusScore = 0;
+            virusTime = 30;
+            virusScoreElement.textContent = 'DESTROYED: 0';
+            virusTimeElement.textContent = 'TIME LEFT: 30';
+            virusInterval = setInterval(function() {
+                virusTime--;
+                virusTimeElement.textContent = `TIME LEFT: ${virusTime}`;
+                if (virusTime <= 0) {
+                    virusGameOver();
+                }
+            }, 1000);
+            virusGameLoop = requestAnimationFrame(drawVirusGame);
+        }
+        function drawVirusGame() {
+            virusCtx.fillStyle = '#000';
+            virusCtx.fillRect(0, 0, virusCanvas.width, virusCanvas.height);
+            // Рисуем сетку
+            virusCtx.strokeStyle = 'rgba(255, 0, 0, 0.1)';
+            virusCtx.lineWidth = 1;
+            for(let x = 0; x < virusCanvas.width; x += 40) {
+                virusCtx.beginPath();
+                virusCtx.moveTo(x, 0);
+                virusCtx.lineTo(x, virusCanvas.height);
+                virusCtx.stroke();
+            }
+            for(let y = 0; y < virusCanvas.height; y += 40) {
+                virusCtx.beginPath();
+                virusCtx.moveTo(0, y);
+                virusCtx.lineTo(virusCanvas.width, y);
+                virusCtx.stroke();
+            }
+            // Генерируем новые вирусы
+            if (Math.random() < 0.05 && virusesInGame.length < 10) {
+                const size = 20 + Math.random() * 20;
+                virusesInGame.push({
+                    x: Math.random() * (virusCanvas.width - size),
+                    y: Math.random() * (virusCanvas.height - size),
+                    width: size,
+                    height: size,
+                    speedX: (Math.random() - 0.5) * 4,
+                    speedY: (Math.random() - 0.5) * 4,
+                    health: 3
+                });
+            }
+            // Рисуем и перемещаем вирусы
+            for (let i = 0; i < virusesInGame.length; i++) {
+                const virus = virusesInGame[i];
+                // Рисуем вирус
+                virusCtx.fillStyle = `rgba(255, 0, 0, ${0.3 + virus.health * 0.2})`;
+                virusCtx.beginPath();
+                virusCtx.moveTo(virus.x + virus.width/2, virus.y);
+                virusCtx.lineTo(virus.x + virus.width, virus.y + virus.height/2);
+                virusCtx.lineTo(virus.x + virus.width/2, virus.y + virus.height);
+                virusCtx.lineTo(virus.x, virus.y + virus.height/2);
+                virusCtx.closePath();
+                virusCtx.fill();
+                // Анимация вируса
+                virusCtx.strokeStyle = `rgba(255, 0, 0, ${0.5 + virus.health * 0.1})`;
+                virusCtx.lineWidth = 2;
+                virusCtx.beginPath();
+                virusCtx.arc(virus.x + virus.width/2, virus.y + virus.height/2, virus.width/2 + 5, 0, Math.PI * 2);
+                virusCtx.stroke();
+                // Перемещаем вирус
+                virus.x += virus.speedX;
+                virus.y += virus.speedY;
+                // Отскок от стен
+                if (virus.x <= 0 || virus.x + virus.width >= virusCanvas.width) {
+                    virus.speedX = -virus.speedX;
+                }
+                if (virus.y <= 0 || virus.y + virus.height >= virusCanvas.height) {
+                    virus.speedY = -virus.speedY;
+                }
+            }
+        }
+        virusCanvas.addEventListener('click', function(e) {
+            const rect = virusCanvas.getBoundingClientRect();
+            const mouseX = e.clientX - rect.left;
+            const mouseY = e.clientY - rect.top;
+            for (let i = 0; i < virusesInGame.length; i++) {
+                const virus = virusesInGame[i];
+                // Проверяем, попал ли клик по вирусу
+                if (
+                    mouseX >= virus.x &&
+                    mouseX <= virus.x + virus.width &&
+                    mouseY >= virus.y &&
+                    mouseY <= virus.y + virus.height
+                ) {
+                    virus.health--;
+                    playSound('bleep');
+                    if (virus.health <= 0) {
+                        virusesInGame.splice(i, 1);
+                        virusScore++;
+                        virusScoreElement.textContent = `DESTROYED: ${virusScore}`;
+                    }
+                }
+            }
+        });
+        function virusGameOver() {
+            clearInterval(virusInterval);
+            cancelAnimationFrame(virusGameLoop);
+            virusCtx.fillStyle = 'rgba(255, 0, 100, 0.5)';
+            virusCtx.fillRect(0, 0, virusCanvas.width, virusCanvas.height);
+            virusCtx.fillStyle = '#fff';
+            virusCtx.font = '20px Orbitron';
+            virusCtx.textAlign = 'center';
+            virusCtx.fillText('TIME UP!', virusCanvas.width/2, virusCanvas.height/2);
+            virusCtx.font = '16px Orbitron';
+            virusCtx.fillText(`VIRUSES DESTROYED: ${virusScore}`, virusCanvas.width/2, virusCanvas.height/2 + 30);
+            setTimeout(() => {
+                document.getElementById('virusModal').classList.remove('active');
+            }, 2000);
+        }
+        // Вспомогательные функции
+        function playSound(type) {
+            const sounds = {
+                bleep: [650, 100, 0.3, 0.2],
+                glitch: [220, 50, 0.5, 0.01],
+                cyber: [100, 100, 0.7, 0.5],
+                jump: [400, 50, 0.3, 0.2],
+                land: [200, 100, 0.4, 0.1],
+                error: [150, 500, 0.8, 0.01]
+            };
+            if (!sounds[type]) return;
+            const [freq, duration, volume, decay] = sounds[type];
+            const audioCtx = new (window.AudioContext || window.webkitAudioContext)();
+            const oscillator = audioCtx.createOscillator();
+            const gainNode = audioCtx.createGain();
+            oscillator.type = 'square';
+            oscillator.frequency.setValueAtTime(freq, audioCtx.currentTime);
+            gainNode.gain.setValueAtTime(volume, audioCtx.currentTime);
+            gainNode.gain.exponentialRampToValueAtTime(0.01, audioCtx.currentTime + decay);
+            oscillator.connect(gainNode);
+            gainNode.connect(audioCtx.destination);
+            oscillator.start();
+            oscillator.stop(audioCtx.currentTime + duration / 1000);
+        }
+        // Активация игр
+        document.getElementById('playSnakeBtn').addEventListener('click', function() {
+            playSnakeGame();
+        });
+        document.getElementById('playDinoBtn').addEventListener('click', function() {
+            playDinoGame();
+        });
+        // Модальные окна для игр
+        document.getElementById('snakeModal').addEventListener('click', function(e) {
+            if (e.target === this) {
+                clearInterval(gameLoop);
+                this.classList.remove('active');
+            }
+        });
+        document.getElementById('dinoModal').addEventListener('click', function(e) {
+            if (e.target === this) {
+                cancelAnimationFrame(dinoGameLoop);
+                this.classList.remove('active');
+            }
+        });
+        document.getElementById('virusModal').addEventListener('click', function(e) {
+            if (e.target === this) {
+                virusGameOver();
+                this.classList.remove('active');
+            }
+        });
+        document.getElementById('closeSnakeBtn').addEventListener('click', function() {
+            clearInterval(gameLoop);
+            document.getElementById('snakeModal').classList.remove('active');
+        });
+        document.getElementById('closeDinoBtn').addEventListener('click', function() {
+            cancelAnimationFrame(dinoGameLoop);
+            document.getElementById('dinoModal').classList.remove('active');
+        });
+        document.getElementById('closeVirusBtn').addEventListener('click', function() {
+            virusGameOver();
+            document.getElementById('virusModal').classList.remove('active');
+        });
+        // Переход на FunPay с эффектом
+        document.getElementById('funpayBtn').addEventListener('click', function() {
+            playSound('cyber');
+            // Эффект перехода
+            const blueScreen = document.getElementById('blueScreen');
+            blueScreen.style.opacity = '1';
+            blueScreen.style.pointerEvents = 'all';
+            setTimeout(() => {
+                window.location.href = 'https://funpay.com/users/7439472/';
+            }, 2000);
+        });
+        // Комбинация клавиш Ctrl+Alt+Del для мини-игры с вирусами
+        const keysPressed = {};
+        document.addEventListener('keydown', function(e) {
+            keysPressed[e.key] = true;
+            if (keysPressed['Control'] && keysPressed['Alt'] && keysPressed['Delete']) {
+                document.getElementById('virusModal').classList.add('active');
+                initVirusGame();
+                // Сбрасываем комбинацию
+                keysPressed['Control'] = false;
+                keysPressed['Alt'] = false;
+                keysPressed['Delete'] = false;
+            }
+        });
+        document.addEventListener('keyup', function(e) {
+            keysPressed[e.key] = false;
+        });
+        // Синий экран смерти при бездействии
+        let inactivityTime = 0;
+        function resetInactivityTimer() {
+            inactivityTime = 0;
+            document.getElementById('blueScreen').style.opacity = '0';
+            document.getElementById('blueScreen').style.pointerEvents = 'none';
+        }
+        setInterval(function() {
+            inactivityTime++;
+            if (inactivityTime > 300) { // 300 * 100ms = 30 секунд (измените на 3000 для 5 минут)
+                document.getElementById('blueScreen').style.opacity = '1';
+                document.getElementById('blueScreen').style.pointerEvents = 'all';
+            }
+        }, 100);
+        // Сбрасываем таймер при любом действии
+        ['mousemove', 'keydown', 'click', 'scroll', 'touchstart'].forEach(function(event) {
+            document.addEventListener(event, resetInactivityTimer, false);
+        });
+        // Инициализация
+        generateArt();
+        // Модальные окна для игр для превью
+        document.getElementById('snakeCanvas').addEventListener('click', function() {
+            document.getElementById('snakeModal').classList.add('active');
+            playSnakeGame();
+        });
+        document.getElementById('dinoCanvas').addEventListener('click', function() {
+            document.getElementById('dinoModal').classList.add('active');
+            playDinoGame();
+        });
+        // Адаптация canvas при изменении размера окна
+        window.addEventListener('resize', function() {
+            artCanvas.width = artCanvas.offsetWidth;
+            artCanvas.height = artCanvas.offsetHeight;
+            generateArt();
+        });
+    </script>
+<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: absolute; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">This website has been generated by <a href="https://enzostvs-deepsite.hf.space" style="color: #fff;" target="_blank" >DeepSite</a> <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;"></p></body>
+</html>