<!
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Panel</title>
<style>
body {
margin: 0;
font-family: Arial, sans-serif;
background: linear-gradient(to bottom, #ff007f, #ff4d4d); /* Magenta y rojo
*/
color: #fff;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
.panel {
background: rgba(0, 0, 0, 0.8);
border-radius: 10px;
box-shadow: 0 0 15px rgba(255, 0, 127, 0.7);
padding: 20px;
max-width: 400px;
width: 100%;
}
h1 {
text-align: center;
margin-bottom: 20px;
color: #ff007f; /* Magenta */
}
.menu-buttons {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
}
.menu-buttons button {
background: linear-gradient(to right, #ff007f, #ff4d4d);
border: none;
border-radius: 5px;
color: #fff;
padding: 10px 15px;
font-size: 14px;
cursor: pointer;
box-shadow: 0 0 10px rgba(255, 0, 127, 0.5);
transition: transform 0.2s, box-shadow 0.2s;
}
.menu-buttons button:hover {
transform: scale(1.1);
box-shadow: 0 0 20px rgba(255, 0, 127, 0.9);
}
.menu-section {
display: none;
}
.menu-section.active {
display: block;
}
.menu-item {
margin-bottom: 15px;
}
label {
display: block;
margin-bottom: 5px;
font-weight: bold;
}
input[type="file"] {
display: block;
margin-bottom: 10px;
}
.switch {
position: relative;
display: inline-block;
width: 50px;
height: 24px;
}
.switch input {
opacity: 0;
width: 0;
height: 0;
}
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
border-radius: 24px;
transition: background-color 0.3s;
}
.slider:before {
position: absolute;
content: '';
height: 18px;
width: 18px;
left: 3px;
bottom: 3px;
background-color: white;
border-radius: 50%;
transition: transform 0.3s;
}
input:checked + .slider {
background-color: #ff007f;
}
input:checked + .slider:before {
transform: translateX(26px);
}
.status {
margin-top: 20px;
font-size: 16px;
color: #ff4d4d;
text-align: center;
font-weight: bold;
}
.whatsapp-link {
display: block;
text-align: center;
margin-top: 20px;
font-size: 16px;
color: #25D366; /* Color verde de WhatsApp */
font-weight: bold;
text-decoration: none;
padding: 10px;
background-color: #075E54;
border-radius: 5px;
transition: background-color 0.3s;
}
.whatsapp-link:hover {
background-color: #128C7E;
}
</style>
</head>
<body>
<div class="panel">
<h1>Panel de Control</h1>
<div class="menu-buttons">
<button onclick="showMenu('aimbot')">Aimbot 🎯</button>
<button onclick="showMenu('dns')">DNS INYECT.</button>
<button onclick="showMenu('config')">Configurar ⚙️</button>
</div>
<!-- Menú Aimbot -->
<div id="aimbot" class="menu-section active">
<h2>Aimbots 🎯</h2>
<div class="menu-item">
<label for="aimbot-slider">Opción Aimbot</label>
<input type="range" id="aimbot-slider" min="0" max="100" value="50">
</div>
<div class="menu-item">
<label for="disimulado-slider">Aimbot Disimulado</label>
<input type="range" id="disimulado-slider" min="0" max="100" value="50">
</div>
</div>
<!-- Menú DNS -->
<div id="dns" class="menu-section">
<h2>DNS INYECT.</h2>
<div class="menu-item">
<label for="dns-inject-x2">Inyectar DNS Aim x2</label>
<input type="file" id="dns-inject-x2" accept=".cer"
onchange="selectFile('x2')">
<label class="switch">
<input type="checkbox" id="switch-x2" onchange="activateOption('Inyectar
DNS Aim x2', 'x2')">
<span class="slider"></span>
</label>
</div>
<div class="menu-item">
<label for="dns-inject-x4">Inyectar DNS Aim x4</label>
<input type="file" id="dns-inject-x4" accept=".cer"
onchange="selectFile('x4')">
<label class="switch">
<input type="checkbox" id="switch-x4" onchange="activateOption('Inyectar
DNS Aim x4', 'x4')">
<span class="slider"></span>
</label>
</div>
<div class="menu-item">
<label for="dns-inject-sensi">Inyectar DNS Calibrar Sensi</label>
<input type="file" id="dns-inject-sensi" accept=".cer"
onchange="selectFile('sensi')">
<label class="switch">
<input type="checkbox" id="switch-sensi"
onchange="activateOption('Inyectar DNS Calibrar Sensi', 'sensi')">
<span class="slider"></span>
</label>
</div>
</div>
<!-- Menú Configurar -->
<div id="config" class="menu-section">
<h2>Configurar ⚙️</h2>
<div class="menu-item">
<label for="config-inject">Inyectar Config (.config)</label>
<input type="file" id="config-inject" accept=".config"
onchange="selectFile('config')">
<label class="switch">
<input type="checkbox" id="switch-config"
onchange="activateOption('Inyectar Configuración', 'config')">
<span class="slider"></span>
</label>
</div>
</div>
<div id="status" class="status"></div>
<!-- Enlace de WhatsApp -->
<a href="https://chat.whatsapp.com/Ia5wfXaxzOp9Khxqsxm3TG" target="_blank"
class="whatsapp-link">Unirse al grupo</a>
</div>
<script>
const selectedFiles = {};
// Mostrar menú seleccionado
function showMenu(menuId) {
const sections = document.querySelectorAll('.menu-section');
sections.forEach(section => section.classList.remove('active'));
document.getElementById(menuId).classList.add('active');
clearStatus();
}
// Guardar archivo seleccionado
function selectFile(option) {
const input = document.getElementById(`dns-inject-${option}`) ||
document.getElementById(`config-inject`);
const file = input.files[0];
if (file) {
selectedFiles[option] = file;
alert(`Archivo seleccionado: ${file.name}`);
}
}
// Activar opción
function activateOption(optionName, optionKey) {
const switchElement = document.getElementById(`switch-${optionKey}`);
if (switchElement.checked) {
if (!selectedFiles[optionKey]) {
alert('Por favor, selecciona un archivo antes de activar esta opción.');
switchElement.checked = false;
return;
}
setStatus(`${optionName} activada 🎯`);
} else {
setStatus('');
}
}
// Mostrar mensaje de estado
function setStatus(message) {
document.getElementById('status').textContent = message;
}
// Limpiar mensaje de estado
function clearStatus() {
document.getElementById('status').textContent = '';
}
</script>
</body>
</html>
