Hugging Face's logo

Spaces:
Pnkj01
/
auws
Running

App Files Community
auws / index.html
Pnkj01's picture
Pnkj01
undefined - Initial Deployment
11b4256 verified
Raw
History Blame Contribute Delete
12.2 kB
<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>Free Fire Practice Tool</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>
 .glow-effect {
 box-shadow: 0 0 15px rgba(59, 130, 246, 0.7);
 }
 .switch {
 position: relative;
 display: inline-block;
 width: 60px;
 height: 34px;
 }
 .switch input {
 opacity: 0;
 width: 0;
 height: 0;
 }
 .slider {
 position: absolute;
 cursor: pointer;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background-color: #ccc;
 transition: .4s;
 border-radius: 34px;
 }
 .slider:before {
 position: absolute;
 content: "";
 height: 26px;
 width: 26px;
 left: 4px;
 bottom: 4px;
 background-color: white;
 transition: .4s;
 border-radius: 50%;
 }
 input:checked + .slider {
 background-color: #3B82F6;
 }
 input:checked + .slider:before {
 transform: translateX(26px);
 }
 .range-slider {
 -webkit-appearance: none;
 width: 100%;
 height: 8px;
 border-radius: 5px;
 background: #d3d3d3;
 outline: none;
 }
 .range-slider::-webkit-slider-thumb {
 -webkit-appearance: none;
 appearance: none;
 width: 20px;
 height: 20px;
 border-radius: 50%;
 background: #3B82F6;
 cursor: pointer;
 }
 .range-slider::-moz-range-thumb {
 width: 20px;
 height: 20px;
 border-radius: 50%;
 background: #3B82F6;
 cursor: pointer;
 }
 </style>
</head>
<body class="bg-gray-900 text-white min-h-screen">
 <div class="container mx-auto px-4 py-8">
 <div class="max-w-md mx-auto bg-gray-800 rounded-xl shadow-md overflow-hidden md:max-w-2xl glow-effect">
 <div class="p-8">
 <div class="flex justify-between items-center mb-6">
 <h1 class="text-2xl font-bold text-blue-400">
 <i class="fas fa-crosshairs mr-2"></i> Free Fire Practice Tool
 </h1>
 <div class="flex items-center">
 <span class="mr-2">v1.0.3</span>
 <div class="w-3 h-3 rounded-full bg-green-500 animate-pulse"></div>
 </div>
 </div>
<div class="bg-gray-700 p-4 rounded-lg mb-6">
 <div class="flex justify-between items-center mb-4">
 <h2 class="text-lg font-semibold">Aim Assist</h2>
 <label class="switch">
 <input type="checkbox" id="aimAssistToggle" checked>
 <span class="slider"></span>
 </label>
 </div>
<div class="space-y-4">
 <div>
 <label class="block mb-2">Aim Strength</label>
 <input type="range" min="1" max="100" value="75" class="range-slider" id="aimStrength">
 <div class="flex justify-between text-xs text-gray-400">
 <span>Low</span>
 <span>Medium</span>
 <span>High</span>
 </div>
 </div>
<div>
 <label class="block mb-2">Headshot Priority</label>
 <input type="range" min="1" max="100" value="90" class="range-slider" id="headshotPriority">
 <div class="flex justify-between text-xs text-gray-400">
 <span>Body</span>
 <span>Balanced</span>
 <span>Head</span>
 </div>
 </div>
 </div>
 </div>
<div class="bg-gray-700 p-4 rounded-lg mb-6">
 <div class="flex justify-between items-center mb-4">
 <h2 class="text-lg font-semibold">Recoil Control</h2>
 <label class="switch">
 <input type="checkbox" id="recoilToggle" checked>
 <span class="slider"></span>
 </label>
 </div>
<div class="space-y-4">
 <div>
 <label class="block mb-2">Vertical Compensation</label>
 <input type="range" min="1" max="100" value="60" class="range-slider" id="verticalComp">
 <div class="flex justify-between text-xs text-gray-400">
 <span>Low</span>
 <span>Medium</span>
 <span>High</span>
 </div>
 </div>
<div>
 <label class="block mb-2">Horizontal Compensation</label>
 <input type="range" min="1" max="100" value="50" class="range-slider" id="horizontalComp">
 <div class="flex justify-between text-xs text-gray-400">
 <span>Low</span>
 <span>Medium</span>
 <span>High</span>
 </div>
 </div>
 </div>
 </div>
<div class="bg-gray-700 p-4 rounded-lg mb-6">
 <div class="flex justify-between items-center mb-4">
 <h2 class="text-lg font-semibold">Trigger Bot</h2>
 <label class="switch">
 <input type="checkbox" id="triggerToggle">
 <span class="slider"></span>
 </label>
 </div>
<div id="triggerSettings" class="space-y-4 hidden">
 <div>
 <label class="block mb-2">Reaction Time (ms)</label>
 <input type="range" min="1" max="500" value="150" class="range-slider" id="reactionTime">
 <div class="flex justify-between text-xs text-gray-400">
 <span>Slow</span>
 <span>Normal</span>
 <span>Fast</span>
 </div>
 </div>
 </div>
 </div>
<div class="flex justify-between">
 <button id="saveBtn" class="bg-blue-600 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded-lg flex items-center">
 <i class="fas fa-save mr-2"></i> Save Settings
 </button>
 <button id="resetBtn" class="bg-gray-600 hover:bg-gray-700 text-white font-bold py-2 px-4 rounded-lg flex items-center">
 <i class="fas fa-undo mr-2"></i> Reset
 </button>
 </div>
<div class="mt-6 text-center text-sm text-gray-400">
 <p><i class="fas fa-exclamation-triangle mr-1"></i> This is a practice tool only. Using cheats in online games is against terms of service.</p>
 </div>
 </div>
 </div>
 </div>
<script>
 document.addEventListener('DOMContentLoaded', function() {
 // Toggle trigger settings visibility
 const triggerToggle = document.getElementById('triggerToggle');
 const triggerSettings = document.getElementById('triggerSettings');
triggerToggle.addEventListener('change', function() {
 if(this.checked) {
 triggerSettings.classList.remove('hidden');
 } else {
 triggerSettings.classList.add('hidden');
 }
 });
// Save button functionality
 const saveBtn = document.getElementById('saveBtn');
 saveBtn.addEventListener('click', function() {
 // Simulate saving settings
 saveBtn.innerHTML = '<i class="fas fa-check mr-2"></i> Settings Saved';
 saveBtn.classList.remove('bg-blue-600', 'hover:bg-blue-700');
 saveBtn.classList.add('bg-green-600', 'hover:bg-green-700');
setTimeout(() => {
 saveBtn.innerHTML = '<i class="fas fa-save mr-2"></i> Save Settings';
 saveBtn.classList.remove('bg-green-600', 'hover:bg-green-700');
 saveBtn.classList.add('bg-blue-600', 'hover:bg-blue-700');
 }, 2000);
// Show a fake "applying" effect
 const panel = document.querySelector('.glow-effect');
 panel.classList.add('animate-pulse');
 setTimeout(() => {
 panel.classList.remove('animate-pulse');
 }, 1000);
 });
// Reset button functionality
 const resetBtn = document.getElementById('resetBtn');
 resetBtn.addEventListener('click', function() {
 // Reset all toggles and sliders
 document.getElementById('aimAssistToggle').checked = true;
 document.getElementById('recoilToggle').checked = true;
 document.getElementById('triggerToggle').checked = false;
 triggerSettings.classList.add('hidden');
document.getElementById('aimStrength').value = 75;
 document.getElementById('headshotPriority').value = 90;
 document.getElementById('verticalComp').value = 60;
 document.getElementById('horizontalComp').value = 50;
 document.getElementById('reactionTime').value = 150;
// Show reset confirmation
 resetBtn.innerHTML = '<i class="fas fa-check mr-2"></i> Reset Complete';
 setTimeout(() => {
 resetBtn.innerHTML = '<i class="fas fa-undo mr-2"></i> Reset';
 }, 2000);
 });
// Fake keybind setup (just for show)
 document.addEventListener('keydown', function(e) {
 if(e.ctrlKey && e.key === 'h') {
 alert('This is a demonstration only. No actual game modifications are made.');
 }
 });
 });
 </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/auws" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
</html>