Spaces:

Eligrgs
/

goldman

Running

App Files Files Community

Eligrgs commited on Apr 27, 2025

Commit

98cdda3

verified ·

1 Parent(s): 7d2e473

Add 3 files

Browse files

Files changed (3) hide show

README.md +6 -4
index.html +761 -19
prompts.txt +0 -0

README.md CHANGED Viewed

@@ -1,10 +1,12 @@
 ---
-title: Goldman
-emoji: 😻
-colorFrom: green
 colorTo: green
 sdk: static
 pinned: false
 ---
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

 ---
+title: goldman
+emoji: 🐳
+colorFrom: blue
 colorTo: green
 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,761 @@
-<!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="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Desert Tetrix</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    <style>
+        @keyframes pulse {
+            0% { opacity: 0.7; }
+            50% { opacity: 1; }
+            100% { opacity: 0.7; }
+        }
+        .pulse {
+            animation: pulse 2s infinite;
+        }
+        .game-container {
+            perspective: 1000px;
+        }
+        .game-board {
+            transform-style: preserve-3d;
+            box-shadow: 0 10px 30px rgba(210, 180, 140, 0.5);
+        }
+        .block {
+            transition: all 0.1s;
+        }
+        .block.i { background-color: #F4A460; } /* Sandstone */
+        .block.j { background-color: #CD853F; } /* Peru */
+        .block.l { background-color: #D2B48C; } /* Tan */
+        .block.o { background-color: #DEB887; } /* Burlywood */
+        .block.s { background-color: #BC8F8F; } /* Rosy Brown */
+        .block.t { background-color: #DAA520; } /* Goldenrod */
+        .block.z { background-color: #B8860B; } /* Dark Goldenrod */
+        .shadow {
+            filter: brightness(0.7);
+        }
+        .game-overlay {
+            background-color: rgba(210, 180, 140, 0.7);
+            backdrop-filter: blur(5px);
+        }
+        .camel-icon {
+            transform: scaleX(-1);
+        }
+        .control-btn {
+            touch-action: manipulation;
+            user-select: none;
+        }
+        @media (hover: hover) {
+            .mobile-controls {
+                display: none;
+            }
+        }
+        @media (hover: none) {
+            .mobile-controls {
+                display: flex;
+            }
+        }
+    </style>
+</head>
+<body class="bg-amber-50 font-sans flex flex-col items-center justify-center min-h-screen p-4">
+    <div class="game-container mb-8">
+        <h1 class="text-4xl font-bold text-amber-800 mb-2 text-center">Desert Tetrix</h1>
+        <p class="text-amber-700 mb-6 text-center">Survive the shifting sands!</p>
+        <div class="flex flex-col md:flex-row gap-8 items-center md:items-start">
+            <div class="relative">
+                <div class="game-board bg-amber-100 border-4 border-amber-300 rounded relative" id="game-board">
+                    <!-- Game board will be rendered here -->
+                </div>
+                <div class="game-overlay absolute inset-0 flex flex-col items-center justify-center hidden" id="game-overlay">
+                    <h2 class="text-3xl font-bold text-amber-900 mb-4">Game Over!</h2>
+                    <button class="bg-amber-600 hover:bg-amber-700 text-white font-bold py-2 px-6 rounded-full transition" id="restart-btn">
+                        Try Again <i class="fas fa-redo ml-2"></i>
+                    </button>
+                </div>
+            </div>
+            <div class="bg-amber-100 border-4 border-amber-300 rounded p-4 w-full md:w-64">
+                <div class="mb-6">
+                    <h3 class="text-xl font-bold text-amber-800 mb-2">Next Piece:</h3>
+                    <div class="bg-amber-50 border-2 border-amber-200 rounded p-2 h-24 flex items-center justify-center" id="next-piece">
+                        <!-- Next piece preview -->
+                    </div>
+                </div>
+                <div class="mb-6">
+                    <h3 class="text-xl font-bold text-amber-800 mb-2">Score:</h3>
+                    <div class="bg-amber-50 border-2 border-amber-200 rounded p-3 text-center">
+                        <span class="text-2xl font-bold text-amber-900" id="score">0</span>
+                    </div>
+                </div>
+                <div class="mb-6">
+                    <h3 class="text-xl font-bold text-amber-800 mb-2">Level:</h3>
+                    <div class="bg-amber-50 border-2 border-amber-200 rounded p-3 text-center">
+                        <span class="text-2xl font-bold text-amber-900" id="level">1</span>
+                    </div>
+                </div>
+                <div class="mb-6">
+                    <h3 class="text-xl font-bold text-amber-800 mb-2">Lines:</h3>
+                    <div class="bg-amber-50 border-2 border-amber-200 rounded p-3 text-center">
+                        <span class="text-2xl font-bold text-amber-900" id="lines">0</span>
+                    </div>
+                </div>
+                <div class="flex flex-col gap-2">
+                    <button class="bg-amber-600 hover:bg-amber-700 text-white font-bold py-2 px-4 rounded transition" id="pause-btn">
+                        <i class="fas fa-pause mr-2"></i> Pause
+                    </button>
+                    <button class="bg-amber-500 hover:bg-amber-600 text-white font-bold py-2 px-4 rounded transition" id="sound-btn">
+                        <i class="fas fa-volume-up mr-2"></i> Sound On
+                    </button>
+                </div>
+            </div>
+        </div>
+        <!-- Mobile Controls -->
+        <div class="mobile-controls mt-4 w-full max-w-md">
+            <div class="grid grid-cols-3 gap-2">
+                <div></div>
+                <button id="rotate-btn" class="control-btn bg-amber-600 text-white font-bold py-4 rounded-full flex items-center justify-center">
+                    <i class="fas fa-rotate text-2xl"></i>
+                </button>
+                <div></div>
+                <button id="left-btn" class="control-btn bg-amber-600 text-white font-bold py-4 rounded-full flex items-center justify-center">
+                    <i class="fas fa-arrow-left text-2xl"></i>
+                </button>
+                <button id="down-btn" class="control-btn bg-amber-600 text-white font-bold py-4 rounded-full flex items-center justify-center">
+                    <i class="fas fa-arrow-down text-2xl"></i>
+                </button>
+                <button id="right-btn" class="control-btn bg-amber-600 text-white font-bold py-4 rounded-full flex items-center justify-center">
+                    <i class="fas fa-arrow-right text-2xl"></i>
+                </button>
+                <button id="hard-drop-btn" class="control-btn bg-amber-700 text-white font-bold py-3 rounded-full flex items-center justify-center col-span-3">
+                    <i class="fas fa-arrow-down-to-line mr-2"></i> Hard Drop
+                </button>
+            </div>
+        </div>
+    </div>
+    <div class="bg-amber-100 border-4 border-amber-300 rounded p-4 max-w-2xl w-full">
+        <h3 class="text-xl font-bold text-amber-800 mb-3">How to Play:</h3>
+        <div class="grid grid-cols-2 gap-4">
+            <div class="flex items-center">
+                <div class="bg-amber-200 rounded-full w-10 h-10 flex items-center justify-center mr-3">
+                    <i class="fas fa-arrow-up text-amber-800"></i>
+                </div>
+                <span class="text-amber-700">Rotate</span>
+            </div>
+            <div class="flex items-center">
+                <div class="bg-amber-200 rounded-full w-10 h-10 flex items-center justify-center mr-3">
+                    <i class="fas fa-arrow-left text-amber-800"></i>
+                </div>
+                <span class="text-amber-700">Move Left</span>
+            </div>
+            <div class="flex items-center">
+                <div class="bg-amber-200 rounded-full w-10 h-10 flex items-center justify-center mr-3">
+                    <i class="fas fa-arrow-right text-amber-800"></i>
+                </div>
+                <span class="text-amber-700">Move Right</span>
+            </div>
+            <div class="flex items-center">
+                <div class="bg-amber-200 rounded-full w-10 h-10 flex items-center justify-center mr-3">
+                    <i class="fas fa-arrow-down text-amber-800"></i>
+                </div>
+                <span class="text-amber-700">Soft Drop</span>
+            </div>
+            <div class="flex items-center">
+                <div class="bg-amber-200 rounded-full w-10 h-10 flex items-center justify-center mr-3">
+                    <i class="fas fa-space-shuttle text-amber-800"></i>
+                </div>
+                <span class="text-amber-700">Hard Drop</span>
+            </div>
+            <div class="flex items-center">
+                <div class="bg-amber-200 rounded-full w-10 h-10 flex items-center justify-center mr-3">
+                    <i class="fas fa-pause text-amber-800"></i>
+                </div>
+                <span class="text-amber-700">Pause</span>
+            </div>
+        </div>
+    </div>
+    <div class="mt-8 text-center text-amber-700">
+        <p>Watch out for the desert storms! They'll speed up the game.</p>
+        <div class="flex justify-center mt-2">
+            <i class="fas fa-sun text-amber-500 text-2xl mx-1 pulse"></i>
+            <i class="fas fa-wind text-amber-600 text-2xl mx-1"></i>
+            <i class="fas fa-cloud text-amber-700 text-2xl mx-1"></i>
+        </div>
+    </div>
+    <script>
+        // Game constants
+        const COLS = 10;
+        const ROWS = 20;
+        const BLOCK_SIZE = 30;
+        const NEXT_PIECE_COLS = 4;
+        const NEXT_PIECE_ROWS = 4;
+        // Game variables
+        let board = Array(ROWS).fill().map(() => Array(COLS).fill(0));
+        let currentPiece = null;
+        let nextPiece = null;
+        let score = 0;
+        let level = 1;
+        let lines = 0;
+        let gameOver = false;
+        let isPaused = false;
+        let soundOn = true;
+        let dropInterval;
+        let dropStart;
+        // DOM elements
+        const gameBoard = document.getElementById('game-board');
+        const nextPieceDisplay = document.getElementById('next-piece');
+        const scoreDisplay = document.getElementById('score');
+        const levelDisplay = document.getElementById('level');
+        const linesDisplay = document.getElementById('lines');
+        const gameOverlay = document.getElementById('game-overlay');
+        const pauseBtn = document.getElementById('pause-btn');
+        const soundBtn = document.getElementById('sound-btn');
+        const restartBtn = document.getElementById('restart-btn');
+        // Mobile control buttons
+        const rotateBtn = document.getElementById('rotate-btn');
+        const leftBtn = document.getElementById('left-btn');
+        const rightBtn = document.getElementById('right-btn');
+        const downBtn = document.getElementById('down-btn');
+        const hardDropBtn = document.getElementById('hard-drop-btn');
+        // Set up the game board
+        gameBoard.style.width = `${COLS * BLOCK_SIZE}px`;
+        gameBoard.style.height = `${ROWS * BLOCK_SIZE}px`;
+        // Set up the next piece display
+        nextPieceDisplay.style.width = `${NEXT_PIECE_COLS * BLOCK_SIZE}px`;
+        nextPieceDisplay.style.height = `${NEXT_PIECE_ROWS * BLOCK_SIZE}px`;
+        // Tetromino shapes with desert-themed names
+        const SHAPES = {
+            i: {
+                shape: [
+                    [0, 0, 0, 0],
+                    [1, 1, 1, 1],
+                    [0, 0, 0, 0],
+                    [0, 0, 0, 0]
+                ],
+                name: 'Sand Dune'
+            },
+            j: {
+                shape: [
+                    [1, 0, 0],
+                    [1, 1, 1],
+                    [0, 0, 0]
+                ],
+                name: 'Camel Hump'
+            },
+            l: {
+                shape: [
+                    [0, 0, 1],
+                    [1, 1, 1],
+                    [0, 0, 0]
+                ],
+                name: 'Mirage'
+            },
+            o: {
+                shape: [
+                    [1, 1],
+                    [1, 1]
+                ],
+                name: 'Oasis'
+            },
+            s: {
+                shape: [
+                    [0, 1, 1],
+                    [1, 1, 0],
+                    [0, 0, 0]
+                ],
+                name: 'Snake'
+            },
+            t: {
+                shape: [
+                    [0, 1, 0],
+                    [1, 1, 1],
+                    [0, 0, 0]
+                ],
+                name: 'Tumbleweed'
+            },
+            z: {
+                shape: [
+                    [1, 1, 0],
+                    [0, 1, 1],
+                    [0, 0, 0]
+                ],
+                name: 'Zigzag'
+            }
+        };
+        // Colors for each tetromino type
+        const COLORS = {
+            i: 'i',
+            j: 'j',
+            l: 'l',
+            o: 'o',
+            s: 's',
+            t: 't',
+            z: 'z'
+        };
+        // Sound effects
+        const sounds = {
+            rotate: new Audio('https://assets.mixkit.co/sfx/preview/mixkit-game-click-1114.mp3'),
+            move: new Audio('https://assets.mixkit.co/sfx/preview/mixkit-quick-jump-arcade-game-239.mp3'),
+            drop: new Audio('https://assets.mixkit.co/sfx/preview/mixkit-arcade-game-jump-coin-216.mp3'),
+            clear: new Audio('https://assets.mixkit.co/sfx/preview/mixkit-winning-chimes-2015.mp3'),
+            gameOver: new Audio('https://assets.mixkit.co/sfx/preview/mixkit-retro-arcade-lose-2027.mp3'),
+            levelUp: new Audio('https://assets.mixkit.co/sfx/preview/mixkit-achievement-bell-600.mp3')
+        };
+        // Initialize the game
+        function init() {
+            createBoard();
+            createNextPiece();
+            spawnPiece();
+            draw();
+            startGame();
+            addEventListeners();
+        }
+        // Create the game board grid
+        function createBoard() {
+            gameBoard.innerHTML = '';
+            for (let row = 0; row < ROWS; row++) {
+                for (let col = 0; col < COLS; col++) {
+                    const block = document.createElement('div');
+                    block.classList.add('block', 'absolute', 'border', 'border-amber-200');
+                    block.style.width = `${BLOCK_SIZE}px`;
+                    block.style.height = `${BLOCK_SIZE}px`;
+                    block.style.left = `${col * BLOCK_SIZE}px`;
+                    block.style.top = `${row * BLOCK_SIZE}px`;
+                    block.dataset.row = row;
+                    block.dataset.col = col;
+                    gameBoard.appendChild(block);
+                }
+            }
+        }
+        // Create the next piece display grid
+        function createNextPieceDisplay() {
+            nextPieceDisplay.innerHTML = '';
+            for (let row = 0; row < NEXT_PIECE_ROWS; row++) {
+                for (let col = 0; col < NEXT_PIECE_COLS; col++) {
+                    const block = document.createElement('div');
+                    block.classList.add('block', 'absolute', 'border', 'border-amber-200');
+                    block.style.width = `${BLOCK_SIZE}px`;
+                    block.style.height = `${BLOCK_SIZE}px`;
+                    block.style.left = `${col * BLOCK_SIZE}px`;
+                    block.style.top = `${row * BLOCK_SIZE}px`;
+                    nextPieceDisplay.appendChild(block);
+                }
+            }
+        }
+        // Draw the current game state
+        function draw() {
+            // Clear the board
+            document.querySelectorAll('#game-board .block').forEach(block => {
+                block.className = 'block absolute border border-amber-200';
+                block.innerHTML = '';
+            });
+            // Draw the locked pieces
+            for (let row = 0; row < ROWS; row++) {
+                for (let col = 0; col < COLS; col++) {
+                    if (board[row][col]) {
+                        const block = document.querySelector(`#game-board .block[data-row="${row}"][data-col="${col}"]`);
+                        block.classList.add(`block-${board[row][col]}`);
+                        // Add camel icon for some pieces
+                        if (Math.random() > 0.7) {
+                            const icon = document.createElement('i');
+                            icon.classList.add('fas', 'fa-horse', 'camel-icon', 'text-amber-900', 'opacity-50', 'text-xs');
+                            block.appendChild(icon);
+                        }
+                    }
+                }
+            }
+            // Draw the current piece
+            if (currentPiece) {
+                for (let row = 0; row < currentPiece.shape.length; row++) {
+                    for (let col = 0; col < currentPiece.shape[row].length; col++) {
+                        if (currentPiece.shape[row][col]) {
+                            const boardRow = currentPiece.row + row;
+                            const boardCol = currentPiece.col + col;
+                            if (boardRow >= 0 && boardRow < ROWS && boardCol >= 0 && boardCol < COLS) {
+                                const block = document.querySelector(`#game-board .block[data-row="${boardRow}"][data-col="${boardCol}"]`);
+                                block.classList.add(`block-${currentPiece.type}`);
+                                // Add cactus icon for current piece
+                                if (currentPiece.type === 't' || currentPiece.type === 'j') {
+                                    const icon = document.createElement('i');
+                                    icon.classList.add('fas', 'fa-cactus', 'text-amber-900', 'opacity-70', 'text-xs');
+                                    block.appendChild(icon);
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+            // Draw the next piece
+            createNextPieceDisplay();
+            if (nextPiece) {
+                const centerX = Math.floor((NEXT_PIECE_COLS - nextPiece.shape[0].length) / 2);
+                const centerY = Math.floor((NEXT_PIECE_ROWS - nextPiece.shape.length) / 2);
+                for (let row = 0; row < nextPiece.shape.length; row++) {
+                    for (let col = 0; col < nextPiece.shape[row].length; col++) {
+                        if (nextPiece.shape[row][col]) {
+                            const displayRow = centerY + row;
+                            const displayCol = centerX + col;
+                            const block = nextPieceDisplay.children[displayRow * NEXT_PIECE_COLS + displayCol];
+                            block.classList.add(`block-${nextPiece.type}`);
+                            // Add desert icon for next piece
+                            if (nextPiece.type === 'o') {
+                                const icon = document.createElement('i');
+                                icon.classList.add('fas', 'fa-umbrella-beach', 'text-amber-900', 'opacity-70', 'text-xs');
+                                block.appendChild(icon);
+                            }
+                        }
+                    }
+                }
+            }
+            // Update score, level, and lines
+            scoreDisplay.textContent = score;
+            levelDisplay.textContent = level;
+            linesDisplay.textContent = lines;
+        }
+        // Create a new random piece
+        function createPiece() {
+            const types = Object.keys(SHAPES);
+            const randomType = types[Math.floor(Math.random() * types.length)];
+            return {
+                type: randomType,
+                shape: SHAPES[randomType].shape,
+                row: 0,
+                col: Math.floor(COLS / 2) - Math.floor(SHAPES[randomType].shape[0].length / 2)
+            };
+        }
+        // Create the next piece
+        function createNextPiece() {
+            nextPiece = createPiece();
+        }
+        // Spawn the next piece
+        function spawnPiece() {
+            currentPiece = nextPiece;
+            createNextPiece();
+            // Check if game over
+            if (collision()) {
+                gameOver = true;
+                if (soundOn) sounds.gameOver.play();
+                clearInterval(dropInterval);
+                gameOverlay.classList.remove('hidden');
+            }
+        }
+        // Check for collisions
+        function collision() {
+            for (let row = 0; row < currentPiece.shape.length; row++) {
+                for (let col = 0; col < currentPiece.shape[row].length; col++) {
+                    if (currentPiece.shape[row][col]) {
+                        const boardRow = currentPiece.row + row;
+                        const boardCol = currentPiece.col + col;
+                        if (
+                            boardRow >= ROWS ||
+                            boardCol < 0 ||
+                            boardCol >= COLS ||
+                            (boardRow >= 0 && board[boardRow][boardCol])
+                        ) {
+                            return true;
+                        }
+                    }
+                }
+            }
+            return false;
+        }
+        // Rotate the current piece
+        function rotate() {
+            if (isPaused || gameOver) return;
+            const originalShape = currentPiece.shape;
+            const originalCol = currentPiece.col;
+            // Transpose and reverse rows to rotate clockwise
+            const rows = currentPiece.shape.length;
+            const cols = currentPiece.shape[0].length;
+            const newShape = Array(cols).fill().map(() => Array(rows).fill(0));
+            for (let row = 0; row; row++) {
+                for (let col = 0; col < cols; col++) {
+                    newShape[col][rows - 1 - row] = currentPiece.shape[row][col];
+                }
+            }
+            currentPiece.shape = newShape;
+            // Adjust position if rotation causes collision
+            while (collision()) {
+                currentPiece.col--;
+            }
+            if (collision()) {
+                currentPiece.shape = originalShape;
+                currentPiece.col = originalCol;
+            } else {
+                if (soundOn) sounds.rotate.play();
+                draw();
+            }
+        }
+        // Move the current piece left
+        function moveLeft() {
+            if (isPaused || gameOver) return;
+            currentPiece.col--;
+            if (collision()) {
+                currentPiece.col++;
+            } else {
+                if (soundOn) sounds.move.play();
+                draw();
+            }
+        }
+        // Move the current piece right
+        function moveRight() {
+            if (isPaused || gameOver) return;
+            currentPiece.col++;
+            if (collision()) {
+                currentPiece.col--;
+            } else {
+                if (soundOn) sounds.move.play();
+                draw();
+            }
+        }
+        // Move the current piece down (soft drop)
+        function moveDown() {
+            if (isPaused || gameOver) return;
+            currentPiece.row++;
+            if (collision()) {
+                currentPiece.row--;
+                lockPiece();
+                if (soundOn) sounds.drop.play();
+            } else {
+                draw();
+            }
+            dropStart = Date.now();
+        }
+        // Hard drop - instantly drop the piece
+        function hardDrop() {
+            if (isPaused || gameOver) return;
+            while (!collision()) {
+                currentPiece.row++;
+            }
+            currentPiece.row--;
+            lockPiece();
+            if (soundOn) sounds.drop.play();
+        }
+        // Lock the piece in place
+        function lockPiece() {
+            for (let row = 0; row < currentPiece.shape.length; row++) {
+                for (let col = 0; col < currentPiece.shape[row].length; col++) {
+                    if (currentPiece.shape[row][col]) {
+                        const boardRow = currentPiece.row + row;
+                        const boardCol = currentPiece.col + col;
+                        if (boardRow >= 0) {
+                            board[boardRow][boardCol] = currentPiece.type;
+                        }
+                    }
+                }
+            }
+            // Check for completed lines
+            checkLines();
+            // Spawn new piece
+            spawnPiece();
+            draw();
+        }
+        // Check for completed lines
+        function checkLines() {
+            let linesCleared = 0;
+            for (let row = ROWS - 1; row >= 0; row--) {
+                if (board[row].every(cell => cell !== 0)) {
+                    // Remove the line
+                    board.splice(row, 1);
+                    // Add new empty line at top
+                    board.unshift(Array(COLS).fill(0));
+                    linesCleared++;
+                    row++; // Check the same row again
+                }
+            }
+            if (linesCleared > 0) {
+                lines += linesCleared;
+                // Calculate score
+                const linePoints = [0, 40, 100, 300, 1200];
+                score += linePoints[linesCleared] * level;
+                // Check for level up
+                const newLevel = Math.floor(lines / 10) + 1;
+                if (newLevel > level) {
+                    level = newLevel;
+                    if (soundOn) sounds.levelUp.play();
+                    updateDropSpeed();
+                }
+                if (soundOn) sounds.clear.play();
+            }
+        }
+        // Update the drop speed based on level
+        function updateDropSpeed() {
+            clearInterval(dropInterval);
+            const speed = Math.max(100, 1000 - (level - 1) * 100);
+            dropInterval = setInterval(moveDown, speed);
+        }
+        // Start the game
+        function startGame() {
+            score = 0;
+            level = 1;
+            lines = 0;
+            gameOver = false;
+            board = Array(ROWS).fill().map(() => Array(COLS).fill(0));
+            dropStart = Date.now();
+            updateDropSpeed();
+            gameOverlay.classList.add('hidden');
+        }
+        // Pause/unpause the game
+        function togglePause() {
+            if (gameOver) return;
+            isPaused = !isPaused;
+            if (isPaused) {
+                clearInterval(dropInterval);
+                pauseBtn.innerHTML = '<i class="fas fa-play mr-2"></i> Resume';
+                pauseBtn.classList.remove('bg-amber-600');
+                pauseBtn.classList.add('bg-emerald-600');
+            } else {
+                updateDropSpeed();
+                pauseBtn.innerHTML = '<i class="fas fa-pause mr-2"></i> Pause';
+                pauseBtn.classList.remove('bg-emerald-600');
+                pauseBtn.classList.add('bg-amber-600');
+                dropStart = Date.now();
+            }
+        }
+        // Toggle sound
+        function toggleSound() {
+            soundOn = !soundOn;
+            soundBtn.innerHTML = soundOn
+                ? '<i class="fas fa-volume-up mr-2"></i> Sound On'
+                : '<i class="fas fa-volume-mute mr-2"></i> Sound Off';
+        }
+        // Add event listeners
+        function addEventListeners() {
+            // Keyboard controls
+            document.addEventListener('keydown', e => {
+                if (e.key === 'ArrowUp') rotate();
+                if (e.key === 'ArrowLeft') moveLeft();
+                if (e.key === 'ArrowRight') moveRight();
+                if (e.key === 'ArrowDown') moveDown();
+                if (e.key === ' ') hardDrop();
+                if (e.key === 'p') togglePause();
+            });
+            // Button controls
+            pauseBtn.addEventListener('click', togglePause);
+            soundBtn.addEventListener('click', toggleSound);
+            restartBtn.addEventListener('click', startGame);
+            // Mobile controls
+            rotateBtn.addEventListener('touchstart', (e) => {
+                e.preventDefault();
+                rotate();
+            });
+            leftBtn.addEventListener('touchstart', (e) => {
+                e.preventDefault();
+                moveLeft();
+            });
+            rightBtn.addEventListener('touchstart', (e) => {
+                e.preventDefault();
+                moveRight();
+            });
+            downBtn.addEventListener('touchstart', (e) => {
+                e.preventDefault();
+                moveDown();
+            });
+            hardDropBtn.addEventListener('touchstart', (e) => {
+                e.preventDefault();
+                hardDrop();
+            });
+            // Prevent touch events from scrolling the page
+            document.querySelectorAll('.control-btn').forEach(btn => {
+                btn.addEventListener('touchstart', (e) => {
+                    e.preventDefault();
+                }, { passive: false });
+            });
+        }
+        // Start the game
+        init();
+    </script>
+<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=Eligrgs/goldman" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
+</html>

prompts.txt ADDED Viewed

File without changes