Robo IA Futuristica Simples ~ Universo Aleatório

<div class="pix">tigotunes@gmail.com</div>

<button onclick="copiarPix(event)">📋 Copiar Pix</button>
    </div>

.robo-container {
  background: linear-gradient(145deg, #0f2027, #203a43, #2c5364);
  border-radius: 20px;
  padding: 15px;
  width: 240px;
  color: #fff;
  box-shadow: 0 0 30px rgba(0,255,255,0.7);
  font-family: Arial;
  position: relative;
  transition: 0.4s;
}

.robo {
  width: 70px;
  height: 70px;
  margin: auto;
  background: radial-gradient(circle, #00f0ff, #001f2f);
  border-radius: 50%;
  box-shadow: 0 0 30px #00f0ff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.olho {
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 50%;
  animation: piscar 3s infinite;
}

.mensagem {
  text-align: center;
  margin-top: 10px;
}

.pix {
  background: #000;
  padding: 6px;
  border-radius: 10px;
  margin: 8px 0;
  font-size: 13px;
  color: #00ffcc;
}

button {
  background: #00f0ff;
  border: none;
  padding: 6px 10px;
  border-radius: 10px;
  cursor: pointer;
  font-weight: bold;
}

.fechar {
  position: absolute;
  top: 5px;
  right: 10px;
  cursor: pointer;
}

/* 🔽 MODO MINI */
#roboPix.mini .mensagem,
#roboPix.mini .fechar {
  display: none;
}

#roboPix.mini .robo-container {
  width: 70px;
  height: 70px;
  padding: 5px;
}

/* ✨ ANIMAÇÕES */
@keyframes piscar {
  0%, 90%, 100% { transform: scaleY(1); }
  95% { transform: scaleY(0.1); }
}
</style>

function digitar(id, texto, velocidade = 40) {
  let i = 0;
  const el = document.getElementById(id);
  el.innerHTML = "";

const intervalo = setInterval(() => {
    el.innerHTML += texto.charAt(i);
    i++;
    if (i >= texto.length) clearInterval(intervalo);
  }, velocidade);
}

function copiarPix(e) {
  e.stopPropagation();
  navigator.clipboard.writeText("tigotunes@gmail.com");

const btn = event.target;
  btn.innerText = "✅ Copiado!";
  setTimeout(() => btn.innerText = "📋 Copiar Pix", 2000);
}

function fecharRobo(e) {
  e.stopPropagation();
  document.getElementById("roboPix").style.display = "none";
  localStorage.setItem("roboFechado", "true");
}

function minimizarRobo() {
  document.getElementById("roboPix").classList.add("mini");
}

function expandirRobo() {
  document.getElementById("roboPix").classList.remove("mini");
}

// 🚀 MOSTRAR APENAS UMA VEZ
if (!localStorage.getItem("roboFechado")) {

setTimeout(() => {
    const robo = document.getElementById("roboPix");
    robo.style.display = "block";

digitar("titulo", titulo, 50);
    setTimeout(() => digitar("texto", texto, 30), 1000);

// ⏱️ Minimizar após 10s
    setTimeout(() => {
      minimizarRobo();
    }, 10000);

}, 3000);
}

// 🎯 EXIT INTENT (quando tenta sair)
document.addEventListener("mouseout", function(e) {
  if (e.clientY < 10) {
    const robo = document.getElementById("roboPix");
    robo.style.display = "block";
    expandirRobo();
  }
});
</script>

Particles effect, Sticky menu and more.

Universo Aleatório - Tá Bombando!

Robo IA Futuristica Simples

💡 Faça Parte dos Curiosos Inteligentes

𝘾𝙤𝙣𝙩𝙚𝙪𝙙𝙤 𝙑𝙄𝙋 ❤️️

🔓 Conteúdo Exclusivo

Comentários

Translate

Menu items