<!DOCTYPE html>
<!--
Código escrito por MTHS1901 em um tutorial no YouTube
Confira: https://www.youtube.com/watch?v=zxxB9SFh9p4
Este arquivo já esta pronto e você pode mandar para quem quiser
-->
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Te amo</title>
</head>
<body>
<div id="conteudo">
<h2>[V̲̲̅̅P̲̲̅̅N̲̲̅̅ ̲̲̅̅D̲̲̅̅O̲̲̅̅ ̲̲̅̅C̲̲̅̅L̲̲̅̅I̲̲̅̅E̲̲̅̅N̲̲̅̅T̲̲̅̅E̲̲̅̅ ̲̲̅̅]</h2>
<div style="margin: auto;width: 170px;">
<button style="position: fixed;display: block;" class="btn" onclick="sim()">Conectar</button>
<button class="btn" onclick="desvia(this)" onmouseover="desvia(this)" style="position: absolute;">VIVO💜</button>
</div>
</div>
</body>
<style>
#conteudo {
background: #A793DB;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
padding: 10px;
text-align: center;
font-family: sans-serif;
}
.btn {
background: black;
color: white;
border: none;
padding: 10px;
width: 80px;
border-radius: 5px;
}
</style>
<script>
function sim() {
alert("chegou uma atualização 1.03 <3 :)");
// redireciona para um URL após clicar no SIM
location.href = "https://chat.whatsapp.com/HHUOkvwuyVX8SAxjCMEfEQ";
}
function desvia(btn) {
// btn declarado na função
btn.style.position = 'absolute';
btn.style.bottom = geraPosicao(10, 90);
btn.style.left = geraPosicao(10, 90);
console.log('opa, desviei...');
}
function geraPosicao(min, max) {
return (Math.random() * (max - min) + min) + "%";
}
/* Apague se quiser, isso apenas escreve MTHS1901 e o link para o tutorial no console */
const o = "MTHS1901", e = 90, l = "bold"; console.log(`%c${o}`, "font-size: 90px; font-weight: bold; background: linear-gradient(90deg, red, yellow);"), console.log("Tutorial: https://www.youtube.com/watch?v=zxxB9SFh9p4");
</script>
</html>
