Enhanced PHP File Manager

⬆️ Go Up (..)

📊 Server Information

Server:

LiteSpeed

System:

Linux 4.18.0-553.40.1.lve.el8.x86_64

PHP Version:

8.2.27

User:

u205613439

Directory:

/home/u205613439/domains/celestialarcane.com-BACKUP/public_html/homenew1

Free Space:

3.02 TB

🔧 Quick Actions

✏️ Editing: useradmin.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>User Dashboard - Gaming Platform</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
    <style>
        :root {
            --primary-color: #D4AF37;
            --secondary-color: #1C1C1C;
            --text-color: #343a40;
            --bg-color: #0A0A0A;
            --card-bg-color: #ffffff;
            --accent-color: #ffffff;
        }

body {
            font-family: 'Segoe UI', sans-serif;
            background-color: var(--secondary-color);
            color: var(--text-color);
        }

.navbar {
            background-color: var(--secondary-color);
            color: #fff;
        }

.navbar-brand {
            font-size: 1.5rem;
            color: #fff;
        }

.logout-btn {
            background-color: #fff;
            color: var(--primary-color);
            border: none;
            padding: 8px 15px;
            border-radius: 5px;
            transition: 0.3s;
        }

.logout-btn:hover {
            background-color: #fff;
            color: #1f77db;
        }

.card {
            background-color: var(--card-bg-color);
            border: none;
            border-radius: 10px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }

.card:hover {
            transform: scale(1.02);
            transition: 0.3s;
        }

.card-body {
            padding: 20px;
        }

.stat-card .display-6 {
            font-size: 2.5rem;
            color: var(--primary-color);
        }

.chart-container {
            position: relative;
            height: 300px;
            margin-top: 20px;
        }

.trending-games-list {
            list-style-type: none;
            padding: 0;
        }

.trending-games-list li {
            background-color: var(--card-bg-color);
            padding: 10px;
            margin-bottom: 10px;
            border-radius: 5px;
            transition: 0.3s;
        }

.trending-games-list li:hover {
            background-color: var(--primary-color);
            color: #fff;
            cursor: pointer;
        }

.table {
            background-color: var(--card-bg-color);
        }

.table th {
            background-color: var(--primary-color);
            color: #fff;
        }

.table td {
            padding: 15px;
        }

.compete-section {
            background-color: var(--primary-color);
            color: #fff;
            padding: 20px;
            border-radius: 10px;
            margin-top: 30px;
        }

.compete-btn {
            background-color: #fff;
            color: var(--primary-color);
            padding: 10px 20px;
            border-radius: 5px;
            transition: 0.3s;
            border: none;
        }

.compete-btn:hover {
            background-color: #fff;
            color: #1f77db;
        }

@media (max-width: 768px) {
            .main-content {
                margin-left: 0;
            }

.card {
                margin-bottom: 20px;
            }
        }
    </style>
</head>
<body>
    
    <nav class="navbar navbar-expand-lg">
        <div class="container-fluid">
            <a class="navbar-brand" href="#">                 
                   <img src="img/logo.png" alt="52 Cards rummy" height="100">
                Gaming Dashboard</a>
            <button class="logout-btn" id="logoutBtn">Logout</button>
        </div>
    </nav>

<div class="container mt-4">
        <div class="row">
            
            <div class="col-md-3">
                <div class="card stat-card">
                    <div class="card-body">
                        <h5 class="card-title">Total Earnings</h5>
                        <p class="display-6">$10,500</p>
                        <small class="text-success"><i class="fas fa-arrow-up"></i> 12% from last month</small>
                    </div>
                </div>
            </div>

<div class="col-md-3">
                <div class="card stat-card">
                    <div class="card-body">
                        <h5 class="card-title">Total Wins</h5>
                        <p class="display-6">45</p>
                        <small class="text-success"><i class="fas fa-trophy"></i> 5 new wins this week</small>
                    </div>
                </div>
            </div>

<div class="col-md-3">
                <div class="card stat-card">
                    <div class="card-body">
                        <h5 class="card-title">Games Played</h5>
                        <p class="display-6">80</p>
                        <small class="text-danger"><i class="fas fa-gamepad"></i> +15 new games</small>
                    </div>
                </div>
            </div>

<div class="col-md-3">
                <div class="card stat-card">
                    <div class="card-body">
                        <h5 class="card-title">Last Match</h5>
                        <p class="display-6">Won</p>
                        <small class="text-success"><i class="fas fa-arrow-up"></i> Against JohnDoe</small>
                    </div>
                </div>
            </div>
        </div>

<div class="row mt-4">
            <div class="col-md-6">
                <div class="card">
                    <div class="card-header">Trending Games</div>
                    <div class="card-body">
                        <ul class="trending-games-list">
                            <li>Rummy Stars</li>
                            <li>Golden Rummy</li>
                            <li>Elite Rummy</li>
                            <li>Royal Flush</li>
                            <li>Jackpot Joy</li>
                        </ul>
                    </div>
                </div>
            </div>

<div class="col-md-6">
                <div class="card">
                    <div class="card-header">Game History</div>
                    <div class="card-body">
                        <div class="chart-container">
                            <canvas id="gameHistoryChart"></canvas>
                        </div>
                    </div>
                </div>
            </div>
        </div>

<div class="row mt-4">
            <div class="col-md-12">
                <div class="compete-section text-center">
                    <h3>Ready for the next match?</h3>
                    <p>Challenge your friends or join a tournament!</p>
                    <button class="compete-btn">Compete Now</button>
                </div>
            </div>
        </div>
    </div>

<script>
        // Logout functionality
        document.getElementById('logoutBtn').addEventListener('click', function() {
            // Clear user session (localStorage or sessionStorage)
            localStorage.removeItem('user');
            // Redirect to login page
            window.location.href = 'login.html'; // Change this to your login page
        });

// Sample Chart Data for Game History
        const ctx = document.getElementById('gameHistoryChart').getContext('2d');
        const gameHistoryChart = new Chart(ctx, {
            type: 'line',
            data: {
                labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun'],
                datasets: [{
                    label: 'Games Played',
                    data: [10, 15, 20, 25, 35, 40],
                    borderColor: '#1f8ef1',
                    backgroundColor: 'rgba(31, 142, 241, 0.1)',
                    fill: true
                }]
            },
            options: {
                responsive: true,
                maintainAspectRatio: false
            }
        });
    </script>

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: useradmin.html

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation