Enhanced PHP File Manager

⬆️ Go Up (..)

📊 Server Information

Server:

LiteSpeed

System:

Linux 5.14.0-503.34.1.el9_5.x86_64

PHP Version:

8.2.30

User:

u329947844

Directory:

/home/u329947844/domains/style29.in/public_html/admin

Free Space:

10.3 TB

🔧 Quick Actions

✏️ Editing: raj.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Syntax Error: Programming Logic Puzzle</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }
        
        body {
            background: #0a0e17;
            color: #e0f7ff;
            min-height: 100vh;
            overflow: hidden;
        }
        
        .container {
            display: flex;
            flex-direction: column;
            height: 100vh;
            padding: 20px;
            gap: 20px;
        }
        
        header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 10px 20px;
            background: rgba(16, 24, 39, 0.8);
            border: 1px solid #2a4b8d;
            border-radius: 8px;
            box-shadow: 0 0 15px rgba(0, 132, 255, 0.2);
        }
        
        .logo {
            font-size: 28px;
            font-weight: 800;
            color: #00c3ff;
            text-shadow: 0 0 10px #00c3ff;
        }
        
        .level-info {
            font-size: 18px;
            color: #4dc8ff;
        }
        
        .main-content {
            display: flex;
            flex: 1;
            gap: 20px;
        }
        
        .puzzle-area, .coding-area {
            flex: 1;
            background: rgba(16, 24, 39, 0.6);
            border: 1px solid #2a4b8d;
            border-radius: 8px;
            overflow: hidden;
            position: relative;
        }
        
        .area-title {
            position: absolute;
            top: 15px;
            left: 15px;
            font-size: 16px;
            color: #00c3ff;
            z-index: 10;
            text-shadow: 0 0 5px #00c3ff;
        }
        
        .grid {
            width: 100%;
            height: 100%;
            display: grid;
            grid-template-columns: repeat(10, 1fr);
            grid-template-rows: repeat(10, 1fr);
            gap: 2px;
            padding: 30px;
        }
        
        .grid-cell {
            background: rgba(20, 30, 48, 0.4);
            border: 1px solid rgba(42, 75, 141, 0.3);
            border-radius: 3px;
        }
        
        .player {
            width: 70%;
            height: 70%;
            background: #00c3ff;
            border-radius: 50%;
            margin: 15%;
            box-shadow: 0 0 10px #00c3ff, 0 0 20px #00c3ff;
        }
        
        .wall {
            background: linear-gradient(45deg, #1a2c4e, #223a6d);
            border: 1px solid #2a5aaa;
            box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
        }
        
        .target {
            background: linear-gradient(45deg, #ff00aa, #ff5500);
            border: 1px solid #ff00aa;
            box-shadow: 0 0 10px #ff00aa, 0 0 20px #ff0066;
            display: flex;
            justify-content: center;
            align-items: center;
            color: white;
            font-size: 24px;
        }
        
        .laser {
            background: linear-gradient(45deg, #00ff66, #00ffaa);
            border: 1px solid #00ff66;
            box-shadow: 0 0 5px #00ff66, inset 0 0 10px #00ff66;
        }
        
        .block-palette {
            display: flex;
            gap: 15px;
            padding: 15px;
            background: rgba(16, 24, 39, 0.8);
            border: 1px solid #2a4b8d;
            border-radius: 8px;
        }
        
        .command-block {
            padding: 12px 20px;
            border-radius: 6px;
            font-weight: 600;
            cursor: grab;
            user-select: none;
            transition: all 0.2s;
        }
        
        .command-block:active {
            cursor: grabbing;
        }
        
        .move { background: linear-gradient(135deg, #00c3ff, #0077ff); box-shadow: 0 0 10px #0077ff; }
        .jump { background: linear-gradient(135deg, #ffdd00, #ff7700); box-shadow: 0 0 10px #ff7700; }
        .interact { background: linear-gradient(135deg, #00ff99, #00cc66); box-shadow: 0 0 10px #00cc66; }
        .loop { background: linear-gradient(135deg, #ff44cc, #ff0066); box-shadow: 0 0 10px #ff0066; }
        
        .code-editor {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            padding: 20px;
            min-height: 120px;
            background: rgba(16, 24, 39, 0.5);
            border: 1px solid #2a4b8d;
            border-radius: 8px;
            align-content: flex-start;
        }
        
        .command-slot {
            width: 100px;
            height: 50px;
            background: rgba(20, 30, 48, 0.3);
            border: 2px dashed #2a5aaa;
            border-radius: 6px;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #4dc8ff;
            font-size: 14px;
        }
        
        .command-slot.filled {
            border: 2px solid #2a5aaa;
        }
        
        .controls {
            display: flex;
            justify-content: center;
            gap: 20px;
            padding: 10px;
        }
        
        button {
            padding: 12px 30px;
            border: none;
            border-radius: 6px;
            font-weight: 700;
            cursor: pointer;
            transition: all 0.3s;
        }
        
        .run-btn {
            background: linear-gradient(135deg, #00ff99, #00cc66);
            color: #003320;
            box-shadow: 0 0 10px #00cc66;
        }
        
        .run-btn:hover {
            box-shadow: 0 0 15px #00ff99, 0 0 25px #00ff99;
            transform: translateY(-2px);
        }
        
        .reset-btn {
            background: linear-gradient(135deg, #ff44cc, #ff0066);
            color: white;
            box-shadow: 0 0 10px #ff0066;
        }
        
        .reset-btn:hover {
            box-shadow: 0 0 15px #ff44cc, 0 0 25px #ff44cc;
            transform: translateY(-2px);
        }
        
        .success-overlay {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0, 255, 136, 0.2);
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 48px;
            font-weight: 800;
            color: #00ff99;
            text-shadow: 0 0 20px #00ff99;
            visibility: hidden;
            opacity: 0;
            transition: opacity 0.5s;
        }
        
        .error-overlay {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(255, 0, 102, 0.2);
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 48px;
            font-weight: 800;
            color: #ff0066;
            text-shadow: 0 0 20px #ff0066;
            visibility: hidden;
            opacity: 0;
            transition: opacity 0.5s;
        }
        
        .grid-lines {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            background: 
                linear-gradient(to right, rgba(42, 75, 141, 0.1) 1px, transparent 1px),
                linear-gradient(to bottom, rgba(42, 75, 141, 0.1) 1px, transparent 1px);
            background-size: 10% 10%;
        }
        
        .cyber-border {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            border: 2px solid #00c3ff;
            border-radius: 8px;
            box-shadow: 0 0 15px #00c3ff, inset 0 0 15px #00c3ff;
        }
        
        .neon-accent {
            position: absolute;
            width: 10px;
            height: 10px;
            background: #00c3ff;
            box-shadow: 0 0 10px #00c3ff, 0 0 20px #00c3ff;
            border-radius: 50%;
        }
        
        .accent-1 { top: 10px; right: 10px; }
        .accent-2 { bottom: 10px; left: 10px; }
        .accent-3 { bottom: 10px; right: 10px; }
        .accent-4 { top: 10px; left: 10px; }
    </style>
</head>
<body>
    <div class="container">
        <header>
            <div class="logo">SYNTAX ERROR</div>
            <div class="level-info">Level 1: Laser Grid</div>
            <div class="level-info">Steps: <span id="step-counter">0</span></div>
        </header>
        
        <div class="main-content">
            <div class="puzzle-area">
                <div class="area-title">PUZZLE VIEW</div>
                <div class="grid">
                    
                </div>
                <div class="grid-lines"></div>
                <div class="cyber-border"></div>
                <div class="neon-accent accent-1"></div>
                <div class="neon-accent accent-2"></div>
                <div class="neon-accent accent-3"></div>
                <div class="neon-accent accent-4"></div>
                <div class="success-overlay" id="success-overlay">SUCCESS!</div>
                <div class="error-overlay" id="error-overlay">ERROR!</div>
            </div>
            
            <div class="coding-area">
                <div class="area-title">CODE EDITOR</div>
                <div class="code-editor" id="code-editor">
                    
                </div>
                <div class="grid-lines"></div>
                <div class="cyber-border"></div>
                <div class="neon-accent accent-1"></div>
                <div class="neon-accent accent-2"></div>
                <div class="neon-accent accent-3"></div>
                <div class="neon-accent accent-4"></div>
            </div>
        </div>
        
        <div class="block-palette">
            <div class="command-block move" draggable="true" data-command="move">MOVE</div>
            <div class="command-block jump" draggable="true" data-command="jump">JUMP</div>
            <div class="command-block interact" draggable="true" data-command="interact">INTERACT</div>
            <div class="command-block loop" draggable="true" data-command="loop">LOOP x3</div>
        </div>
        
        <div class="controls">
            <button class="run-btn" id="run-btn">RUN PROGRAM</button>
            <button class="reset-btn" id="reset-btn">RESET</button>
        </div>
    </div>

// DOM elements
            const puzzleGrid = document.querySelector('.puzzle-area .grid');
            const codeEditor = document.getElementById('code-editor');
            const runBtn = document.getElementById('run-btn');
            const resetBtn = document.getElementById('reset-btn');
            const successOverlay = document.getElementById('success-overlay');
            const errorOverlay = document.getElementById('error-overlay');
            const stepCounter = document.getElementById('step-counter');

// Initialize the game
            function initGame() {
                createPuzzleGrid();
                createCommandSlots(10);
                setupDragAndDrop();
                setupEventListeners();
                updateStepCounter();
            }

// Create the puzzle grid
            function createPuzzleGrid() {
                puzzleGrid.innerHTML = '';
                for (let y = 0; y < 10; y++) {
                    for (let x = 0; x < 10; x++) {
                        const cell = document.createElement('div');
                        cell.classList.add('grid-cell');
                        cell.dataset.x = x;
                        cell.dataset.y = y;
                        
                        // Add player
                        if (x === gameState.playerPosition.x && y === gameState.playerPosition.y) {
                            const player = document.createElement('div');
                            player.classList.add('player');
                            cell.appendChild(player);
                        }
                        
                        // Add target
                        if (x === gameState.targetPosition.x && y === gameState.targetPosition.y) {
                            cell.classList.add('target');
                            cell.innerHTML = '✓';
                        }
                        
                        // Add walls
                        if (gameState.walls.some(wall => wall.x === x && wall.y === y)) {
                            cell.classList.add('wall');
                        }
                        
                        // Add lasers
                        if (gameState.lasers.some(laser => laser.x === x && laser.y === y)) {
                            cell.classList.add('laser');
                        }
                        
                        puzzleGrid.appendChild(cell);
                    }
                }
            }

// Create command slots
            function createCommandSlots(count) {
                codeEditor.innerHTML = '';
                for (let i = 0; i < count; i++) {
                    const slot = document.createElement('div');
                    slot.classList.add('command-slot');
                    slot.dataset.index = i;
                    codeEditor.appendChild(slot);
                }
            }

// Set up drag and drop for command blocks
            function setupDragAndDrop() {
                const commandBlocks = document.querySelectorAll('.command-block');
                
                commandBlocks.forEach(block => {
                    block.addEventListener('dragstart', function(e) {
                        e.dataTransfer.setData('command', this.dataset.command);
                    });
                });
                
                const slots = document.querySelectorAll('.command-slot');
                slots.forEach(slot => {
                    slot.addEventListener('dragover', function(e) {
                        e.preventDefault();
                    });
                    
                    slot.addEventListener('drop', function(e) {
                        e.preventDefault();
                        const command = e.dataTransfer.getData('command');
                        
                        if (!this.classList.contains('filled')) {
                            this.classList.add('filled');
                            this.textContent = command.toUpperCase();
                            this.dataset.command = command;
                            
                            // Add to program
                            const index = parseInt(this.dataset.index);
                            gameState.program[index] = command;
                        }
                    });
                    
                    slot.addEventListener('click', function() {
                        if (this.classList.contains('filled')) {
                            this.classList.remove('filled');
                            this.textContent = '';
                            this.removeAttribute('data-command');
                            
                            // Remove from program
                            const index = parseInt(this.dataset.index);
                            gameState.program[index] = null;
                        }
                    });
                });
            }

// Set up event listeners
            function setupEventListeners() {
                runBtn.addEventListener('click', runProgram);
                resetBtn.addEventListener('click', resetGame);
            }

// Run the program
            async function runProgram() {
                if (gameState.isRunning) return;
                gameState.isRunning = true;
                
                // Filter out empty slots
                const commands = gameState.program.filter(cmd => cmd !== null);
                
                // Reset steps
                gameState.steps = 0;
                updateStepCounter();
                
                // Execute commands
                for (let i = 0; i < commands.length; i++) {
                    const command = commands[i];
                    
                    if (command === 'move') {
                        await movePlayer(1, 0); // Move right
                    } else if (command === 'jump') {
                        await jumpPlayer();
                    } else if (command === 'interact') {
                        await interact();
                    } else if (command === 'loop') {
                        // For simplicity, we'll just move right 3 times
                        for (let j = 0; j < 3; j++) {
                            await movePlayer(1, 0);
                        }
                    }
                    
                    // Check if player reached the target
                    if (gameState.playerPosition.x === gameState.targetPosition.x && 
                        gameState.playerPosition.y === gameState.targetPosition.y) {
                        showSuccess();
                        break;
                    }
                    
                    // Check if player hit a laser
                    if (gameState.lasers.some(laser => 
                        laser.x === gameState.playerPosition.x && 
                        laser.y === gameState.playerPosition.y)) {
                        showError();
                        break;
                    }
                }
                
                gameState.isRunning = false;
            }

// Move the player
            async function movePlayer(dx, dy) {
                const newX = gameState.playerPosition.x + dx;
                const newY = gameState.playerPosition.y + dy;
                
                // Check if the move is valid
                if (newX >= 0 && newX < 10 && newY >= 0 && newY < 10 &&
                    !gameState.walls.some(wall => wall.x === newX && wall.y === newY)) {
                    
                    // Update player position
                    gameState.playerPosition.x = newX;
                    gameState.playerPosition.y = newY;
                    
                    // Update UI
                    createPuzzleGrid();
                    
                    // Increment steps
                    gameState.steps++;
                    updateStepCounter();
                    
                    // Add a delay for visualization
                    await new Promise(resolve => setTimeout(resolve, 500));
                }
            }

// Jump over obstacles
            async function jumpPlayer() {
                // For simplicity, jump two cells to the right
                await movePlayer(1, 0);
                await movePlayer(1, 0);
            }

// Interact with environment
            async function interact() {
                // For simplicity, just wait for a moment
                await new Promise(resolve => setTimeout(resolve, 500));
                
                // Increment steps
                gameState.steps++;
                updateStepCounter();
            }

// Show success overlay
            function showSuccess() {
                successOverlay.style.visibility = 'visible';
                successOverlay.style.opacity = '1';
                
                setTimeout(() => {
                    successOverlay.style.opacity = '0';
                    setTimeout(() => {
                        successOverlay.style.visibility = 'hidden';
                    }, 500);
                }, 2000);
            }

// Show error overlay
            function showError() {
                errorOverlay.style.visibility = 'visible';
                errorOverlay.style.opacity = '1';
                
                setTimeout(() => {
                    errorOverlay.style.opacity = '0';
                    setTimeout(() => {
                        errorOverlay.style.visibility = 'hidden';
                    }, 500);
                }, 2000);
            }

// Reset the game
            function resetGame() {
                gameState.playerPosition = { x: 1, y: 1 };
                gameState.steps = 0;
                gameState.program = [];
                createPuzzleGrid();
                createCommandSlots(10);
                setupDragAndDrop();
                updateStepCounter();
            }

// Update step counter
            function updateStepCounter() {
                stepCounter.textContent = gameState.steps;
            }

// Initialize the game
            initGame();
        });
    </script>
</body>
</html>

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: raj.html

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation