hinkwind/attackerrr
0
1<!DOCTYPE html>2<html lang="hu">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>HinkAttack | Premium Admin Control</title>7 <script src="https://cdn.tailwindcss.com"></script>8 <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;800&display=swap" rel="stylesheet">9 <style>10 :root {11 --glass: rgba(255, 255, 255, 0.05);12 --glass-border: rgba(255, 255, 255, 0.1);13 --neon-red: #ff3333;14 --bg-dark: #0f111a;15 }16 17 body {18 font-family: 'Poppins', sans-serif;19 background: radial-gradient(circle at top right, #1a1c2c, #0f111a);20 color: #e2e8f0;21 min-height: 100vh;22 overflow-x: hidden;23 }24 25 /* Glassmorphism Panel */26 .glass-card {27 background: var(--glass);28 backdrop-filter: blur(15px);29 border: 1px solid var(--glass-border);30 border-radius: 24px;31 box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.8);32 }33 34 /* Neumorphic 3D Button */35 .neu-button {36 background: #1e2132;37 box-shadow: 5px 5px 15px #0a0c14, -2px -2px 10px rgba(255,255,255,0.05);38 border-radius: 12px;39 transition: all 0.3s ease;40 border: 1px solid rgba(255,255,255,0.05);41 }42 43 .neu-button:active {44 box-shadow: inset 5px 5px 10px #0a0c14, inset -2px -2px 10px rgba(255,255,255,0.05);45 transform: translateY(2px);46 }47 48 .neu-button-red {49 background: linear-gradient(145deg, #ff3333, #cc0000);50 box-shadow: 4px 4px 12px rgba(255, 51, 51, 0.3);51 }52 53 /* Custom Scrollbar */54 ::-webkit-scrollbar { width: 6px; }55 ::-webkit-scrollbar-track { background: transparent; }56 ::-webkit-scrollbar-thumb { background: var(--glass-border); border-radius: 10px; }57 58 /* Floating Animation */59 .float { animation: floating 6s ease-in-out infinite; }60 @keyframes floating {61 0% { transform: translateY(0px); }62 50% { transform: translateY(-10px); }63 100% { transform: translateY(0px); }64 }65 </style>66</head>67<body class="p-4 md:p-8">68 69 <div class="max-w-6xl mx-auto">70 <!-- Header -->71 <header class="flex justify-between items-center mb-12">72 <div class="float">73 <h1 class="text-4xl font-extrabold tracking-tighter bg-clip-text text-transparent bg-gradient-to-r from-red-500 to-orange-400">74 HINKATTACK <span class="text-white font-light text-xl ml-2">v4.0 ULTIMATE</span>75 </h1>76 <p class="text-gray-500 text-sm">Üveges Design & 3D Control System</p>77 </div>78 <div class="glass-card px-6 py-2 flex items-center gap-4">79 <div class="w-3 h-3 bg-green-500 rounded-full animate-pulse"></div>80 <span class="text-sm font-semibold uppercase tracking-widest">Server Online</span>81 </div>82 </header>83 84 <div class="grid grid-cols-1 lg:grid-cols-3 gap-8">85 86 <!-- Left Panel: Stats & Controls -->87 <div class="lg:col-span-1 space-y-6">88 <div class="glass-card p-6">89 <h2 class="text-lg font-bold mb-4 opacity-70">Licenc Kezelés</h2>90 <div class="space-y-4">91 <div>92 <label class="text-xs text-gray-500 ml-2">Felhasználó Neve</label>93 <input type="text" id="userName" class="w-full bg-black/30 border border-white/10 rounded-xl px-4 py-3 focus:outline-none focus:border-red-500 transition-all" placeholder="Pl: Pisti88">94 </div>95 <button onclick="generateKey()" class="w-full neu-button neu-button-red py-4 font-bold text-white uppercase tracking-wider">96 Új Kulcs Generálása97 </button>98 </div>99 </div>100 101 <div class="glass-card p-6">102 <h2 class="text-lg font-bold mb-4 opacity-70">Gyors Parancsok</h2>103 <div class="grid grid-cols-2 gap-4">104 <button onclick="promptReset()" class="neu-button p-4 text-xs font-bold uppercase">HWID Reset</button>105 <button onclick="promptBan()" class="neu-button p-4 text-xs font-bold uppercase text-red-400">Ban HWID</button>106 </div>107 </div>108 </div>109 110 <!-- Right Panel: Database List -->111 <div class="lg:col-span-2">112 <div class="glass-card p-8 h-full min-h-[500px]">113 <div class="flex justify-between items-center mb-6">114 <h2 class="text-2xl font-bold">Aktív Licencek</h2>115 <span id="keyCount" class="bg-white/10 px-4 py-1 rounded-full text-xs font-mono">0 KEYS</span>116 </div>117 118 <div class="overflow-x-auto">119 <table class="w-full text-left">120 <thead>121 <tr class="text-gray-500 text-xs uppercase tracking-widest border-b border-white/5">122 <th class="pb-4 font-normal">Kulcs / Tulajdonos</th>123 <th class="pb-4 font-normal">HWID Státusz</th>124 <th class="pb-4 font-normal">Lejárat</th>125 <th class="pb-4 font-normal text-right">Művelet</th>126 </tr>127 </thead>128 <tbody id="keyTableBody" class="text-sm">129 <!-- Dinamikus tartalom -->130 </tbody>131 </table>132 </div>133 </div>134 </div>135 </div>136 </div>137 138 <!-- Notification system -->139 <div id="notif-container" class="fixed bottom-8 right-8 space-y-4"></div>140 141 <script>142 // Mock Database for UI Demo143 let db = {144 keys: {145 "HINK-X82J-921L": { user: "AdminTest", hwid: "72B8-C1A2-FF34", expires: "2024-12-31", status: "active" },146 "HINK-B291-K11P": { user: "Pisti88", hwid: null, expires: "2024-06-15", status: "active" }147 }148 };149 150 function renderTable() {151 const body = document.getElementById('keyTableBody');152 const count = document.getElementById('keyCount');153 body.innerHTML = '';154 const keys = Object.keys(db.keys);155 count.innerText = `${keys.length} KEYS`;156 157 keys.forEach(key => {158 const data = db.keys[key];159 const row = document.createElement('tr');160 row.className = "border-b border-white/5 hover:bg-white/5 transition-colors group";161 row.innerHTML = `162 <td class="py-4">163 <div class="font-mono text-red-400 font-bold">${key}</div>164 <div class="text-xs text-gray-500">${data.user}</div>165 </td>166 <td class="py-4">167 ${data.hwid ? `<span class="bg-green-500/10 text-green-400 px-2 py-1 rounded text-[10px] font-bold">ZÁROLT: ${data.hwid}</span>` : `<span class="bg-yellow-500/10 text-yellow-500 px-2 py-1 rounded text-[10px] font-bold">SZABAD</span>`}168 </td>169 <td class="py-4 text-xs text-gray-400">170 ${data.expires}171 </td>172 <td class="py-4 text-right">173 <button onclick="deleteKey('${key}')" class="text-gray-600 hover:text-red-500 transition-colors">174 <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 inline" fill="none" viewBox="0 0 24 24" stroke="currentColor">175 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" />176 </svg>177 </button>178 </td>179 `;180 body.appendChild(row);181 });182 }183 184 function generateKey() {185 const user = document.getElementById('userName').value || "Ismeretlen";186 const newKey = "HINK-" + Math.random().toString(36).substring(2, 6).toUpperCase() + "-" + Math.random().toString(36).substring(2, 6).toUpperCase();187 188 db.keys[newKey] = {189 user: user,190 hwid: null,191 expires: "2024-12-01",192 status: "active"193 };194 195 showNotif(`Kulcs generálva: ${newKey}`);196 renderTable();197 document.getElementById('userName').value = '';198 }199 200 function deleteKey(key) {201 delete db.keys[key];202 showNotif(`Kulcs törölve!`, "red");203 renderTable();204 }205 206 function showNotif(text, color = "green") {207 const container = document.getElementById('notif-container');208 const n = document.createElement('div');209 n.className = `glass-card p-4 border-l-4 border-${color}-500 float shadow-2xl min-w-[200px]`;210 n.innerHTML = `<p class="text-sm font-bold">${text}</p>`;211 container.appendChild(n);212 setTimeout(() => n.remove(), 3000);213 }214 215 function promptReset() {216 const k = prompt("Melyik kulcs HWID-jét reseteljem?");217 if (k && db.keys[k]) {218 db.keys[k].hwid = null;219 showNotif("HWID Resetelve!");220 renderTable();221 }222 }223 224 // Init225 renderTable();226 </script>227</body>228</html>