Dev0907/skullsync-apk-hub-manager
0
1<!DOCTYPE html>2<html lang="en">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>SkullSync - Admin Panel</title>7 <link rel="icon" type="image/x-icon" href="/static/favicon.ico">8 <script src="https://cdn.tailwindcss.com"></script>9 <script src="https://unpkg.com/feather-icons"></script>10 <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>11 <script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-app.js"></script>12 <script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-storage.js"></script>13 <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.net.min.js"></script>14 <style>15 #vanta-bg {16 position: fixed;17 top: 0;18 left: 0;19 width: 100%;20 height: 100%;21 z-index: -1;22 opacity: 0.3;23 }24 .apk-card:hover {25 transform: translateY(-5px);26 box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);27 }28 .stat-card {29 background: rgba(31, 41, 55, 0.8);30 backdrop-filter: blur(10px);31 }32 </style>33</head>34<body class="bg-gray-900 text-white">35 <div id="vanta-bg"></div>36 <nav class="bg-gray-800 bg-opacity-80 backdrop-blur-md fixed top-0 w-full z-50">37 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">38 <div class="flex items-center justify-between h-16">39 <div class="flex items-center">40 <div class="flex-shrink-0">41 <h1 class="text-2xl font-bold text-red-500">💀 SkullSync Admin</h1>42 </div>43 <div class="hidden md:block">44 <div class="ml-10 flex items-baseline space-x-4">45 <a href="index.html" class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium">User Panel</a>46 <a href="#" class="bg-gray-900 text-white px-3 py-2 rounded-md text-sm font-medium">Dashboard</a>47 <a href="#" class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium">APKs</a>48 <a href="#" class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Users</a>49 <a href="#" class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Settings</a>50 </div>51 </div>52 </div>53 <div class="flex items-center">54 <button id="mobile-menu-button" class="md:hidden text-gray-300 hover:text-white focus:outline-none">55 <i data-feather="menu"></i>56 </button>57 <div class="hidden md:block">58 <div class="ml-4 flex items-center md:ml-6">59 <button class="bg-gray-800 p-1 rounded-full text-gray-400 hover:text-white focus:outline-none">60 <i data-feather="user"></i>61 </button>62 </div>63 </div>64 </div>65 </div>66 </div>67 </nav>68 69 <main class="pt-24 pb-12 px-4 sm:px-6 lg:px-8 max-w-7xl mx-auto">70 <h1 class="text-3xl font-bold mb-8">Admin Dashboard</h1>71 72 <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-10">73 <div class="stat-card rounded-lg p-6 border border-gray-700">74 <div class="flex items-center">75 <div class="bg-red-500 rounded-lg p-3 mr-4">76 <i data-feather="package" class="text-white"></i>77 </div>78 <div>79 <p class="text-gray-400 text-sm">Total APKs</p>80 <h3 class="text-2xl font-bold">127</h3>81 </div>82 </div>83 </div>84 <div class="stat-card rounded-lg p-6 border border-gray-700">85 <div class="flex items-center">86 <div class="bg-blue-500 rounded-lg p-3 mr-4">87 <i data-feather="users" class="text-white"></i>88 </div>89 <div>90 <p class="text-gray-400 text-sm">Active Users</p>91 <h3 class="text-2xl font-bold">542</h3>92 </div>93 </div>94 </div>95 <div class="stat-card rounded-lg p-6 border border-gray-700">96 <div class="flex items-center">97 <div class="bg-green-500 rounded-lg p-3 mr-4">98 <i data-feather="download" class="text-white"></i>99 </div>100 <div>101 <p class="text-gray-400 text-sm">Downloads</p>102 <h3 class="text-2xl font-bold">3.2K</h3>103 </div>104 </div>105 </div>106 <div class="stat-card rounded-lg p-6 border border-gray-700">107 <div class="flex items-center">108 <div class="bg-purple-500 rounded-lg p-3 mr-4">109 <i data-feather="database" class="text-white"></i>110 </div>111 <div>112 <p class="text-gray-400 text-sm">Storage Used</p>113 <h3 class="text-2xl font-bold">4.7GB/10GB</h3>114 </div>115 </div>116 </div>117 </div>118 119 <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">120 <div class="bg-gray-800 bg-opacity-80 backdrop-blur-md rounded-lg p-6 border border-gray-700">121 <div class="flex justify-between items-center mb-4">122 <h2 class="text-xl font-bold">Recent APK Uploads</h2>123 <a href="#" class="text-sm text-red-500 hover:text-red-400">View All</a>124 </div>125 <div class="space-y-4">126 <div class="flex items-center justify-between p-3 hover:bg-gray-700 rounded-lg transition">127 <div class="flex items-center">128 <div class="bg-red-500 rounded-lg p-2 mr-3">129 <i data-feather="package" class="text-white"></i>130 </div>131 <div>132 <h4 class="font-medium">WhatsApp.apk</h4>133 <p class="text-sm text-gray-400">2 days ago</p>134 </div>135 </div>136 <div class="text-sm text-gray-300">12.4MB</div>137 </div>138 <div class="flex items-center justify-between p-3 hover:bg-gray-700 rounded-lg transition">139 <div class="flex items-center">140 <div class="bg-blue-500 rounded-lg p-2 mr-3">141 <i data-feather="package" class="text-white"></i>142 </div>143 <div>144 <h4 class="font-medium">Spotify.apk</h4>145 <p class="text-sm text-gray-400">3 days ago</p>146 </div>147 </div>148 <div class="text-sm text-gray-300">82.4MB</div>149 </div>150 <div class="flex items-center justify-between p-3 hover:bg-gray-700 rounded-lg transition">151 <div class="flex items-center">152 <div class="bg-purple-500 rounded-lg p-2 mr-3">153 <i data-feather="package" class="text-white"></i>154 </div>155 <div>156 <h4 class="font-medium">Instagram.apk</h4>157 <p class="text-sm text-gray-400">1 week ago</p>158 </div>159 </div>160 <div class="text-sm text-gray-300">45.8MB</div>161 </div>162 </div>163 </div>164 165 <div class="bg-gray-800 bg-opacity-80 backdrop-blur-md rounded-lg p-6 border border-gray-700">166 <div class="flex justify-between items-center mb-4">167 <h2 class="text-xl font-bold">Recent Users</h2>168 <a href="#" class="text-sm text-red-500 hover:text-red-400">View All</a>169 </div>170 <div class="space-y-4">171 <div class="flex items-center justify-between p-3 hover:bg-gray-700 rounded-lg transition">172 <div class="flex items-center">173 <div class="bg-gray-500 rounded-full w-10 h-10 flex items-center justify-center mr-3">174 <i data-feather="user" class="text-white"></i>175 </div>176 <div>177 <h4 class="font-medium">anonymous123</h4>178 <p class="text-sm text-gray-400">Premium User</p>179 </div>180 </div>181 <div class="text-sm text-gray-300">5 minutes ago</div>182 </div>183 <div class="flex items-center justify-between p-3 hover:bg-gray-700 rounded-lg transition">184 <div class="flex items-center">185 <div class="bg-gray-500 rounded-full w-10 h-10 flex items-center justify-center mr-3">186 <i data-feather="user" class="text-white"></i>187 </div>188 <div>189 <h4 class="font-medium">skullhacker</h4>190 <p class="text-sm text-gray-400">Admin</p>191 </div>192 </div>193 <div class="text-sm text-gray-300">1 hour ago</div>194 </div>195 <div class="flex items-center justify-between p-3 hover:bg-gray-700 rounded-lg transition">196 <div class="flex items-center">197 <div class="bg-gray-500 rounded-full w-10 h-10 flex items-center justify-center mr-3">198 <i data-feather="user" class="text-white"></i>199 </div>200 <div>201 <h4 class="font-medium">modder_pro</h4>202 <p class="text-sm text-gray-400">Uploader</p>203 </div>204 </div>205 <div class="text-sm text-gray-300">2 hours ago</div>206 </div>207 </div>208 </div>209 </div>210 211 <div class="mt-8 bg-gray-800 bg-opacity-80 backdrop-blur-md rounded-lg p-6 border border-gray-700">212 <h2 class="text-xl font-bold mb-4">Quick Actions</h2>213 <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">214 <button class="flex flex-col items-center justify-center p-4 bg-gray-700 hover:bg-gray-600 rounded-lg transition">215 <div class="bg-red-500 rounded-lg p-3 mb-2">216 <i data-feather="upload" class="text-white"></i>217 </div>218 <span>Upload APK</span>219 </button>220 <button class="flex flex-col items-center justify-center p-4 bg-gray-700 hover:bg-gray-600 rounded-lg transition">221 <div class="bg-blue-500 rounded-lg p-3 mb-2">222 <i data-feather="user-plus" class="text-white"></i>223 </div>224 <span>Add User</span>225 </button>226 <button class="flex flex-col items-center justify-center p-4 bg-gray-700 hover:bg-gray-600 rounded-lg transition">227 <div class="bg-green-500 rounded-lg p-3 mb-2">228 <i data-feather="settings" class="text-white"></i>229 </div>230 <span>Settings</span>231 </button>232 <button class="flex flex-col items-center justify-center p-4 bg-gray-700 hover:bg-gray-600 rounded-lg transition">233 <div class="bg-purple-500 rounded-lg p-3 mb-2">234 <i data-feather="database" class="text-white"></i>235 </div>236 <span>Backup</span>237 </button>238 </div>239 </div>240 </main>241 242 <script>243 // Initialize Vanta.js background244 VANTA.NET({245 el: "#vanta-bg",246 mouseControls: true,247 touchControls: true,248 gyroControls: false,249 minHeight: 200.00,250 minWidth: 200.00,251 scale: 1.00,252 scaleMobile: 1.00,253 color: 0xff5555,254 backgroundColor: 0x111111,255 points: 12.00,256 maxDistance: 22.00,257 spacing: 18.00258 });259 260 // Initialize Firebase (replace with your config)261 const firebaseConfig = {262 apiKey: "YOUR_API_KEY",263 authDomain: "YOUR_AUTH_DOMAIN",264 projectId: "YOUR_PROJECT_ID",265 storageBucket: "YOUR_STORAGE_BUCKET",266 messagingSenderId: "YOUR_MESSAGING_SENDER_ID",267 appId: "YOUR_APP_ID"268 };269 270 // Initialize Firebase271 firebase.initializeApp(firebaseConfig);272 273 // Initialize feather icons274 feather.replace();275 </script>276</body>277</html>