Team Ai
Apppublic

securenet579/using-php-lbbv6th

sourceHugging Faceupdated 11mo agoView on Hugging Face
0likes
index.html119 linesDownload Raw Back to root
1<!DOCTYPE html>2<html lang="en" class="dark">3<head>4    <meta charset="UTF-8">5    <meta name="viewport" content="width=device-width, initial-scale=1.0">6    <title>Phantom PHP Dashboard</title>7    <link rel="stylesheet" href="style.css">8    <script src="https://cdn.tailwindcss.com"></script>9    <script>10        tailwind.config = {11            darkMode: 'class',12            theme: {13                extend: {14                    colors: {15                        primary: {16                            500: '#6D28D9',17                            600: '#5B21B6',18                        },19                        secondary: {20                            500: '#10B981',21                            600: '#059669',22                        }23                    }24                }25            }26        }27    </script>28    <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>29    <script src="https://unpkg.com/feather-icons"></script>30</head>31<body class="bg-gray-900 text-gray-200 min-h-screen">32    <custom-navbar></custom-navbar>33    <custom-sidebar></custom-sidebar>34    35    <main class="ml-0 md:ml-64 pt-16 min-h-screen">36        <div class="p-6">37            <div class="bg-gray-800 rounded-lg shadow-lg p-6">38                <h1 class="text-3xl font-bold text-primary-500 mb-6">Welcome to Phantom PHP</h1>39                <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">40                    <div class="bg-gray-850 rounded-lg p-4 border-l-4 border-primary-500">41                        <div class="flex items-center">42                            <div class="p-3 rounded-full bg-primary-500/20 text-primary-500">43                                <i data-feather="database"></i>44                            </div>45                            <div class="ml-4">46                                <h3 class="text-lg font-semibold">PHP Version</h3>47                                <p class="text-gray-400"><?php echo phpversion(); ?></p>48                            </div>49                        </div>50                    </div>51                    52                    <div class="bg-gray-850 rounded-lg p-4 border-l-4 border-secondary-500">53                        <div class="flex items-center">54                            <div class="p-3 rounded-full bg-secondary-500/20 text-secondary-500">55                                <i data-feather="cpu"></i>56                            </div>57                            <div class="ml-4">58                                <h3 class="text-lg font-semibold">Server Software</h3>59                                <p class="text-gray-400"><?php echo $_SERVER['SERVER_SOFTWARE']; ?></p>60                            </div>61                        </div>62                    </div>63                    64                    <div class="bg-gray-850 rounded-lg p-4 border-l-4 border-indigo-500">65                        <div class="flex items-center">66                            <div class="p-3 rounded-full bg-indigo-500/20 text-indigo-500">67                                <i data-feather="clock"></i>68                            </div>69                            <div class="ml-4">70                                <h3 class="text-lg font-semibold">Current Time</h3>71                                <p class="text-gray-400"><?php echo date('Y-m-d H:i:s'); ?></p>72                            </div>73                        </div>74                    </div>75                </div>76 77                <div class="mt-8">78                    <h2 class="text-xl font-semibold mb-4">Quick Actions</h2>79                    <div class="grid grid-cols-2 md:grid-cols-4 gap-4">80                        <a href="#" class="bg-gray-800 hover:bg-gray-750 rounded-lg p-4 text-center transition-colors">81                            <i data-feather="file-plus" class="w-6 h-6 mx-auto text-primary-500"></i>82                            <p class="mt-2">New Project</p>83                        </a>84                        <a href="#" class="bg-gray-800 hover:bg-gray-750 rounded-lg p-4 text-center transition-colors">85                            <i data-feather="settings" class="w-6 h-6 mx-auto text-secondary-500"></i>86                            <p class="mt-2">Settings</p>87                        </a>88                        <a href="#" class="bg-gray-800 hover:bg-gray-750 rounded-lg p-4 text-center transition-colors">89                            <i data-feather="users" class="w-6 h-6 mx-auto text-indigo-500"></i>90                            <p class="mt-2">Users</p>91                        </a>92                        <a href="#" class="bg-gray-800 hover:bg-gray-750 rounded-lg p-4 text-center transition-colors">93                            <i data-feather="terminal" class="w-6 h-6 mx-auto text-yellow-500"></i>94                            <p class="mt-2">Console</p>95                        </a>96                    </div>97                </div>98            </div>99        </div>100    </main>101 102    <script src="components/navbar.js"></script>103    <script src="components/sidebar.js"></script>104    <script src="script.js"></script>105    <script>106        feather.replace();107        document.addEventListener('DOMContentLoaded', function() {108            // Toggle dark mode (can be controlled from PHP session)109            const darkModeToggle = document.getElementById('darkModeToggle');110            if (darkModeToggle) {111                darkModeToggle.addEventListener('click', () => {112                    document.documentElement.classList.toggle('dark');113                });114            }115        });116    </script>117<script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>118</body>119</html>