Hugging Face's logo

Spaces:
syslost
/
f
Running

App Files Community
syslost commited on
Commit
22af555
·
verified ·
1 Parent(s): b93c2d8

Add 2 files

Browse files
Files changed (2) hide show
  1. README.md +7 -5
  2. index.html +1047 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: F
3
- emoji: 👀
4
- colorFrom: pink
5
- colorTo: gray
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: f
3
+ emoji: 🐳
4
+ colorFrom: blue
5
+ colorTo: blue
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,1047 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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>NovaCheats - Premium Gaming Enhancements</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <style>
10
+ @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
11
+
12
+ body {
13
+ font-family: 'Poppins', sans-serif;
14
+ background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
15
+ color: #fff;
16
+ min-height: 100vh;
17
+ overflow-x: hidden;
18
+ }
19
+
20
+ .glow {
21
+ box-shadow: 0 0 15px rgba(58, 123, 213, 0.5);
22
+ }
23
+
24
+ .glow-effect {
25
+ position: relative;
26
+ }
27
+
28
+ .glow-effect::before {
29
+ content: '';
30
+ position: absolute;
31
+ top: -5px;
32
+ left: -5px;
33
+ right: -5px;
34
+ bottom: -5px;
35
+ border-radius: 16px;
36
+ background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
37
+ background-size: 400%;
38
+ z-index: -1;
39
+ filter: blur(10px);
40
+ opacity: 0;
41
+ animation: glow 20s linear infinite;
42
+ transition: opacity 0.3s ease-in-out;
43
+ }
44
+
45
+ .glow-effect:hover::before {
46
+ opacity: 0.4;
47
+ }
48
+
49
+ @keyframes glow {
50
+ 0% { background-position: 0 0; }
51
+ 50% { background-position: 400% 0; }
52
+ 100% { background-position: 0 0; }
53
+ }
54
+
55
+ .floating {
56
+ animation: floating 3s ease-in-out infinite;
57
+ }
58
+
59
+ @keyframes floating {
60
+ 0% { transform: translateY(0px); }
61
+ 50% { transform: translateY(-15px); }
62
+ 100% { transform: translateY(0px); }
63
+ }
64
+
65
+ .btn-pulse {
66
+ animation: pulse 2s infinite;
67
+ }
68
+
69
+ @keyframes pulse {
70
+ 0% { box-shadow: 0 0 0 0 rgba(58, 123, 213, 0.7); }
71
+ 70% { box-shadow: 0 0 0 10px rgba(58, 123, 213, 0); }
72
+ 100% { box-shadow: 0 0 0 0 rgba(58, 123, 213, 0); }
73
+ }
74
+
75
+ .tab-animation {
76
+ transition: all 0.3s ease;
77
+ }
78
+
79
+ .tab-animation:hover {
80
+ transform: translateY(-5px);
81
+ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
82
+ }
83
+
84
+ .login-form {
85
+ background: rgba(26, 26, 46, 0.8);
86
+ backdrop-filter: blur(10px);
87
+ border: 1px solid rgba(255, 255, 255, 0.1);
88
+ }
89
+
90
+ .card-hover:hover {
91
+ transform: scale(1.03);
92
+ transition: all 0.3s ease;
93
+ z-index: 10;
94
+ }
95
+
96
+ input:-webkit-autofill,
97
+ input:-webkit-autofill:hover,
98
+ input:-webkit-autofill:focus,
99
+ input:-webkit-autofill:active {
100
+ -webkit-box-shadow: 0 0 0 30px #16213e inset !important;
101
+ -webkit-text-fill-color: white !important;
102
+ }
103
+
104
+ .progress-bar {
105
+ transition: width 0.3s ease;
106
+ }
107
+
108
+ .tooltip {
109
+ position: relative;
110
+ display: inline-block;
111
+ }
112
+
113
+ .tooltip .tooltiptext {
114
+ visibility: hidden;
115
+ width: 120px;
116
+ background-color: #333;
117
+ color: #fff;
118
+ text-align: center;
119
+ border-radius: 6px;
120
+ padding: 5px;
121
+ position: absolute;
122
+ z-index: 1;
123
+ bottom: 125%;
124
+ left: 50%;
125
+ margin-left: -60px;
126
+ opacity: 0;
127
+ transition: opacity 0.3s;
128
+ }
129
+
130
+ .tooltip:hover .tooltiptext {
131
+ visibility: visible;
132
+ opacity: 1;
133
+ }
134
+ </style>
135
+ </head>
136
+ <body class="flex flex-col items-center justify-center p-4">
137
+ <!-- Main Container -->
138
+ <div id="app" class="w-full max-w-4xl">
139
+ <!-- Login Screen -->
140
+ <div id="loginScreen" class="login-form rounded-xl p-8 w-full max-w-md mx-auto">
141
+ <div class="flex flex-col items-center mb-8">
142
+ <div class="glow-effect floating mb-4">
143
+ <img src="https://i.imgur.com/Jx7Q0Wv.png" alt="NovaCheats Logo" class="w-20 h-20">
144
+ </div>
145
+ <h1 class="text-3xl font-bold text-center bg-clip-text text-transparent bg-gradient-to-r from-blue-400 to-purple-600">
146
+ NovaCheats
147
+ </h1>
148
+ <p class="text-gray-400 mt-2 text-center">Premium gaming enhancements</p>
149
+ </div>
150
+
151
+ <div id="loginForm" class="flex flex-col space-y-4">
152
+ <div>
153
+ <label for="username" class="block text-sm font-medium text-gray-300 mb-1">Username</label>
154
+ <div class="relative">
155
+ <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
156
+ <i class="fas fa-user text-gray-500"></i>
157
+ </div>
158
+ <input type="text" id="username" class="w-full pl-10 pr-4 py-2 bg-gray-800 border border-gray-700 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent" placeholder="Enter your username">
159
+ </div>
160
+ </div>
161
+
162
+ <div>
163
+ <label for="password" class="block text-sm font-medium text-gray-300 mb-1">Password</label>
164
+ <div class="relative">
165
+ <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
166
+ <i class="fas fa-lock text-gray-500"></i>
167
+ </div>
168
+ <input type="password" id="password" class="w-full pl-10 pr-4 py-2 bg-gray-800 border border-gray-700 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent" placeholder="Enter your password">
169
+ </div>
170
+ </div>
171
+
172
+ <div class="flex items-center justify-between">
173
+ <label class="flex items-center">
174
+ <input type="checkbox" class="form-checkbox h-4 w-4 text-blue-600 bg-gray-800 border-gray-700 rounded">
175
+ <span class="ml-2 text-sm text-gray-400">Remember me</span>
176
+ </label>
177
+
178
+ <a href="#" class="text-sm text-blue-400 hover:text-blue-300" id="forgotPasswordLink">Forgot password?</a>
179
+ </div>
180
+
181
+ <button id="loginButton" class="btn-pulse mt-6 w-full bg-gradient-to-r from-blue-600 to-purple-600 text-white py-3 px-4 rounded-lg font-medium transition duration-300 hover:from-blue-500 hover:to-purple-500 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50">
182
+ Login
183
+ </button>
184
+
185
+ <div class="text-center mt-4">
186
+ <p class="text-gray-400 text-sm">Don't have an account? <a href="#" class="text-blue-400 hover:text-blue-300" id="registerLink">Register</a></p>
187
+ </div>
188
+ </div>
189
+
190
+ <!-- Register Form (Hidden by default) -->
191
+ <div id="registerForm" class="flex flex-col space-y-4 hidden">
192
+ <div>
193
+ <label for="regUsername" class="block text-sm font-medium text-gray-300 mb-1">Username</label>
194
+ <div class="relative">
195
+ <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
196
+ <i class="fas fa-user text-gray-500"></i>
197
+ </div>
198
+ <input type="text" id="regUsername" class="w-full pl-10 pr-4 py-2 bg-gray-800 border border-gray-700 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent" placeholder="Choose a username">
199
+ </div>
200
+ </div>
201
+
202
+ <div>
203
+ <label for="regEmail" class="block text-sm font-medium text-gray-300 mb-1">Email</label>
204
+ <div class="relative">
205
+ <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
206
+ <i class="fas fa-envelope text-gray-500"></i>
207
+ </div>
208
+ <input type="email" id="regEmail" class="w-full pl-10 pr-4 py-2 bg-gray-800 border border-gray-700 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent" placeholder="Enter your email">
209
+ </div>
210
+ </div>
211
+
212
+ <div>
213
+ <label for="regPassword" class="block text-sm font-medium text-gray-300 mb-1">Password</label>
214
+ <div class="relative">
215
+ <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
216
+ <i class="fas fa-lock text-gray-500"></i>
217
+ </div>
218
+ <input type="password" id="regPassword" class="w-full pl-10 pr-4 py-2 bg-gray-800 border border-gray-700 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent" placeholder="Create a password">
219
+ </div>
220
+ </div>
221
+
222
+ <div>
223
+ <label for="regConfirmPassword" class="block text-sm font-medium text-gray-300 mb-1">Confirm Password</label>
224
+ <div class="relative">
225
+ <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
226
+ <i class="fas fa-lock text-gray-500"></i>
227
+ </div>
228
+ <input type="password" id="regConfirmPassword" class="w-full pl-10 pr-4 py-2 bg-gray-800 border border-gray-700 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent" placeholder="Confirm your password">
229
+ </div>
230
+ </div>
231
+
232
+ <div>
233
+ <label for="regLicense" class="block text-sm font-medium text-gray-300 mb-1">License Key (Optional)</label>
234
+ <div class="relative">
235
+ <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
236
+ <i class="fas fa-key text-gray-500"></i>
237
+ </div>
238
+ <input type="text" id="regLicense" class="w-full pl-10 pr-4 py-2 bg-gray-800 border border-gray-700 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent" placeholder="Enter license key if any">
239
+ </div>
240
+ </div>
241
+
242
+ <button id="registerButton" class="mt-6 w-full bg-gradient-to-r from-green-600 to-teal-600 text-white py-3 px-4 rounded-lg font-medium transition duration-300 hover:from-green-500 hover:to-teal-500 focus:outline-none focus:ring-2 focus:ring-green-500 focus:ring-opacity-50">
243
+ Create Account
244
+ </button>
245
+
246
+ <div class="text-center mt-4">
247
+ <p class="text-gray-400 text-sm">Already have an account? <a href="#" class="text-blue-400 hover:text-blue-300" id="backToLoginLink">Login here</a></p>
248
+ </div>
249
+ </div>
250
+
251
+ <!-- Forgot Password Form (Hidden by default) -->
252
+ <div id="forgotPasswordForm" class="flex flex-col space-y-4 hidden">
253
+ <div>
254
+ <label for="forgotEmail" class="block text-sm font-medium text-gray-300 mb-1">Email</label>
255
+ <div class="relative">
256
+ <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
257
+ <i class="fas fa-envelope text-gray-500"></i>
258
+ </div>
259
+ <input type="email" id="forgotEmail" class="w-full pl-10 pr-4 py-2 bg-gray-800 border border-gray-700 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent" placeholder="Enter your email">
260
+ </div>
261
+ </div>
262
+
263
+ <button id="sendResetLinkButton" class="mt-6 w-full bg-gradient-to-r from-yellow-600 to-orange-600 text-white py-3 px-4 rounded-lg font-medium transition duration-300 hover:from-yellow-500 hover:to-orange-500 focus:outline-none focus:ring-2 focus:ring-yellow-500 focus:ring-opacity-50">
264
+ Send Reset Link
265
+ </button>
266
+
267
+ <div class="text-center mt-4">
268
+ <p class="text-gray-400 text-sm">Remember your password? <a href="#" class="text-blue-400 hover:text-blue-300" id="backToLoginFromForgotLink">Login here</a></p>
269
+ </div>
270
+ </div>
271
+ </div>
272
+
273
+ <!-- Main Dashboard (Hidden by default) -->
274
+ <div id="dashboard" class="hidden">
275
+ <!-- Header -->
276
+ <div class="flex justify-between items-center mb-8 p-4 bg-gray-800 rounded-xl">
277
+ <div class="flex items-center">
278
+ <img src="https://i.imgur.com/Jx7Q0Wv.png" alt="NovaCheats Logo" class="w-12 h-12 mr-3">
279
+ <h2 class="text-2xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-blue-400 to-purple-600">
280
+ NovaCheats
281
+ </h2>
282
+ </div>
283
+
284
+ <div class="flex items-center space-x-4">
285
+ <div class="flex items-center space-x-2">
286
+ <div class="w-2 h-2 rounded-full bg-green-500"></div>
287
+ <span class="text-sm text-gray-300">Connected</span>
288
+ </div>
289
+
290
+ <div class="relative group">
291
+ <button id="userDropdownButton" class="flex items-center space-x-2 focus:outline-none">
292
+ <div class="w-8 h-8 rounded-full bg-gradient-to-r from-blue-500 to-purple-500 flex items-center justify-center text-white font-medium">U</div>
293
+ <span class="text-gray-300" id="loggedInUsername">User</span>
294
+ <i class="fas fa-chevron-down text-gray-400 text-xs"></i>
295
+ </button>
296
+
297
+ <div id="userDropdown" class="hidden absolute right-0 mt-2 w-48 bg-gray-800 rounded-lg shadow-lg border border-gray-700 z-10">
298
+ <div class="py-1">
299
+ <a href="#" class="block px-4 py-2 text-sm text-gray-300 hover:bg-gray-700">Profile</a>
300
+ <a href="#" class="block px-4 py-2 text-sm text-gray-300 hover:bg-gray-700">Settings</a>
301
+ <a href="#" id="logoutButton" class="block px-4 py-2 text-sm text-red-400 hover:bg-gray-700">Logout</a>
302
+ </div>
303
+ </div>
304
+ </div>
305
+ </div>
306
+ </div>
307
+
308
+ <!-- Main Content -->
309
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8">
310
+ <!-- User Stats -->
311
+ <div class="bg-gray-800 rounded-xl p-6 glow-effect tab-animation">
312
+ <div class="flex items-center justify-between mb-4">
313
+ <h3 class="text-lg font-medium">Your Account</h3>
314
+ <div class="px-2 py-1 bg-blue-600 rounded-md text-xs font-medium">PREMIUM</div>
315
+ </div>
316
+
317
+ <div class="space-y-4">
318
+ <div>
319
+ <p class="text-sm text-gray-400">Subscription</p>
320
+ <p class="text-blue-400">Active until 15.12.2023</p>
321
+ </div>
322
+
323
+ <div>
324
+ <p class="text-sm text-gray-400">HWID</p>
325
+ <p class="text-gray-300 truncate">B5D6-8C74-92E1-A4F3</p>
326
+ </div>
327
+
328
+ <div>
329
+ <p class="text-sm text-gray-400">Last Login</p>
330
+ <p class="text-gray-300">Today, 14:32</p>
331
+ </div>
332
+ </div>
333
+ </div>
334
+
335
+ <!-- News/Updates -->
336
+ <div class="bg-gray-800 rounded-xl p-6 glow-effect tab-animation">
337
+ <h3 class="text-lg font-medium mb-4">Latest Updates</h3>
338
+
339
+ <div class="space-y-4">
340
+ <div class="border-b border-gray-700 pb-4">
341
+ <p class="text-sm text-blue-400">Version 2.1.0</p>
342
+ <p class="text-sm text-gray-400">Improved anti-detection for CS2</p>
343
+ </div>
344
+
345
+ <div class="border-b border-gray-700 pb-4">
346
+ <p class="text-sm text-blue-400">Version 2.0.3</p>
347
+ <p class="text-sm text-gray-400">New Minecraft features added</p>
348
+ </div>
349
+
350
+ <div>
351
+ <p class="text-sm text-blue-400">Hotfix</p>
352
+ <p class="text-sm text-gray-400">Fixed launcher crash issue</p>
353
+ </div>
354
+ </div>
355
+ </div>
356
+
357
+ <!-- Quick Actions -->
358
+ <div class="bg-gray-800 rounded-xl p-6 glow-effect tab-animation">
359
+ <h3 class="text-lg font-medium mb-4">Quick Actions</h3>
360
+
361
+ <div class="grid grid-cols-2 gap-3">
362
+ <button class="py-2 px-3 bg-gray-700 rounded-lg text-sm flex items-center justify-center hover:bg-gray-600 transition">
363
+ <i class="fas fa-cog mr-2 text-blue-400"></i> Settings
364
+ </button>
365
+
366
+ <button class="py-2 px-3 bg-gray-700 rounded-lg text-sm flex items-center justify-center hover:bg-gray-600 transition">
367
+ <i class="fas fa-question-circle mr-2 text-blue-400"></i> Support
368
+ </button>
369
+
370
+ <button class="py-2 px-3 bg-gray-700 rounded-lg text-sm flex items-center justify-center hover:bg-gray-600 transition">
371
+ <i class="fas fa-sync-alt mr-2 text-blue-400"></i> Update
372
+ </button>
373
+
374
+ <button class="py-2 px-3 bg-gray-700 rounded-lg text-sm flex items-center justify-center hover:bg-gray-600 transition">
375
+ <i class="fas fa-file-alt mr-2 text-blue-400"></i> Logs
376
+ </button>
377
+ </div>
378
+ </div>
379
+ </div>
380
+
381
+ <!-- Cheats Selection -->
382
+ <div class="mb-8">
383
+ <h3 class="text-xl font-medium mb-4">Select Your Game</h3>
384
+
385
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
386
+ <!-- Minecraft Cheat -->
387
+ <div class="bg-gray-800 rounded-xl overflow-hidden glow-effect card-hover">
388
+ <div class="bg-gradient-to-r from-green-600 to-green-800 p-4">
389
+ <div class="flex items-center justify-between">
390
+ <h4 class="text-lg font-bold flex items-center">
391
+ <i class="fas fa-cube mr-2"></i> Minecraft
392
+ </h4>
393
+ <div class="text-xs px-2 py-1 bg-black bg-opacity-30 rounded-full">v2.1.3</div>
394
+ </div>
395
+ </div>
396
+ <div class="p-4">
397
+ <p class="text-sm text-gray-400 mb-4">Advanced cheats with bypasses for most popular anti-cheats</p>
398
+
399
+ <div class="grid grid-cols-3 gap-2 mb-4">
400
+ <span class="text-xs bg-green-900 bg-opacity-50 text-green-400 px-2 py-1 rounded-full text-center">Aimbot</span>
401
+ <span class="text-xs bg-green-900 bg-opacity-50 text-green-400 px-2 py-1 rounded-full text-center">ESP</span>
402
+ <span class="text-xs bg-green-900 bg-opacity-50 text-green-400 px-2 py-1 rounded-full text-center">Fly</span>
403
+ <span class="text-xs bg-green-900 bg-opacity-50 text-green-400 px-2 py-1 rounded-full text-center">BHop</span>
404
+ <span class="text-xs bg-green-900 bg-opacity-50 text-green-400 px-2 py-1 rounded-full text-center">KillAura</span>
405
+ <span class="text-xs bg-green-900 bg-opacity-50 text-green-400 px-2 py-1 rounded-full text-center">Speed</span>
406
+ </div>
407
+
408
+ <div class="flex items-center justify-between text-xs text-gray-400 mb-2">
409
+ <span>Detection Risk:</span>
410
+ <span class="text-green-400">Low (0.3%)</span>
411
+ </div>
412
+
413
+ <div class="w-full bg-gray-700 rounded-full h-2 mb-4">
414
+ <div class="bg-green-500 h-2 rounded-full" style="width: 3%"></div>
415
+ </div>
416
+
417
+ <button id="injectMinecraft" class="w-full py-2 bg-gradient-to-r from-green-600 to-blue-600 rounded-lg font-medium hover:from-green-500 hover:to-blue-500 transition flex items-center justify-center">
418
+ <i class="fas fa-bolt mr-2"></i> Inject
419
+ </button>
420
+ </div>
421
+ </div>
422
+
423
+ <!-- CS2 Cheat -->
424
+ <div class="bg-gray-800 rounded-xl overflow-hidden glow-effect card-hover">
425
+ <div class="bg-gradient-to-r from-orange-600 to-orange-800 p-4">
426
+ <div class="flex items-center justify-between">
427
+ <h4 class="text-lg font-bold flex items-center">
428
+ <i class="fas fa-crosshairs mr-2"></i> Counter-Strike 2
429
+ </h4>
430
+ <div class="text-xs px-2 py-1 bg-black bg-opacity-30 rounded-full">v2.0.9</div>
431
+ </div>
432
+ </div>
433
+ <div class="p-4">
434
+ <p class="text-sm text-gray-400 mb-4">Undetected cheats with advanced customization options</p>
435
+
436
+ <div class="grid grid-cols-3 gap-2 mb-4">
437
+ <span class="text-xs bg-orange-900 bg-opacity-50 text-orange-400 px-2 py-1 rounded-full text-center">Aimbot</span>
438
+ <span class="text-xs bg-orange-900 bg-opacity-50 text-orange-400 px-2 py-1 rounded-full text-center">ESP</span>
439
+ <span class="text-xs bg-orange-900 bg-opacity-50 text-orange-400 px-2 py-1 rounded-full text-center">Trigger</span>
440
+ <span class="text-xs bg-orange-900 bg-opacity-50 text-orange-400 px-2 py-1 rounded-full text-center">BHop</span>
441
+ <span class="text-xs bg-orange-900 bg-opacity-50 text-orange-400 px-2 py-1 rounded-full text-center">Radar</span>
442
+ <span class="text-xs bg-orange-900 bg-opacity-50 text-orange-400 px-2 py-1 rounded-full text-center">SkinChanger</span>
443
+ </div>
444
+
445
+ <div class="flex items-center justify-between text-xs text-gray-400 mb-2">
446
+ <span>Detection Risk:</span>
447
+ <span class="text-orange-400">Medium (2.1%)</span>
448
+ </div>
449
+
450
+ <div class="w-full bg-gray-700 rounded-full h-2 mb-4">
451
+ <div class="bg-orange-500 h-2 rounded-full" style="width: 21%"></div>
452
+ </div>
453
+
454
+ <button id="injectCS2" class="w-full py-2 bg-gradient-to-r from-orange-600 to-red-600 rounded-lg font-medium hover:from-orange-500 hover:to-red-500 transition flex items-center justify-center">
455
+ <i class="fas fa-bolt mr-2"></i> Inject
456
+ </button>
457
+ </div>
458
+ </div>
459
+ </div>
460
+ </div>
461
+
462
+ <!-- Injection Status Panel -->
463
+ <div id="injectionPanel" class="bg-gray-800 rounded-xl p-6 mb-8 hidden">
464
+ <h3 class="text-lg font-medium mb-4 flex items-center">
465
+ <i class="fas fa-spinner fa-spin mr-2 text-blue-500"></i> Injection Progress
466
+ </h3>
467
+
468
+ <div class="space-y-4">
469
+ <div>
470
+ <div class="flex items-center justify-between text-sm mb-1">
471
+ <span class="text-gray-400" id="currentStep">Initializing injection...</span>
472
+ <span class="text-blue-400" id="stepProgress">0%</span>
473
+ </div>
474
+ <div class="w-full bg-gray-700 rounded-full h-2">
475
+ <div class="bg-blue-500 h-2 rounded-full progress-bar" style="width: 0%"></div>
476
+ </div>
477
+ </div>
478
+
479
+ <div class="text-sm">
480
+ <p class="text-gray-400 mb-2">Status: <span class="text-blue-400" id="injectionStatus">Waiting to start</span></p>
481
+ <p class="text-xs text-gray-500 italic" id="injectionTooltip">Please wait while we prepare the injection process...</p>
482
+ </div>
483
+
484
+ <button id="cancelInjection" class="mt-4 w-full py-2 bg-gray-700 rounded-lg font-medium hover:bg-gray-600 transition hidden">
485
+ Cancel Injection
486
+ </button>
487
+ </div>
488
+ </div>
489
+
490
+ <!-- Admin Panel (Visible only for admin users) -->
491
+ <div id="adminPanel" class="bg-gray-800 rounded-xl p-6 mb-8 hidden">
492
+ <h3 class="text-lg font-medium mb-4 flex items-center">
493
+ <i class="fas fa-shield-alt mr-2 text-yellow-400"></i> Admin Panel
494
+ </h3>
495
+
496
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
497
+ <div class="bg-gray-700 rounded-lg p-4">
498
+ <h4 class="text-sm font-medium mb-2 text-yellow-400 flex items-center">
499
+ <i class="fas fa-users mr-2"></i> User Management
500
+ </h4>
501
+ <button class="w-full py-2 bg-gray-600 rounded-md text-sm hover:bg-gray-500 transition" id="createAccountBtn">
502
+ Create New Account
503
+ </button>
504
+ </div>
505
+
506
+ <div class="bg-gray-700 rounded-lg p-4">
507
+ <h4 class="text-sm font-medium mb-2 text-yellow-400 flex items-center">
508
+ <i class="fas fa-code mr-2"></i> Cheat Management
509
+ </h4>
510
+ <button class="w-full py-2 bg-gray-600 rounded-md text-sm hover:bg-gray-500 transition" id="updateCheatsBtn">
511
+ Update Cheat Files
512
+ </button>
513
+ </div>
514
+
515
+ <div class="bg-gray-700 rounded-lg p-4">
516
+ <h4 class="text-sm font-medium mb-2 text-yellow-400 flex items-center">
517
+ <i class="fas fa-server mr-2"></i> Server Status
518
+ </h4>
519
+ <div class="text-sm">
520
+ <p class="flex items-center mb-1">
521
+ <span class="w-2 h-2 rounded-full bg-green-500 mr-2"></span>
522
+ <span>API: Running</span>
523
+ </p>
524
+ <p class="flex items-center">
525
+ <span class="w-2 h-2 rounded-full bg-green-500 mr-2"></span>
526
+ <span>Database: Connected</span>
527
+ </p>
528
+ </div>
529
+ </div>
530
+ </div>
531
+ </div>
532
+
533
+ <!-- Account Creation Modal -->
534
+ <div id="accountCreationModal" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 hidden">
535
+ <div class="bg-gray-800 w-full max-w-md rounded-xl p-6">
536
+ <div class="flex justify-between items-center mb-4">
537
+ <h3 class="text-lg font-medium">
538
+ <i class="fas fa-user-plus mr-2 text-green-500"></i> Create New Account
539
+ </h3>
540
+ <button id="closeAccountModal" class="text-gray-400 hover:text-white">
541
+ <i class="fas fa-times"></i>
542
+ </button>
543
+ </div>
544
+
545
+ <div class="space-y-4">
546
+ <div>
547
+ <label class="block text-sm font-medium text-gray-300 mb-1">Username</label>
548
+ <input type="text" id="adminNewUsername" class="w-full px-4 py-2 bg-gray-700 border border-gray-600 rounded-lg focus:outline-none focus:ring-2 focus:ring-green-500 focus:border-transparent">
549
+ </div>
550
+
551
+ <div>
552
+ <label class="block text-sm font-medium text-gray-300 mb-1">Password</label>
553
+ <input type="password" id="adminNewPassword" class="w-full px-4 py-2 bg-gray-700 border border-gray-600 rounded-lg focus:outline-none focus:ring-2 focus:ring-green-500 focus:border-transparent">
554
+ </div>
555
+
556
+ <div>
557
+ <label class="block text-sm font-medium text-gray-300 mb-1">User Type</label>
558
+ <select id="adminUserType" class="w-full px-4 py-2 bg-gray-700 border border-gray-600 rounded-lg focus:outline-none focus:ring-2 focus:ring-green-500 focus:border-transparent">
559
+ <option value="user">Regular User</option>
560
+ <option value="premium">Premium User</option>
561
+ <option value="admin">Admin</option>
562
+ </select>
563
+ </div>
564
+
565
+ <div class="flex justify-end space-x-3 pt-2">
566
+ <button id="cancelAccountCreation" class="px-4 py-2 bg-gray-700 rounded-lg hover:bg-gray-600 transition">
567
+ Cancel
568
+ </button>
569
+ <button id="confirmAccountCreation" class="px-4 py-2 bg-green-600 rounded-lg hover:bg-green-500 transition">
570
+ Create Account
571
+ </button>
572
+ </div>
573
+ </div>
574
+ </div>
575
+ </div>
576
+
577
+ <!-- Footer -->
578
+ <div class="text-center text-xs text-gray-500 mt-8">
579
+ <p>NovaCheats v2.1.0 | Secure injection protocol | © 2023 All Rights Reserved</p>
580
+ <div class="flex justify-center space-x-4 mt-2">
581
+ <a href="#" class="hover:text-gray-400"><i class="fab fa-discord"></i></a>
582
+ <a href="#" class="hover:text-gray-400"><i class="fab fa-telegram"></i></a>
583
+ <a href="#" class="hover:text-gray-400"><i class="fab fa-twitter"></i></a>
584
+ </div>
585
+ </div>
586
+ </div>
587
+ </div>
588
+
589
+ <script>
590
+ // DOM Elements
591
+ const loginScreen = document.getElementById('loginScreen');
592
+ const dashboard = document.getElementById('dashboard');
593
+ const loginForm = document.getElementById('loginForm');
594
+ const registerForm = document.getElementById('registerForm');
595
+ const forgotPasswordForm = document.getElementById('forgotPasswordForm');
596
+ const loginButton = document.getElementById('loginButton');
597
+ const registerButton = document.getElementById('registerButton');
598
+ const sendResetLinkButton = document.getElementById('sendResetLinkButton');
599
+ const registerLink = document.getElementById('registerLink');
600
+ const backToLoginLink = document.getElementById('backToLoginLink');
601
+ const forgotPasswordLink = document.getElementById('forgotPasswordLink');
602
+ const backToLoginFromForgotLink = document.getElementById('backToLoginFromForgotLink');
603
+ const loggedInUsername = document.getElementById('loggedInUsername');
604
+ const logoutButton = document.getElementById('logoutButton');
605
+ const userDropdownButton = document.getElementById('userDropdownButton');
606
+ const userDropdown = document.getElementById('userDropdown');
607
+ const injectMinecraft = document.getElementById('injectMinecraft');
608
+ const injectCS2 = document.getElementById('injectCS2');
609
+ const injectionPanel = document.getElementById('injectionPanel');
610
+ const currentStep = document.getElementById('currentStep');
611
+ const stepProgress = document.getElementById('stepProgress');
612
+ const injectionStatus = document.getElementById('injectionStatus');
613
+ const injectionTooltip = document.getElementById('injectionTooltip');
614
+ const cancelInjection = document.getElementById('cancelInjection');
615
+ const adminPanel = document.getElementById('adminPanel');
616
+ const createAccountBtn = document.getElementById('createAccountBtn');
617
+ const accountCreationModal = document.getElementById('accountCreationModal');
618
+ const closeAccountModal = document.getElementById('closeAccountModal');
619
+ const cancelAccountCreation = document.getElementById('cancelAccountCreation');
620
+ const confirmAccountCreation = document.getElementById('confirmAccountCreation');
621
+ const adminNewUsername = document.getElementById('adminNewUsername');
622
+ const adminNewPassword = document.getElementById('adminNewPassword');
623
+ const adminUserType = document.getElementById('adminUserType');
624
+
625
+ // Fake database of users
626
+ const fakeDatabase = {
627
+ users: [
628
+ { username: 'admin', password: 'admin123', email: 'admin@novacheats.com', license: 'ADMIN-001', isAdmin: true },
629
+ { username: 'premium', password: 'premium123', email: 'premium@example.com', license: 'PREMIUM-001', isAdmin: false },
630
+ { username: 'user', password: 'user123', email: 'user@example.com', license: '', isAdmin: false }
631
+ ]
632
+ };
633
+
634
+ // Current user
635
+ let currentUser = null;
636
+
637
+ // Event Listeners
638
+ document.addEventListener('DOMContentLoaded', () => {
639
+ // Check if there's a saved session
640
+ const savedUser = localStorage.getItem('launcher_user');
641
+ if (savedUser) {
642
+ const user = JSON.parse(savedUser);
643
+ if (user.remember) {
644
+ document.getElementById('username').value = user.username;
645
+ document.getElementById('password').value = user.password;
646
+ document.querySelector('input[type="checkbox"]').checked = true;
647
+ }
648
+ }
649
+ });
650
+
651
+ registerLink.addEventListener('click', (e) => {
652
+ e.preventDefault();
653
+ loginForm.classList.add('hidden');
654
+ forgotPasswordForm.classList.add('hidden');
655
+ registerForm.classList.remove('hidden');
656
+ });
657
+
658
+ backToLoginLink.addEventListener('click', (e) => {
659
+ e.preventDefault();
660
+ registerForm.classList.add('hidden');
661
+ forgotPasswordForm.classList.add('hidden');
662
+ loginForm.classList.remove('hidden');
663
+ });
664
+
665
+ forgotPasswordLink.addEventListener('click', (e) => {
666
+ e.preventDefault();
667
+ loginForm.classList.add('hidden');
668
+ registerForm.classList.add('hidden');
669
+ forgotPasswordForm.classList.remove('hidden');
670
+ });
671
+
672
+ backToLoginFromForgotLink.addEventListener('click', (e) => {
673
+ e.preventDefault();
674
+ forgotPasswordForm.classList.add('hidden');
675
+ registerForm.classList.add('hidden');
676
+ loginForm.classList.remove('hidden');
677
+ });
678
+
679
+ loginButton.addEventListener('click', () => {
680
+ const username = document.getElementById('username').value;
681
+ const password = document.getElementById('password').value;
682
+ const remember = document.querySelector('input[type="checkbox"]').checked;
683
+
684
+ if (!username || !password) {
685
+ showAlert('Please fill in all fields', 'error');
686
+ return;
687
+ }
688
+
689
+ // Show loading state
690
+ loginButton.innerHTML = '<i class="fas fa-spinner fa-spin mr-2"></i> Logging in...';
691
+ loginButton.disabled = true;
692
+
693
+ // Simulate API call
694
+ setTimeout(() => {
695
+ const user = fakeDatabase.users.find(u => u.username === username && u.password === password);
696
+
697
+ if (user) {
698
+ currentUser = user;
699
+ loggedInUsername.textContent = user.username;
700
+
701
+ // Save to localStorage if remember me is checked
702
+ if (remember) {
703
+ localStorage.setItem('launcher_user', JSON.stringify({
704
+ username,
705
+ password,
706
+ remember: true
707
+ }));
708
+ } else {
709
+ localStorage.removeItem('launcher_user');
710
+ }
711
+
712
+ // Show success message
713
+ showAlert('Login successful!', 'success');
714
+
715
+ // Transition to dashboard
716
+ setTimeout(() => {
717
+ loginScreen.classList.add('hidden');
718
+ dashboard.classList.remove('hidden');
719
+
720
+ // Show admin panel if user is admin
721
+ if (user.isAdmin) {
722
+ adminPanel.classList.remove('hidden');
723
+ }
724
+
725
+ // Reset login button
726
+ loginButton.innerHTML = 'Login';
727
+ loginButton.disabled = false;
728
+ }, 800);
729
+ } else {
730
+ showAlert('Invalid username or password', 'error');
731
+ loginButton.innerHTML = 'Login';
732
+ loginButton.disabled = false;
733
+ }
734
+ }, 1500);
735
+ });
736
+
737
+ registerButton.addEventListener('click', () => {
738
+ const username = document.getElementById('regUsername').value;
739
+ const email = document.getElementById('regEmail').value;
740
+ const password = document.getElementById('regPassword').value;
741
+ const confirmPassword = document.getElementById('regConfirmPassword').value;
742
+ const license = document.getElementById('regLicense').value;
743
+
744
+ if (!username || !email || !password || !confirmPassword) {
745
+ showAlert('Please fill in all required fields', 'error');
746
+ return;
747
+ }
748
+
749
+ if (password !== confirmPassword) {
750
+ showAlert('Passwords do not match', 'error');
751
+ return;
752
+ }
753
+
754
+ if (password.length < 6) {
755
+ showAlert('Password must be at least 6 characters', 'error');
756
+ return;
757
+ }
758
+
759
+ // Check if username already exists
760
+ const userExists = fakeDatabase.users.some(u => u.username === username);
761
+ if (userExists) {
762
+ showAlert('Username already taken', 'error');
763
+ return;
764
+ }
765
+
766
+ // Show loading state
767
+ registerButton.innerHTML = '<i class="fas fa-spinner fa-spin mr-2"></i> Registering...';
768
+ registerButton.disabled = true;
769
+
770
+ // Simulate API call
771
+ setTimeout(() => {
772
+ // Add new user to "database"
773
+ const isAdmin = license === 'ADMIN-KEY-123'; // Example admin key
774
+ const newUser = {
775
+ username,
776
+ password,
777
+ email,
778
+ license,
779
+ isAdmin
780
+ };
781
+
782
+ fakeDatabase.users.push(newUser);
783
+
784
+ showAlert('Account created successfully! You can now login', 'success');
785
+
786
+ // Reset form
787
+ document.getElementById('regUsername').value = '';
788
+ document.getElementById('regEmail').value = '';
789
+ document.getElementById('regPassword').value = '';
790
+ document.getElementById('regConfirmPassword').value = '';
791
+ document.getElementById('regLicense').value = '';
792
+
793
+ // Reset button
794
+ registerButton.innerHTML = 'Create Account';
795
+ registerButton.disabled = false;
796
+
797
+ // Switch back to login
798
+ registerForm.classList.add('hidden');
799
+ loginForm.classList.remove('hidden');
800
+ }, 1500);
801
+ });
802
+
803
+ sendResetLinkButton.addEventListener('click', () => {
804
+ const email = document.getElementById('forgotEmail').value;
805
+
806
+ if (!email) {
807
+ showAlert('Please enter your email', 'error');
808
+ return;
809
+ }
810
+
811
+ // Show loading state
812
+ sendResetLinkButton.innerHTML = '<i class="fas fa-spinner fa-spin mr-2"></i> Sending...';
813
+ sendResetLinkButton.disabled = true;
814
+
815
+ // Simulate API call
816
+ setTimeout(() => {
817
+ const userExists = fakeDatabase.users.some(u => u.email === email);
818
+
819
+ if (userExists) {
820
+ showAlert('Password reset link sent to your email', 'success');
821
+ } else {
822
+ showAlert('No account found with that email', 'error');
823
+ }
824
+
825
+ // Reset button
826
+ sendResetLinkButton.innerHTML = 'Send Reset Link';
827
+ sendResetLinkButton.disabled = false;
828
+
829
+ // Reset field
830
+ document.getElementById('forgotEmail').value = '';
831
+ }, 1500);
832
+ });
833
+
834
+ logoutButton.addEventListener('click', () => {
835
+ currentUser = null;
836
+ localStorage.removeItem('launcher_user');
837
+
838
+ // Reset login form
839
+ document.getElementById('username').value = '';
840
+ document.getElementById('password').value = '';
841
+
842
+ // Show login screen
843
+ loginScreen.classList.remove('hidden');
844
+ dashboard.classList.add('hidden');
845
+
846
+ showAlert('Logged out successfully', 'success');
847
+ });
848
+
849
+ userDropdownButton.addEventListener('click', () => {
850
+ userDropdown.classList.toggle('hidden');
851
+ });
852
+
853
+ // Close dropdown when clicking outside
854
+ document.addEventListener('click', (e) => {
855
+ if (!userDropdownButton.contains(e.target) && !userDropdown.contains(e.target)) {
856
+ userDropdown.classList.add('hidden');
857
+ }
858
+ });
859
+
860
+ injectMinecraft.addEventListener('click', () => {
861
+ startInjection('Minecraft');
862
+ });
863
+
864
+ injectCS2.addEventListener('click', () => {
865
+ startInjection('Counter-Strike 2');
866
+ });
867
+
868
+ cancelInjection.addEventListener('click', () => {
869
+ cancelInjectionProcess();
870
+ });
871
+
872
+ createAccountBtn.addEventListener('click', () => {
873
+ accountCreationModal.classList.remove('hidden');
874
+ });
875
+
876
+ closeAccountModal.addEventListener('click', () => {
877
+ accountCreationModal.classList.add('hidden');
878
+ });
879
+
880
+ cancelAccountCreation.addEventListener('click', () => {
881
+ accountCreationModal.classList.add('hidden');
882
+ });
883
+
884
+ confirmAccountCreation.addEventListener('click', () => {
885
+ const username = adminNewUsername.value;
886
+ const password = adminNewPassword.value;
887
+ const userType = adminUserType.value;
888
+
889
+ if (!username || !password) {
890
+ showAlert('Username and password are required', 'error');
891
+ return;
892
+ }
893
+
894
+ const isAdmin = userType === 'admin';
895
+ const isPremium = userType === 'premium';
896
+
897
+ // Add new user to "database"
898
+ const newUser = {
899
+ username,
900
+ password,
901
+ email: `${username}@example.com`,
902
+ license: isAdmin ? 'ADMIN-KEY-123' : (isPremium ? 'PREMIUM-001' : ''),
903
+ isAdmin
904
+ };
905
+
906
+ fakeDatabase.users.push(newUser);
907
+ showAlert(`Account ${username} created successfully!`, 'success');
908
+
909
+ // Reset form
910
+ adminNewUsername.value = '';
911
+ adminNewPassword.value = '';
912
+ adminUserType.value = 'user';
913
+
914
+ // Close modal
915
+ accountCreationModal.classList.add('hidden');
916
+ });
917
+
918
+ // Functions
919
+ function showAlert(message, type) {
920
+ const alert = document.createElement('div');
921
+ alert.className = `fixed top-4 right-4 px-6 py-3 rounded-lg shadow-lg z-50 ${type === 'error' ? 'bg-red-600' : 'bg-green-600'}`;
922
+ alert.innerHTML = `
923
+ <div class="flex items-center">
924
+ <i class="fas ${type === 'error' ? 'fa-exclamation-circle' : 'fa-check-circle'} mr-2"></i>
925
+ <span>${message}</span>
926
+ </div>
927
+ `;
928
+
929
+ document.body.appendChild(alert);
930
+
931
+ setTimeout(() => {
932
+ alert.classList.add('opacity-0', 'transition-opacity', 'duration-300');
933
+ setTimeout(() => {
934
+ alert.remove();
935
+ }, 300);
936
+ }, 3000);
937
+ }
938
+
939
+ function startInjection(game) {
940
+ // Show injection panel
941
+ injectionPanel.classList.remove('hidden');
942
+
943
+ // Disable inject buttons
944
+ injectMinecraft.disabled = true;
945
+ injectCS2.disabled = true;
946
+
947
+ // Show cancel button after 2 seconds
948
+ setTimeout(() => {
949
+ cancelInjection.classList.remove('hidden');
950
+ }, 2000);
951
+
952
+ // Simulate injection process
953
+ const steps = [
954
+ { text: 'Preparing injection environment...', progress: 10 },
955
+ { text: 'Scanning game process...', progress: 20 },
956
+ { text: 'Bypassing anti-cheat...', progress: 30 },
957
+ { text: 'Loading cheat modules...', progress: 45 },
958
+ { text: 'Injecting DLL...', progress: 60 },
959
+ { text: 'Initializing hooks...', progress: 75 },
960
+ { text: 'Configuring settings...', progress: 85 },
961
+ { text: 'Finalizing...', progress: 95 },
962
+ { text: 'Injection complete!', progress: 100 }
963
+ ];
964
+
965
+ let currentStepIndex = 0;
966
+
967
+ const injectionInterval = setInterval(() => {
968
+ if (currentStepIndex < steps.length) {
969
+ const step = steps[currentStepIndex];
970
+ currentStep.textContent = step.text;
971
+ stepProgress.textContent = `${step.progress}%`;
972
+ document.querySelector('.progress-bar').style.width = `${step.progress}%`;
973
+
974
+ // Update status and tooltip
975
+ if (step.progress < 30) {
976
+ injectionStatus.textContent = 'Initializing';
977
+ injectionStatus.className = 'text-blue-400';
978
+ injectionTooltip.textContent = 'Preparing all necessary components...';
979
+ } else if (step.progress < 60) {
980
+ injectionStatus.textContent = 'Injecting';
981
+ injectionStatus.className = 'text-yellow-400';
982
+ injectionTooltip.textContent = 'Injecting the cheat into the game process...';
983
+ } else if (step.progress < 90) {
984
+ injectionStatus.textContent = 'Finalizing';
985
+ injectionStatus.className = 'text-purple-400';
986
+ injectionTooltip.textContent = 'Setting up the user interface and features...';
987
+ } else {
988
+ injectionStatus.textContent = 'Completed';
989
+ injectionStatus.className = 'text-green-400';
990
+ injectionTooltip.textContent = 'Cheat successfully injected! You can now use it in-game.';
991
+ }
992
+
993
+ currentStepIndex++;
994
+ } else {
995
+ clearInterval(injectionInterval);
996
+
997
+ // Show success message
998
+ showAlert(`${game} cheat injected successfully!`, 'success');
999
+
1000
+ // Hide panel after delay
1001
+ setTimeout(() => {
1002
+ injectionPanel.classList.add('hidden');
1003
+
1004
+ // Reset progress bar
1005
+ document.querySelector('.progress-bar').style.width = '0%';
1006
+
1007
+ // Hide cancel button
1008
+ cancelInjection.classList.add('hidden');
1009
+
1010
+ // Enable inject buttons
1011
+ injectMinecraft.disabled = false;
1012
+ injectCS2.disabled = false;
1013
+ }, 2000);
1014
+ }
1015
+ }, 800);
1016
+
1017
+ // Store interval so we can cancel it
1018
+ window.injectionInterval = injectionInterval;
1019
+ }
1020
+
1021
+ function cancelInjectionProcess() {
1022
+ // Clear the injection interval
1023
+ clearInterval(window.injectionInterval);
1024
+
1025
+ // Update UI to show cancellation
1026
+ currentStep.textContent = 'Injection cancelled by user';
1027
+ stepProgress.textContent = '0%';
1028
+ document.querySelector('.progress-bar').style.width = '0%';
1029
+ injectionStatus.textContent = 'Cancelled';
1030
+ injectionStatus.className = 'text-red-400';
1031
+ injectionTooltip.textContent = 'The injection process was cancelled. You can try again.';
1032
+
1033
+ // Hide cancel button
1034
+ cancelInjection.classList.add('hidden');
1035
+
1036
+ // Enable inject buttons
1037
+ injectMinecraft.disabled = false;
1038
+ injectCS2.disabled = false;
1039
+
1040
+ // Hide panel after delay
1041
+ setTimeout(() => {
1042
+ injectionPanel.classList.add('hidden');
1043
+ }, 2000);
1044
+ }
1045
+ </script>
1046
+ <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - <a href="https://enzostvs-deepsite.hf.space?remix=syslost/f" style="color: #fff;text-decoration: underline;" target="_blank" >🧬 Remix</a></p></body>
1047
+ </html>