<!
DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> mira chiclete by @[Link] wizard_inft</title>
<style>
body {
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
background-color: #1C1C1C;
color: #800000;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
position: relative;
}
#particles-js {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.login-container, .main-panel {
width: 300px;
background-color: #2c2c2c;
border-radius: 12px;
padding: 20px;
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.7);
}
.loading-circle {
width: 30px;
height: 30px;
border: 4px solid #0000ff;
border-top: 4px solid #f700ff;
border-radius: 50%;
animation: spin 1s linear infinite;
margin: 10px auto;
display: none;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.toggle-switch {
position: relative;
width: 40px;
height: 20px;
background-color: #555;
border-radius: 20px;
cursor: pointer;
transition: background-color 0.3s;
}
.toggle-switch::before {
content: "";
position: absolute;
width: 18px;
height: 18px;
background-color: white;
border-radius: 50%;
top: 1px;
left: 1px;
transition: transform 0.3s;
}
.[Link] {
background-color: #f700ff;
}
.[Link]::before {
transform: translateX(20px);
}
.feature {
display: flex;
justify-content: space-between;
align-items: center;
margin: 8px 0;
}
.range-control {
width: 100%;
}
.login-container {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.login-container input, .login-container button {
width: 100%;
padding: 10px;
margin: 10px 0;
border-radius: 4px;
border: none;
font-size: 1em;
}
.login-container input {
background-color: #333;
color: white;
}
.login-container button {
background-color: #0000ff;
color: white;
cursor: pointer;
}
.remember-me {
margin: 5px 0 10px 0;
display: flex;
align-items: center;
font-size: 0.9em;
color: #bbb;
}
.notification {
position: fixed;
bottom: 170px;
left: 50%;
transform: translateX(-50%);
background-color: #0000ff;
color: white;
padding: 10px 20px;
border-radius: 8px;
font-size: 0.9em;
display: none;
animation: fadeInOut 3s forwards;
}
@keyframes fadeInOut {
0% { opacity: 0; }
10% { opacity: 1; }
90% { opacity: 1; }
100% { opacity: 0; }
}
.welcome-message {
text-align: center;
font-size: 1.2em;
margin-top: 20px;
display: none;
}
/* Aba "Mira" */
.tabs {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
}
.tab {
cursor: pointer;
padding: 10px;
background-color: #444;
border-radius: 8px 8px 0 0;
width: 48%;
text-align: center;
}
.[Link] {
background-color: #f700ff;
}
.tab-content {
display: none;
}
.[Link] {
display: block;
}
</style>
</head>
<body>
<div id="particles-js"></div> <!-- Partículas no fundo -->
<div class="login-container" id="login-container">
<h1>Login</h1>
<input type="text" id="username" placeholder="Usuário" 10000>
<input type="password" id="password" placeholder="Senha" full>
<div class="loading-circle" id="loading-circle"></div>
<div class="remember-me">
<input type="checkbox" id="remember-me"> Lembrar-me
</div>
<button onclick="authenticate()">inject</button>
</div>
<div class="welcome-message" id="welcome-message">
<p>Bem-vindo, wizard tricks!</p>
</div>
<div class="main-panel" id="main-panel" style="display: none;">
<div class="header">
<h1 class="title">tstes</h1>
</div>
<div class="tabs">
<div class="tab active" onclick="showTab('head')">HEAD</div>
<div class="tab" onclick="showTab('mira')">MIRA</div>
</div>
<!-- Aba HEAD -->
<div id="head" class="tab-content active">
<div class="feature">
<span>HS PESCOÇO</span>
<div class="toggle-switch" onclick="toggleFeature(this, 'ZÉ HS
Pescoço ativado!')"></div>
</div>
<div class="feature">
<span>HS 98%</span>
<div class="toggle-switch" onclick="toggleFeature(this, 'ZÉ HS 98%
ativado!')"></div>
</div>
</div>
<!-- Aba MIRA -->
<div id="mira" class="tab-content">
<div class="feature">
<span>Mira Não Tremer</span>
<div class="toggle-switch" onclick="toggleFeature(this, 'Mira
chiclete ativado!')"></div>
</div>
<div class="feature">
<span>Não Pinar Mira</span>
<div class="toggle-switch" onclick="toggleFeature(this, 'Não Pinar
Mira ativado!')"></div>
</div>
</div>
</div>
<div class="notification" id="notification"></div>
<script src="[Link]
script> <!-- Biblioteca de partículas -->
<script>
particlesJS("particles-js", {
particles: {
number: {
value: 80,
density: {
enable: true,
value_area: 800
}
},
color: {
value: "#f700ff"
},
shape: {
type: "circle",
stroke: {
width: 0,
color: "#000000"
},
polygon: {
nb_sides: 5
}
},
opacity: {
value: 0.5,
random: true,
anim: {
enable: true,
speed: 1,
opacity_min: 0.1,
sync: false
}
},
size: {
value: 3,
random: true,
anim: {
enable: false,
speed: 4,
size_min: 0.1,
sync: false
}
},
line_linked: {
enable: true,
distance: 150,
color: "#0000ff",
opacity: 0.4,
width: 1
},
move: {
enable: true,
speed: 3,
direction: "none",
random: true,
straight: false,
out_mode: "out",
bounce: false,
attract: {
enable: false,
rotateX: 600,
rotateY: 1200
}
}
},
interactivity: {
detect_on: "canvas",
events: {
onhover: {
enable: true,
mode: "repulse"
},
onclick: {
enable: true,
mode: "push"
},
onmousemove: {
enable: true,
mode: "grab"
}
},
modes: {
repulse: {
distance: 100,
duration: 0.4
},
push: {
particles_nb: 4
},
grab: {
distance: 200,
line_linked: {
opacity: 1
}
}
}
},
retina_detect: true
});
function authenticate() {
const username = [Link]("username").[Link]();
const password = [Link]("password").[Link]();
const rememberMe = [Link]("remember-me").checked;
const loadingCircle = [Link]("loading-circle");
const validUsername = "wizardtst"; // para alterar o user apenas
escreva entre as "" ex "erick"
const validPassword = "full";// para alterar a senha apenas escreva
entre as "" ex "erick"
[Link] = "block";
setTimeout(() => {
[Link] = "none";
if (username === validUsername && password === validPassword) {
[Link]("welcome-message").[Link] =
"block";
setTimeout(() => {
[Link]("login-container").[Link] =
"none";
[Link]("main-panel").[Link] =
"block";
[Link]("welcome-message").[Link] =
"none";
}, 2000);
} else {
showNotification("Usuário ou key incorretos!");
}
}, 1000);
}
function showNotification(message) {
const notification = [Link]("notification");
[Link] = message;
[Link] = "block";
}
function toggleFeature(element, message) {
[Link]("active");
showNotification(message);
}
function showTab(tabName) {
const tabs = [Link]('.tab');
const contents = [Link]('.tab-content');
[Link](tab => [Link]('active'));
[Link](content => [Link]('active'));
[Link](`#${tabName}`).[Link]('active');
const activeTab = [Link](tabs).find(tab =>
[Link]() === [Link]());
if (activeTab) [Link]('active');
}
[Link] = function() {
const savedUsername = [Link]("username");
const savedPassword = [Link]("password");
if (savedUsername && savedPassword) {
[Link]("username").value = savedUsername;
[Link]("password").value = savedPassword;
[Link]("remember-me").checked = true;
}
};
</script>
</body>
</html>
print("Hello, World!")
