ÁNGEL
EDUARDO
GONZÁLEZ
VARELA

Diseño Gráfico
Lorem
Ipsum y Lorem

QIEN SOY?

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

PROYECTOS

Proyecto 1 Proyecto

Proyecto 2 Proyecto

Proyecto 3 Proyecto

Proyecto 4 Proyecto

document.addEventListener("DOMContentLoaded", function () { const box = document.querySelector(".reactivo"); if (!box) return; const MAX_DISTANCE = 300; // distancia donde el rojo será 0 function setP(p) { p = Math.max(0, Math.min(1, p)); box.style.setProperty("--p", p); } function update(e) { const r = box.getBoundingClientRect(); const cx = r.left + r.width / 2; const cy = r.top + r.height / 2; const dx = e.clientX - cx; const dy = e.clientY - cy; const d = Math.sqrt(dx * dx + dy * dy); const p = 1 - d / MAX_DISTANCE; setP(p); } window.addEventListener("pointermove", update, { passive: true }); window.addEventListener("pointerleave", () = setP(0)); window.addEventListener("blur", () = setP(0)); setP(0); });