Scribd
Upload
31 views5 pages

HATYZ AUXILIO Features Overview

The document is an HTML file for a web application titled 'HATYZ AUXILIO' that features a user interface built with Vue.js and Vant UI components. It includes functionalities such as an aimbot, speed calibrators, and a 120 FPS boost, which can be activated via toggle switches. The interface allows users to switch between function tabs and provides information about the developer.

Uploaded by

pf2djr4ytc
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
31 views5 pages

HATYZ AUXILIO Features Overview

The document is an HTML file for a web application titled 'HATYZ AUXILIO' that features a user interface built with Vue.js and Vant UI components. It includes functionalities such as an aimbot, speed calibrators, and a 120 FPS boost, which can be activated via toggle switches. The interface allows users to switch between function tabs and provides information about the developer.

Uploaded by

pf2djr4ytc
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd

<!

DOCTYPE html>
<html>

<head>
<title>HATYZ AUXILIO</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-
scalable=no" />
<meta charset="UTF-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="[Link]
chalk/[Link]" />
<script src="[Link]
<link rel="stylesheet"
href="[Link] />
<script src="[Link]
<script src="[Link]
<style>
* {
padding: 0;
margin: 0;
color: #fff;
box-sizing: border-box;
}

body {
font-family: 'Roboto', sans-serif;
}

.ayimgui {
position: fixed;
width: 360px;
max-height: 500px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 999;
border-radius: 16px;
overflow: hidden;
user-select: none;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.aytitle {
padding: 15px 20px;
font-size: 20px;
text-align: center;
border-radius: 16px 16px 0 0;
position: relative;
font-weight: 600;
padding: 8px 46px;
color: #fff;
background: #111;
overflow: hidden;
transition: transform 0.2s ease, background-color 0.2s ease;
}

.aytitle:after {
content: "";
background: linear-gradient(to right, red, #ff7300, #fffb00, #48ff00,
#00ffd5, #002bff, #7a00ff, #ff00c8, red);
position: absolute;
top: -2px;
left: -2px;
background-size: 200% auto;
z-index: -1;
filter: blur(5px);
width: calc(100% + 4px);
height: calc(100% + 4px);
animation: glowing 25s linear infinite;
opacity: 1;
border-radius: 10px;
}

@keyframes glowing {
0% {
background-position: 200% center;
}

100% {
background-position: -200% center;
}
}

.aytitle .titleClose {
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
cursor: pointer;
}

.aybody {
height: 320px;
padding: 20px;
font-size: 14px;
background-color: #000000;
}

.aytab {
display: flex;
justify-content: center;
margin-bottom: 20px;
border-bottom: 2px solid #888;
padding-bottom: 10px;
}

.aytab span {
padding: 10px 20px;
border-radius: 20px;
cursor: pointer;
color: #F0F0F0;
}

.activeTab {
background-color: #888;
/* cinza claro */
color: #fff;
}
.custom-switch {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 15px;
border-bottom: 1px solid #ddd;
padding-bottom: 15px;
}

.custom-switch .switch-label {
flex-grow: 1;
margin-left: 15px;
}

.custom-switch input[type="checkbox"] {
display: none;
}

.custom-switch input[type="checkbox"]+label {
position: relative;
display: inline-block;
width: 40px;
height: 24px;
border-radius: 12px;
background-color: #444;
/* desativado */
cursor: pointer;
}

.custom-switch input[type="checkbox"]+label::before {
content: "";
position: absolute;
top: 3px;
left: 3px;
width: 18px;
height: 18px;
border-radius: 50%;
background-color: #fff;
transition: all 0.3s;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.custom-switch input[type="checkbox"]:checked+label {
background-color: #bbb;
/* ativado */
}

.custom-switch input[type="checkbox"]:checked+label::before {
left: calc(100% - 3px);
transform: translateX(-100%);
}
</style>
</head>

<script>
function Start() {
[Link]({ type: 'info', message: 'AIMBOT ATIVADO' });
}
function Reset() {
[Link]({ type: 'info', message: '120 FPS BOOST ATIVADO' });
}

function SpeedX8() {
[Link]({ type: 'info', message: 'CALIBRADOR 4X ATIVADO' });
}

function SpeedX2() {
[Link]({ type: 'info', message: 'CALIBRADOR 2X ATIVADO' });
}
</script>

<body>
<div id="app">
<div class="ayimgui">
<div class="aytitle">HATYZ AUXILIO
<span class="titleClose" @click="closeimgui">&times;</span>
</div>
<div class="aybody">
<div class="aytab">
<span @click="changeTab('hzgn')" :class="{ activeTab: tabValue
=== 'hzgn' }">Funções</span>
<span @click="changeTab('qtgn')" :class="{ activeTab: tabValue
=== 'qtgn' }">Sobre</span>
</div>

<transition name="fade">
<div v-show="tabValue === 'hzgn'">
<div class="custom-switch">
<input type="checkbox" id="Start" onclick="Start()">
<label for="Start"></label>
<span class="switch-label">Aimbot</span>
</div>
<div class="custom-switch">
<input type="checkbox" id="SpeedX2"
onclick="SpeedX2()">
<label for="SpeedX2"></label>
<span class="switch-label">Calibrador 2x</span>
</div>
<div class="custom-switch">
<input type="checkbox" id="SpeedX8"
onclick="SpeedX8()">
<label for="SpeedX8"></label>
<span class="switch-label">Calibrador 4x</span>
</div>
<div class="custom-switch">
<input type="checkbox" id="Reset" onclick="Reset()">
<label for="Reset"></label>
<span class="switch-label">120 FPS Boost</span>
</div>
</div>
</transition>

<transition name="fade">
<div v-show="tabValue === 'qtgn'">
<center>
<p>Desenvolvido por @hatyzmods</p>
</center>
</div>
</transition>
</div>
</div>
</div>

<script>
new Vue({
el: "#app",
data: {
tabValue: "hzgn"
},
methods: {
changeTab(v) {
[Link] = v;
},
closeimgui() {
const el = [Link]('.ayimgui');
if (el) [Link] = 'none';
}
}
});
</script>
</body>

</html>

You might also like