securenet579/using-php-lbbv6th
0
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>