Hello?

Are you there?

I am here
(function () { function initBabelText() { const link = document.getElementById("babel-text-link"); if (!link) return; const prefix = "I am "; const startingWord = "here"; const endingWord = "him."; const characters = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!@#$%&*"; /* Slower scramble speed */ const scrambleSpeed = 130; /* Time spent scrambling */ const scrambleDuration = 5000; /* Speed of the return to "here" */ const returnSpeed = 150; const resolveSpeed = 110; let scrambleTimer = null; let resolveTimer = null; let shakeTimer = null; let finishTimer = null; let hovering = false; function randomCharacter() { return characters[ Math.floor(Math.random() * characters.length) ]; } function randomText(length) { let result = ""; for (let i = 0; i < length; i++) { result += randomCharacter(); } return result; } function scramble() { link.textContent = prefix + randomText(startingWord.length); } function startShake() { clearInterval(shakeTimer); shakeTimer = setInterval(function () { if (!hovering) return; link.classList.remove("shaking"); void link.offsetWidth; link.classList.add("shaking"); }, 170); } function stopShake() { clearInterval(shakeTimer); shakeTimer = null; link.classList.remove("shaking"); } function resolveToHim() { clearInterval(scrambleTimer); scrambleTimer = null; let locked = 0; resolveTimer = setInterval(function () { let output = prefix; for (let i = 0; i < endingWord.length; i++) { if (i < locked) { output += endingWord[i]; } else { output += randomCharacter(); } } link.textContent = output; locked++; if (locked > endingWord.length) { clearInterval(resolveTimer); link.textContent = prefix + endingWord; } }, resolveSpeed); } function returnToHere() { clearInterval(scrambleTimer); clearInterval(resolveTimer); clearTimeout(finishTimer); let current = link.textContent; let currentWord = current.slice(-4); let targetWord = startingWord; let position = 0; resolveTimer = setInterval(function () { let result = ""; for (let i = 0; i < targetWord.length; i++) { if (i < position) { result += targetWord[i]; } else if (i === position) { result += randomCharacter(); } else { result += currentWord[i] || randomCharacter(); } } link.textContent = prefix + result; if (Math.random() < 0.4) { position++; } if (position >= targetWord.length) { clearInterval(resolveTimer); link.textContent = prefix + targetWord; } }, returnSpeed); } function startTransformation() { clearInterval(scrambleTimer); clearInterval(resolveTimer); clearTimeout(finishTimer); link.textContent = prefix + startingWord; scrambleTimer = setInterval(function () { if (hovering) { scramble(); } }, scrambleSpeed); finishTimer = setTimeout(function () { resolveToHim(); }, scrambleDuration); startShake(); } link.addEventListener("mouseenter", function () { hovering = true; startTransformation(); }); link.addEventListener("mouseleave", function () { hovering = false; stopShake(); returnToHere(); }); } if (document.readyState === "loading") { document.addEventListener( "DOMContentLoaded", initBabelText ); } else { initBabelText(); } })();

Good...

Very good...

You may proceed...

const player = document.getElementById("musicPlayer"); const audio = document.getElementById("audioPlayer"); const image = document.getElementById("playerImage"); const idleImage = "https://www.dropbox.com/scl/fi/9hquye5ppp2f19up30dat/music-arrito1.png?rlkey=ue0fq3efbiy61tb3txmfqf442&st=6rmkirlu&dl=1"; const playingImage = "https://www.dropbox.com/scl/fi/wng1rktpsc1pml6b88ktl/arrito-music2.gif?rlkey=4fjrnsen5k0ccrdycp9s7ylhc&st=gg4or3yh&dl=1"; /* Ensure consistent size */ const imgWidth = 100; const imgHeight = 100; image.width = imgWidth; image.height = imgHeight; image.style.objectFit = "contain"; /* Fixed volume */ audio.volume = 0.2; /* Click toggle */ player.addEventListener("click", function() { if (audio.paused) { audio.play(); image.src = playingImage; localStorage.setItem("musicPlaying", "true"); } else { audio.pause(); image.src = idleImage; localStorage.setItem("musicPlaying", "false"); } }); /* Autoplay on page load */ window.addEventListener("load", function() { audio.play().then(() => { image.src = playingImage; localStorage.setItem("musicPlaying", "true"); }).catch(err => { console.log("Autoplay blocked by browser:", err); }); });

Welcome to Dizzy's Domain

The PuppetThe Puppeteer
I am chaos incarnate, brought to this realm by forces beyond your comprehension. A creative storm that shall sweep across the land and imbue it with my annoying presence. A ball of floof with a heart of gold and a tongue of silver.

I'm Dizzy. I create things. Lots of things. I have a fatal case of wanderlust.

Care to get lost with me?

(Click me!)

TheIllusion
(function () { const image = document.getElementById("cursor-image"); const wrap = document.getElementById("cursor-image-wrap"); const ghost = document.getElementById("image-ghost"); const returnArea = document.getElementById("return-area"); const SIZE = 69; const TRAIL_X = 30; const TRAIL_Y = 30; const FOLLOW_SPEED = 0.08; const MAX_TILT = 35; const TILT_SPEED = 0.10; let following = false; let mouseX = 0; let mouseY = 0; let currentX = 0; let currentY = 0; let offsetX = 0; let offsetY = 0; let currentTilt = 0; let targetTilt = 0; let originalRect = null; let originalParent = null; let originalNextSibling = null; function updateGhost() { ghost.style.setProperty( "--ghost-image", "url('" + image.src + "')" ); } if (image.complete) { updateGhost(); } else { image.addEventListener("load", updateGhost); } image.addEventListener("click", function (e) { if (following) return; originalRect = image.getBoundingClientRect(); originalParent = image.parentNode; originalNextSibling = image.nextSibling; offsetX = SIZE / 3; offsetY = SIZE / 3; mouseX = e.clientX - offsetX + TRAIL_X; mouseY = e.clientY - offsetY + TRAIL_Y; currentX = mouseX; currentY = mouseY; currentTilt = 0; targetTilt = 0; returnArea.style.left = originalRect.left + "px"; returnArea.style.top = originalRect.top + "px"; returnArea.style.width = SIZE + "px"; returnArea.style.height = SIZE + "px"; ghost.classList.add("visible"); document.body.appendChild(image); image.classList.add("following"); image.style.position = "fixed"; image.style.width = SIZE + "px"; image.style.height = SIZE + "px"; image.style.left = currentX + "px"; image.style.top = currentY + "px"; image.style.transform = "rotate(0deg)"; returnArea.classList.add("active"); following = true; animate(); }); document.addEventListener("mousemove", function (e) { if (!following) return; mouseX = e.clientX - offsetX + TRAIL_X; mouseY = e.clientY - offsetY + TRAIL_Y; }); returnArea.addEventListener("click", function () { if (!following) return; following = false; returnArea.classList.remove("active"); image.style.transition = "left 0.5s cubic-bezier(.22,1,.36,1), " + "top 0.5s cubic-bezier(.22,1,.36,1), " + "transform 0.5s cubic-bezier(.22,1,.36,1)"; image.style.left = originalRect.left + "px"; image.style.top = originalRect.top + "px"; image.style.transform = "rotate(0deg)"; setTimeout(function () { if (originalParent) { if (originalNextSibling) { originalParent.insertBefore( image, originalNextSibling ); } else { originalParent.appendChild(image); } } image.classList.remove("following"); image.style.position = ""; image.style.left = ""; image.style.top = ""; image.style.width = SIZE + "px"; image.style.height = SIZE + "px"; image.style.transform = ""; image.style.transition = ""; ghost.classList.remove("visible"); currentTilt = 0; targetTilt = 0; originalRect = null; }, 520); }); function animate() { if (!following) return; currentX += (mouseX - currentX) * FOLLOW_SPEED; currentY += (mouseY - currentY) * FOLLOW_SPEED; image.style.left = currentX + "px"; image.style.top = currentY + "px"; const ratCenterX = currentX + SIZE / 2; const ratCenterY = currentY + SIZE / 2; const distanceX = mouseX - ratCenterX; const distanceY = mouseY - ratCenterY; const verticalInfluence = distanceY / 120; targetTilt = verticalInfluence * MAX_TILT; if (targetTilt > MAX_TILT) { targetTilt = MAX_TILT; } if (targetTilt < -MAX_TILT) { targetTilt = -MAX_TILT; } currentTilt += (targetTilt - currentTilt) * TILT_SPEED; image.style.transform = "rotate(" + currentTilt + "deg)"; requestAnimationFrame(animate); } })();

Lclyf wbzo avdhykz myllkvt vusf luahunslz aol wbwwla kllwly puav oly zaypunz...

There's nothing here for you...

You can't control me anymore...

Extra Stuff

Coming Soon!