const cursor = document.getElementById('cursor');
const follower = document.getElementById('cursor-follower');
function animateCursor() {
followerX += (mouseX - followerX) * 0.09;
followerY += (mouseY - followerY) * 0.09;
follower.style.left = followerX + 'px';
follower.style.top = followerY + 'px';
requestAnimationFrame(animateCursor);
}
class CreativeLab {
constructor() {
this.design = "minimalist";
this.code = "clean";
}
render() {
return `${this.design} + ${this.code}`;
}
}
const erickMatheus = new CreativeLab();
console.log("Behind every great design is a great code.");
// ERICK MATHEUS CREATIVE STUDIO // SOURCE CODE X-RAY
// --------------------------------------------------------
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<title>Erick Matheus / Em Construção</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
<style>
.custom-cursor-follower {
width: 40px; height: 40px;
background-color: #ffffff;
mix-blend-mode: difference;
z-index: 9999;
}
.noise-bg {
animation: noise-animation 0.4s steps(6) infinite;
}
</style>
</head>
<body>
<canvas id="canvas-bg"></canvas>
<header>
<div id="logo-trigger">E / M Erick Matheus</div>
<div class="status-tag">Disponível para projetos</div>
</header>
<main>
<h1>Ideias que ganham forma e movimento</h1>
<p>Por trás de um bom design, existe um bom código.</p>
<button id="copy-email-btn">Copiar E-mail</button>
<a href="https://wa.me/55319XXXXXXXX">Falar no WhatsApp</a>
</main>
<script>
const emailAddress = 'contato@erickmatheus.com.br';
const words = ["forma.", "movimento.", "vida.", "conceito.", "propósito.", "identidade.", "experiência."];
let wordIndex = 0;
function cycleWord() {
gsap.to(wordEl, { y: -30, opacity: 0, duration: 0.45 });
}
logoTrigger.addEventListener('click', () => {
logoClicks++;
if (logoClicks === 5) triggerEasterEggAnimation();
});
</script>
</body>
</html>