| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>Educational Aim Assistant | Free Fire Simulation</title> |
| <script src="https://cdn.tailwindcss.com"></script> |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> |
| <style> |
| @keyframes pulse { |
| 0%, 100% { opacity: 1; } |
| 50% { opacity: 0.5; } |
| } |
| .pulse-animation { |
| animation: pulse 1.5s infinite; |
| } |
| .slide-in { |
| animation: slideIn 0.3s ease-out forwards; |
| } |
| @keyframes slideIn { |
| from { transform: translateY(20px); opacity: 0; } |
| to { transform: translateY(0); opacity: 1; } |
| } |
| .switch { |
| position: relative; |
| display: inline-block; |
| width: 60px; |
| height: 30px; |
| } |
| .switch input { |
| opacity: 0; |
| width: 0; |
| height: 0; |
| } |
| .slider { |
| position: absolute; |
| cursor: pointer; |
| top: 0; |
| left: 0; |
| right: 0; |
| bottom: 0; |
| background-color: #4a5568; |
| transition: .4s; |
| border-radius: 34px; |
| } |
| .slider:before { |
| position: absolute; |
| content: ""; |
| height: 22px; |
| width: 22px; |
| left: 4px; |
| bottom: 4px; |
| background-color: white; |
| transition: .4s; |
| border-radius: 50%; |
| } |
| input:checked + .slider { |
| background-color: #4299e1; |
| } |
| input:checked + .slider:before { |
| transform: translateX(30px); |
| } |
| .range-slider::-webkit-slider-thumb { |
| -webkit-appearance: none; |
| appearance: none; |
| width: 20px; |
| height: 20px; |
| border-radius: 50%; |
| background: #4299e1; |
| cursor: pointer; |
| } |
| .range-slider::-moz-range-thumb { |
| width: 20px; |
| height: 20px; |
| border-radius: 50%; |
| background: #4299e1; |
| cursor: pointer; |
| } |
| .progress-bar { |
| transition: width 0.3s ease; |
| } |
| </style> |
| </head> |
| <body class="bg-gray-900 text-gray-200 font-sans"> |
| <div class="container mx-auto px-4 py-6 max-w-md"> |
| |
| <div class="flex justify-between items-center mb-6 slide-in" style="animation-delay: 0.1s;"> |
| <div> |
| <h1 class="text-2xl font-bold text-blue-400">Aim Assistant</h1> |
| <p class="text-sm text-gray-400">Educational Simulation Tool</p> |
| </div> |
| <div class="flex items-center space-x-2"> |
| <div class="w-3 h-3 rounded-full bg-green-500"></div> |
| <span class="text-xs">v1.2.3</span> |
| </div> |
| </div> |
|
|
| |
| <div class="bg-gray-800 rounded-xl p-4 mb-6 shadow-lg slide-in" style="animation-delay: 0.2s;"> |
| <div class="flex justify-between items-center mb-2"> |
| <div class="flex items-center space-x-2"> |
| <div class="w-2 h-2 rounded-full bg-red-500 pulse-animation"></div> |
| <span class="text-sm font-medium">System Status</span> |
| </div> |
| <span class="text-xs px-2 py-1 bg-gray-700 rounded">Simulation Mode</span> |
| </div> |
| <div class="grid grid-cols-3 gap-2 text-center text-xs"> |
| <div class="bg-gray-700 p-2 rounded"> |
| <div>FPS</div> |
| <div class="font-bold text-blue-400" id="fps-counter">60</div> |
| </div> |
| <div class="bg-gray-700 p-2 rounded"> |
| <div>Memory</div> |
| <div class="font-bold text-green-400" id="memory-status">Stable</div> |
| </div> |
| <div class="bg-gray-700 p-2 rounded"> |
| <div>Detection</div> |
| <div class="font-bold text-yellow-400" id="detection-status">Safe</div> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="space-y-4"> |
| |
| <div class="bg-gray-800 rounded-xl p-4 shadow-lg slide-in" style="animation-delay: 0.3s;"> |
| <div class="flex justify-between items-center"> |
| <div class="flex items-center space-x-3"> |
| <div class="w-8 h-8 rounded-full bg-blue-900 flex items-center justify-center"> |
| <i class="fas fa-crosshairs text-blue-400"></i> |
| </div> |
| <div> |
| <h3 class="font-medium">Headshot Aim</h3> |
| <p class="text-xs text-gray-400">Auto-target head region</p> |
| </div> |
| </div> |
| <label class="switch"> |
| <input type="checkbox" id="headshot-toggle" checked> |
| <span class="slider"></span> |
| </label> |
| </div> |
| </div> |
|
|
| |
| <div class="bg-gray-800 rounded-xl p-4 shadow-lg slide-in" style="animation-delay: 0.4s;"> |
| <div class="flex items-center space-x-3 mb-3"> |
| <div class="w-8 h-8 rounded-full bg-purple-900 flex items-center justify-center"> |
| <i class="fas fa-bullseye text-purple-400"></i> |
| </div> |
| <div> |
| <h3 class="font-medium">Aim Sensitivity</h3> |
| <p class="text-xs text-gray-400">Adjust aim smoothness</p> |
| </div> |
| </div> |
| <div class="px-2"> |
| <input type="range" min="1" max="100" value="65" class="w-full range-slider" id="sensitivity-slider"> |
| <div class="flex justify-between text-xs mt-1"> |
| <span>Slow</span> |
| <span id="sensitivity-value">65%</span> |
| <span>Fast</span> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="bg-gray-800 rounded-xl p-4 shadow-lg slide-in" style="animation-delay: 0.5s;"> |
| <div class="flex items-center space-x-3 mb-3"> |
| <div class="w-8 h-8 rounded-full bg-yellow-900 flex items-center justify-center"> |
| <i class="fas fa-hand-paper text-yellow-400"></i> |
| </div> |
| <div> |
| <h3 class="font-medium">Drag % Adjuster</h3> |
| <p class="text-xs text-gray-400">Control recoil compensation</p> |
| </div> |
| </div> |
| <div class="px-2"> |
| <input type="range" min="0" max="100" value="45" class="w-full range-slider" id="drag-slider"> |
| <div class="flex justify-between text-xs mt-1"> |
| <span>0%</span> |
| <span id="drag-value">45%</span> |
| <span>100%</span> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="bg-gray-800 rounded-xl p-4 shadow-lg slide-in" style="animation-delay: 0.6s;"> |
| <div class="flex justify-between items-center"> |
| <div class="flex items-center space-x-3"> |
| <div class="w-8 h-8 rounded-full bg-green-900 flex items-center justify-center"> |
| <i class="fas fa-brain text-green-400"></i> |
| </div> |
| <div> |
| <h3 class="font-medium">Smart Auto Aim</h3> |
| <p class="text-xs text-gray-400">Intelligent target selection</p> |
| </div> |
| </div> |
| <label class="switch"> |
| <input type="checkbox" id="autoaim-toggle"> |
| <span class="slider"></span> |
| </label> |
| </div> |
| </div> |
|
|
| |
| <div class="bg-gray-800 rounded-xl p-4 shadow-lg slide-in" style="animation-delay: 0.7s;"> |
| <div class="flex items-center space-x-3 mb-3"> |
| <div class="w-8 h-8 rounded-full bg-red-900 flex items-center justify-center"> |
| <i class="fas fa-bullseye-pointer text-red-400"></i> |
| </div> |
| <div> |
| <h3 class="font-medium">Enemy Detection Range</h3> |
| <p class="text-xs text-gray-400">Set max detection distance</p> |
| </div> |
| </div> |
| <div class="px-2"> |
| <input type="range" min="50" max="500" value="250" step="10" class="w-full range-slider" id="range-slider"> |
| <div class="flex justify-between text-xs mt-1"> |
| <span>50m</span> |
| <span id="range-value">250m</span> |
| <span>500m</span> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="bg-gray-800 rounded-xl p-4 shadow-lg slide-in" style="animation-delay: 0.8s;"> |
| <div class="flex items-center space-x-3 mb-3"> |
| <div class="w-8 h-8 rounded-full bg-indigo-900 flex items-center justify-center"> |
| <i class="fas fa-memory text-indigo-400"></i> |
| </div> |
| <div> |
| <h3 class="font-medium">Memory Offsets</h3> |
| <p class="text-xs text-gray-400">For educational purposes only</p> |
| </div> |
| </div> |
| <div class="space-y-2"> |
| <div class="flex items-center space-x-2"> |
| <span class="text-xs w-20">Player X:</span> |
| <input type="text" value="0x12A4B8C" class="bg-gray-700 text-sm px-2 py-1 rounded w-full focus:outline-none focus:ring-1 focus:ring-blue-500"> |
| </div> |
| <div class="flex items-center space-x-2"> |
| <span class="text-xs w-20">Player Y:</span> |
| <input type="text" value="0x12A4B90" class="bg-gray-700 text-sm px-2 py-1 rounded w-full focus:outline-none focus:ring-1 focus:ring-blue-500"> |
| </div> |
| <div class="flex items-center space-x-2"> |
| <span class="text-xs w-20">Player Z:</span> |
| <input type="text" value="0x12A4B94" class="bg-gray-700 text-sm px-2 py-1 rounded w-full focus:outline-none focus:ring-1 focus:ring-blue-500"> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="slide-in" style="animation-delay: 0.9s;"> |
| <button id="action-button" class="w-full py-3 px-4 bg-blue-600 hover:bg-blue-700 rounded-xl font-bold text-white shadow-lg transition duration-200 flex items-center justify-center space-x-2"> |
| <i class="fas fa-play" id="action-icon"></i> |
| <span id="action-text">Start Simulation</span> |
| </button> |
| </div> |
|
|
| |
| <div id="progress-container" class="hidden slide-in" style="animation-delay: 1s;"> |
| <div class="bg-gray-800 rounded-xl p-4 shadow-lg"> |
| <div class="flex items-center space-x-3 mb-3"> |
| <div class="w-8 h-8 rounded-full bg-blue-900 flex items-center justify-center"> |
| <i class="fas fa-cog fa-spin text-blue-400"></i> |
| </div> |
| <div class="flex-1"> |
| <h3 class="font-medium">Processing</h3> |
| <p class="text-xs text-gray-400">Simulating aim assistance...</p> |
| </div> |
| </div> |
| <div class="w-full bg-gray-700 rounded-full h-2.5"> |
| <div id="progress-bar" class="bg-blue-500 h-2.5 rounded-full progress-bar" style="width: 0%"></div> |
| </div> |
| <div class="text-right text-xs mt-1"> |
| <span id="progress-text">0%</span> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="text-center text-xs text-gray-500 mt-6 slide-in" style="animation-delay: 1.1s;"> |
| <p>This is an educational simulation tool only. All features are simulated.</p> |
| <p class="mt-1">Auto-destruct will activate after 30 minutes of usage.</p> |
| </div> |
| </div> |
| </div> |
|
|
| <script> |
| |
| const headshotToggle = document.getElementById('headshot-toggle'); |
| const sensitivitySlider = document.getElementById('sensitivity-slider'); |
| const sensitivityValue = document.getElementById('sensitivity-value'); |
| const dragSlider = document.getElementById('drag-slider'); |
| const dragValue = document.getElementById('drag-value'); |
| const autoaimToggle = document.getElementById('autoaim-toggle'); |
| const rangeSlider = document.getElementById('range-slider'); |
| const rangeValue = document.getElementById('range-value'); |
| const actionButton = document.getElementById('action-button'); |
| const actionIcon = document.getElementById('action-icon'); |
| const actionText = document.getElementById('action-text'); |
| const progressContainer = document.getElementById('progress-container'); |
| const progressBar = document.getElementById('progress-bar'); |
| const progressText = document.getElementById('progress-text'); |
| const fpsCounter = document.getElementById('fps-counter'); |
| const memoryStatus = document.getElementById('memory-status'); |
| const detectionStatus = document.getElementById('detection-status'); |
| |
| |
| sensitivitySlider.addEventListener('input', () => { |
| sensitivityValue.textContent = `${sensitivitySlider.value}%`; |
| }); |
| |
| dragSlider.addEventListener('input', () => { |
| dragValue.textContent = `${dragSlider.value}%`; |
| }); |
| |
| rangeSlider.addEventListener('input', () => { |
| rangeValue.textContent = `${rangeSlider.value}m`; |
| }); |
| |
| |
| let fps = 60; |
| setInterval(() => { |
| |
| fps = Math.max(30, Math.min(60, fps + (Math.random() * 6 - 3))); |
| fpsCounter.textContent = Math.round(fps); |
| |
| |
| if (fps < 40) { |
| fpsCounter.classList.remove('text-blue-400'); |
| fpsCounter.classList.add('text-red-400'); |
| } else { |
| fpsCounter.classList.remove('text-red-400'); |
| fpsCounter.classList.add('text-blue-400'); |
| } |
| }, 2000); |
| |
| |
| setInterval(() => { |
| const status = Math.random(); |
| if (status > 0.9) { |
| memoryStatus.textContent = 'Unstable'; |
| memoryStatus.classList.remove('text-green-400'); |
| memoryStatus.classList.add('text-red-400'); |
| } else { |
| memoryStatus.textContent = 'Stable'; |
| memoryStatus.classList.remove('text-red-400'); |
| memoryStatus.classList.add('text-green-400'); |
| } |
| }, 3000); |
| |
| |
| setInterval(() => { |
| const status = Math.random(); |
| if (status > 0.95) { |
| detectionStatus.textContent = 'Warning'; |
| detectionStatus.classList.remove('text-yellow-400'); |
| detectionStatus.classList.add('text-red-400'); |
| } else if (status > 0.8) { |
| detectionStatus.textContent = 'Caution'; |
| detectionStatus.classList.remove('text-yellow-400'); |
| detectionStatus.classList.add('text-orange-400'); |
| } else { |
| detectionStatus.textContent = 'Safe'; |
| detectionStatus.classList.remove('text-red-400', 'text-orange-400'); |
| detectionStatus.classList.add('text-yellow-400'); |
| } |
| }, 4000); |
| |
| |
| let isRunning = false; |
| actionButton.addEventListener('click', () => { |
| isRunning = !isRunning; |
| |
| if (isRunning) { |
| |
| actionButton.classList.remove('bg-blue-600', 'hover:bg-blue-700'); |
| actionButton.classList.add('bg-red-600', 'hover:bg-red-700'); |
| actionIcon.classList.remove('fa-play'); |
| actionIcon.classList.add('fa-stop'); |
| actionText.textContent = 'Stop Simulation'; |
| progressContainer.classList.remove('hidden'); |
| |
| |
| let progress = 0; |
| const interval = setInterval(() => { |
| if (!isRunning) { |
| clearInterval(interval); |
| return; |
| } |
| |
| progress += Math.random() * 5; |
| if (progress > 100) progress = 100; |
| |
| progressBar.style.width = `${progress}%`; |
| progressText.textContent = `${Math.round(progress)}%`; |
| |
| if (progress === 100) { |
| clearInterval(interval); |
| setTimeout(() => { |
| isRunning = false; |
| actionButton.classList.remove('bg-red-600', 'hover:bg-red-700'); |
| actionButton.classList.add('bg-blue-600', 'hover:bg-blue-700'); |
| actionIcon.classList.remove('fa-stop'); |
| actionIcon.classList.add('fa-play'); |
| actionText.textContent = 'Start Simulation'; |
| progressBar.style.width = '0%'; |
| progressText.textContent = '0%'; |
| }, 1000); |
| } |
| }, 200); |
| } else { |
| |
| actionButton.classList.remove('bg-red-600', 'hover:bg-red-700'); |
| actionButton.classList.add('bg-blue-600', 'hover:bg-blue-700'); |
| actionIcon.classList.remove('fa-stop'); |
| actionIcon.classList.add('fa-play'); |
| actionText.textContent = 'Start Simulation'; |
| progressBar.style.width = '0%'; |
| progressText.textContent = '0%'; |
| } |
| }); |
| |
| |
| setTimeout(() => { |
| const warning = document.createElement('div'); |
| warning.className = 'fixed inset-0 bg-black bg-opacity-80 flex items-center justify-center z-50 p-4'; |
| warning.innerHTML = ` |
| <div class="bg-gray-800 rounded-xl p-6 max-w-sm w-full text-center"> |
| <div class="w-16 h-16 mx-auto mb-4 rounded-full bg-red-900 flex items-center justify-center"> |
| <i class="fas fa-bomb text-red-400 text-2xl"></i> |
| </div> |
| <h3 class="text-xl font-bold text-red-400 mb-2">Auto-Destruct Activated</h3> |
| <p class="text-gray-300 mb-4">This educational simulation tool will now self-destruct as part of the demonstration.</p> |
| <button onclick="this.parentElement.parentElement.remove()" class="px-4 py-2 bg-gray-700 hover:bg-gray-600 rounded-lg font-medium"> |
| Acknowledge |
| </button> |
| </div> |
| `; |
| document.body.appendChild(warning); |
| }, 1800000); |
| </script> |
| <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=Pnkj01/headshot" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> |
| </html> |
