Hugging Face's logo

Spaces:
Pankajpegu07
/
real
Running

App Files Community
Pankajpegu07 commited on
Commit
ba92023
·
verified ·
1 Parent(s): ff4f815

Make a powerful headshot panel which consist of real aimlock logic,no Recoil and High sensitivity which affect in the real game auto headshot panel - Initial Deployment

Browse files
Files changed (2) hide show
  1. README.md +7 -5
  2. index.html +316 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Real
3
- emoji: 🦀
4
- colorFrom: green
5
- colorTo: yellow
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: real
3
+ emoji: 🐳
4
+ colorFrom: red
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,316 @@
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>Advanced Headshot Control Panel</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
+ .glow {
11
+ text-shadow: 0 0 8px rgba(0, 255, 255, 0.8);
12
+ }
13
+ .panel-glow {
14
+ box-shadow: 0 0 15px rgba(0, 255, 255, 0.5);
15
+ }
16
+ .knob {
17
+ -webkit-appearance: none;
18
+ width: 100%;
19
+ height: 8px;
20
+ border-radius: 4px;
21
+ background: linear-gradient(90deg, #00ffff, #0066ff);
22
+ outline: none;
23
+ }
24
+ .knob::-webkit-slider-thumb {
25
+ -webkit-appearance: none;
26
+ appearance: none;
27
+ width: 20px;
28
+ height: 20px;
29
+ border-radius: 50%;
30
+ background: #00ffff;
31
+ cursor: pointer;
32
+ box-shadow: 0 0 5px rgba(0, 255, 255, 0.8);
33
+ }
34
+ .toggle-checkbox:checked {
35
+ right: 0;
36
+ border-color: #00ffff;
37
+ }
38
+ .toggle-checkbox:checked + .toggle-label {
39
+ background-color: rgba(0, 255, 255, 0.2);
40
+ border-color: #00ffff;
41
+ }
42
+ .pulse {
43
+ animation: pulse 2s infinite;
44
+ }
45
+ @keyframes pulse {
46
+ 0% {
47
+ box-shadow: 0 0 0 0 rgba(0, 255, 255, 0.7);
48
+ }
49
+ 70% {
50
+ box-shadow: 0 0 0 10px rgba(0, 255, 255, 0);
51
+ }
52
+ 100% {
53
+ box-shadow: 0 0 0 0 rgba(0, 255, 255, 0);
54
+ }
55
+ }
56
+ </style>
57
+ </head>
58
+ <body class="bg-gray-900 text-gray-100 min-h-screen flex items-center justify-center p-4">
59
+ <div class="w-full max-w-3xl bg-gray-800 rounded-xl overflow-hidden panel-glow border border-cyan-500/30">
60
+ <!-- Header -->
61
+ <div class="bg-gray-900 p-4 border-b border-cyan-500/30 flex items-center justify-between">
62
+ <div class="flex items-center space-x-3">
63
+ <div class="w-10 h-10 rounded-full bg-gradient-to-br from-cyan-500 to-blue-600 flex items-center justify-center">
64
+ <i class="fas fa-crosshairs text-white"></i>
65
+ </div>
66
+ <h1 class="text-xl font-bold glow">HEADSHOT CONTROL PANEL <span class="text-xs bg-cyan-900 text-cyan-300 px-2 py-1 rounded ml-2">v3.2.1</span></h1>
67
+ </div>
68
+ <div class="flex items-center space-x-2">
69
+ <div class="w-3 h-3 rounded-full bg-green-500 pulse"></div>
70
+ <span class="text-xs text-green-400">ACTIVE</span>
71
+ </div>
72
+ </div>
73
+
74
+ <!-- Main Content -->
75
+ <div class="p-6 grid grid-cols-1 md:grid-cols-2 gap-6">
76
+ <!-- Left Column -->
77
+ <div class="space-y-6">
78
+ <!-- Aimlock Section -->
79
+ <div class="bg-gray-700/50 rounded-lg p-4 border border-cyan-500/20">
80
+ <div class="flex items-center justify-between mb-3">
81
+ <h2 class="font-bold text-lg flex items-center">
82
+ <i class="fas fa-bullseye text-cyan-400 mr-2"></i>
83
+ AIMLOCK SYSTEM
84
+ </h2>
85
+ <div class="relative inline-block w-12 mr-2 align-middle select-none">
86
+ <input type="checkbox" id="aimlock-toggle" class="toggle-checkbox absolute block w-6 h-6 rounded-full bg-white border-4 appearance-none cursor-pointer" checked />
87
+ <label for="aimlock-toggle" class="toggle-label block overflow-hidden h-6 rounded-full bg-gray-600 cursor-pointer border border-gray-500"></label>
88
+ </div>
89
+ </div>
90
+
91
+ <div class="space-y-4">
92
+ <div>
93
+ <label class="block text-sm mb-1">Lock Speed</label>
94
+ <input type="range" min="1" max="100" value="75" class="knob">
95
+ <div class="flex justify-between text-xs text-gray-400 mt-1">
96
+ <span>Slow</span>
97
+ <span>Fast</span>
98
+ </div>
99
+ </div>
100
+
101
+ <div>
102
+ <label class="block text-sm mb-1">Lock Distance</label>
103
+ <input type="range" min="1" max="100" value="60" class="knob">
104
+ <div class="flex justify-between text-xs text-gray-400 mt-1">
105
+ <span>Close</span>
106
+ <span>Far</span>
107
+ </div>
108
+ </div>
109
+
110
+ <div class="grid grid-cols-2 gap-2 mt-4">
111
+ <button class="bg-cyan-600 hover:bg-cyan-700 text-white py-2 px-3 rounded text-sm flex items-center justify-center">
112
+ <i class="fas fa-user-shield mr-2"></i> Humanize
113
+ </button>
114
+ <button class="bg-gray-600 hover:bg-gray-700 text-white py-2 px-3 rounded text-sm flex items-center justify-center">
115
+ <i class="fas fa-sliders-h mr-2"></i> Advanced
116
+ </button>
117
+ </div>
118
+ </div>
119
+ </div>
120
+
121
+ <!-- No Recoil Section -->
122
+ <div class="bg-gray-700/50 rounded-lg p-4 border border-cyan-500/20">
123
+ <div class="flex items-center justify-between mb-3">
124
+ <h2 class="font-bold text-lg flex items-center">
125
+ <i class="fas fa-arrows-up-down text-cyan-400 mr-2"></i>
126
+ RECOIL CONTROL
127
+ </h2>
128
+ <div class="relative inline-block w-12 mr-2 align-middle select-none">
129
+ <input type="checkbox" id="recoil-toggle" class="toggle-checkbox absolute block w-6 h-6 rounded-full bg-white border-4 appearance-none cursor-pointer" checked />
130
+ <label for="recoil-toggle" class="toggle-label block overflow-hidden h-6 rounded-full bg-gray-600 cursor-pointer border border-gray-500"></label>
131
+ </div>
132
+ </div>
133
+
134
+ <div class="space-y-4">
135
+ <div>
136
+ <label class="block text-sm mb-1">Vertical Compensation</label>
137
+ <input type="range" min="1" max="100" value="85" class="knob">
138
+ <div class="flex justify-between text-xs text-gray-400 mt-1">
139
+ <span>Low</span>
140
+ <span>High</span>
141
+ </div>
142
+ </div>
143
+
144
+ <div>
145
+ <label class="block text-sm mb-1">Horizontal Compensation</label>
146
+ <input type="range" min="1" max="100" value="70" class="knob">
147
+ <div class="flex justify-between text-xs text-gray-400 mt-1">
148
+ <span>Low</span>
149
+ <span>High</span>
150
+ </div>
151
+ </div>
152
+
153
+ <div class="mt-4">
154
+ <label class="inline-flex items-center">
155
+ <input type="checkbox" class="form-checkbox h-4 w-4 text-cyan-500" checked>
156
+ <span class="ml-2 text-sm">Randomization</span>
157
+ </label>
158
+ </div>
159
+ </div>
160
+ </div>
161
+ </div>
162
+
163
+ <!-- Right Column -->
164
+ <div class="space-y-6">
165
+ <!-- Sensitivity Section -->
166
+ <div class="bg-gray-700/50 rounded-lg p-4 border border-cyan-500/20">
167
+ <div class="flex items-center justify-between mb-3">
168
+ <h2 class="font-bold text-lg flex items-center">
169
+ <i class="fas fa-bolt text-cyan-400 mr-2"></i>
170
+ SENSITIVITY BOOST
171
+ </h2>
172
+ <div class="relative inline-block w-12 mr-2 align-middle select-none">
173
+ <input type="checkbox" id="sens-toggle" class="toggle-checkbox absolute block w-6 h-6 rounded-full bg-white border-4 appearance-none cursor-pointer" checked />
174
+ <label for="sens-toggle" class="toggle-label block overflow-hidden h-6 rounded-full bg-gray-600 cursor-pointer border border-gray-500"></label>
175
+ </div>
176
+ </div>
177
+
178
+ <div class="space-y-4">
179
+ <div>
180
+ <label class="block text-sm mb-1">Aiming Sensitivity</label>
181
+ <input type="range" min="1" max="100" value="90" class="knob">
182
+ <div class="flex justify-between text-xs text-gray-400 mt-1">
183
+ <span>1x</span>
184
+ <span>10x</span>
185
+ </div>
186
+ </div>
187
+
188
+ <div>
189
+ <label class="block text-sm mb-1">Scope Sensitivity</label>
190
+ <input type="range" min="1" max="100" value="65" class="knob">
191
+ <div class="flex justify-between text-xs text-gray-400 mt-1">
192
+ <span>1x</span>
193
+ <span>10x</span>
194
+ </div>
195
+ </div>
196
+
197
+ <div class="grid grid-cols-3 gap-2 mt-4">
198
+ <button class="bg-gray-600 hover:bg-gray-700 text-white py-2 px-2 rounded text-xs flex items-center justify-center">
199
+ <i class="fas fa-running mr-1"></i> ADS
200
+ </button>
201
+ <button class="bg-gray-600 hover:bg-gray-700 text-white py-2 px-2 rounded text-xs flex items-center justify-center">
202
+ <i class="fas fa-arrows-alt mr-1"></i> Hipfire
203
+ </button>
204
+ <button class="bg-gray-600 hover:bg-gray-700 text-white py-2 px-2 rounded text-xs flex items-center justify-center">
205
+ <i class="fas fa-eye mr-1"></i> Scope
206
+ </button>
207
+ </div>
208
+ </div>
209
+ </div>
210
+
211
+ <!-- Weapon Presets -->
212
+ <div class="bg-gray-700/50 rounded-lg p-4 border border-cyan-500/20">
213
+ <h2 class="font-bold text-lg flex items-center mb-3">
214
+ <i class="fas fa-gun text-cyan-400 mr-2"></i>
215
+ WEAPON PRESETS
216
+ </h2>
217
+
218
+ <div class="grid grid-cols-2 gap-3">
219
+ <button class="bg-gray-600 hover:bg-cyan-700 text-white py-2 px-3 rounded text-sm flex items-center justify-center transition-all">
220
+ <i class="fas fa-rifle mr-2"></i> Rifles
221
+ </button>
222
+ <button class="bg-gray-600 hover:bg-cyan-700 text-white py-2 px-3 rounded text-sm flex items-center justify-center transition-all">
223
+ <i class="fas fa-gun mr-2"></i> SMGs
224
+ </button>
225
+ <button class="bg-gray-600 hover:bg-cyan-700 text-white py-2 px-3 rounded text-sm flex items-center justify-center transition-all">
226
+ <i class="fas fa-sniper mr-2"></i> Snipers
227
+ </button>
228
+ <button class="bg-gray-600 hover:bg-cyan-700 text-white py-2 px-3 rounded text-sm flex items-center justify-center transition-all">
229
+ <i class="fas fa-gun mr-2"></i> Pistols
230
+ </button>
231
+ </div>
232
+
233
+ <div class="mt-4">
234
+ <label class="block text-sm mb-2">Current Weapon Profile</label>
235
+ <select class="w-full bg-gray-800 border border-gray-600 rounded px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-cyan-500">
236
+ <option>AK-47 (Default)</option>
237
+ <option>M4A1-S</option>
238
+ <option>AWP</option>
239
+ <option>Desert Eagle</option>
240
+ <option>MP5</option>
241
+ </select>
242
+ </div>
243
+ </div>
244
+ </div>
245
+ </div>
246
+
247
+ <!-- Footer -->
248
+ <div class="bg-gray-900 p-4 border-t border-cyan-500/30 flex flex-col md:flex-row items-center justify-between">
249
+ <div class="flex items-center space-x-4 mb-2 md:mb-0">
250
+ <div class="flex items-center space-x-1">
251
+ <i class="fas fa-shield-alt text-cyan-400"></i>
252
+ <span class="text-xs">Undetected</span>
253
+ </div>
254
+ <div class="flex items-center space-x-1">
255
+ <i class="fas fa-bolt text-yellow-400"></i>
256
+ <span class="text-xs">Performance: 92%</span>
257
+ </div>
258
+ </div>
259
+
260
+ <div class="flex space-x-2">
261
+ <button class="bg-red-600 hover:bg-red-700 text-white py-1 px-3 rounded text-sm flex items-center">
262
+ <i class="fas fa-power-off mr-1"></i> Emergency Off
263
+ </button>
264
+ <button class="bg-cyan-600 hover:bg-cyan-700 text-white py-1 px-3 rounded text-sm flex items-center">
265
+ <i class="fas fa-save mr-1"></i> Save Profile
266
+ </button>
267
+ </div>
268
+ </div>
269
+ </div>
270
+
271
+ <script>
272
+ // Simulate functionality for the UI
273
+ document.querySelectorAll('input[type="range"]').forEach(slider => {
274
+ slider.addEventListener('input', function() {
275
+ const value = this.value;
276
+ const min = this.min;
277
+ const max = this.max;
278
+ const percent = ((value - min) / (max - min)) * 100;
279
+ this.style.background = `linear-gradient(90deg, #00ffff ${percent}%, #0066ff ${percent}%)`;
280
+ });
281
+ });
282
+
283
+ // Toggle switches
284
+ document.querySelectorAll('.toggle-checkbox').forEach(toggle => {
285
+ toggle.addEventListener('change', function() {
286
+ const label = this.nextElementSibling;
287
+ if(this.checked) {
288
+ label.classList.add('border-cyan-500');
289
+ label.classList.remove('border-gray-500');
290
+ } else {
291
+ label.classList.remove('border-cyan-500');
292
+ label.classList.add('border-gray-500');
293
+ }
294
+ });
295
+ });
296
+
297
+ // Weapon preset buttons
298
+ document.querySelectorAll('.bg-gray-600').forEach(button => {
299
+ button.addEventListener('click', function() {
300
+ // Remove active class from all buttons
301
+ document.querySelectorAll('.bg-gray-600').forEach(btn => {
302
+ btn.classList.remove('bg-cyan-700');
303
+ });
304
+ // Add active class to clicked button
305
+ this.classList.add('bg-cyan-700');
306
+ });
307
+ });
308
+
309
+ // Simulate status pulse
310
+ setInterval(() => {
311
+ const pulse = document.querySelector('.pulse');
312
+ pulse.classList.toggle('opacity-70');
313
+ }, 2000);
314
+ </script>
315
+ <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=Pankajpegu07/real" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
316
+ </html>