', ' ', 'const x', 'let data', 'function()', '=> {}', 'return', 'import', 'export', 'async', 'await', 'useState()', 'useEffect()', '.map()', '.filter()', 'npm install', 'git commit', 'console.log()', 'fetch()', 'Promise'];
var colors = ['#4f46e5', '#2563eb', '#0891b2', '#7c3aed', '#059669', '#d946ef'];
function createParticle(x, y) {
if (!effectEnabled) return;
var p = document.createElement('div');
p.className = 'code-particle';
p.textContent = codeSnippets[Math.floor(Math.random() * codeSnippets.length)];
p.style.left = x + 'px';
p.style.top = y + 'px';
p.style.color = colors[Math.floor(Math.random() * colors.length)];
interactiveBg.appendChild(p);
setTimeout(function() { p.remove(); }, 4000);
}
function createRipple(x, y) {
if (!effectEnabled) return;
var r = document.createElement('div');
r.className = 'click-ripple';
r.style.left = x + 'px';
r.style.top = y + 'px';
r.style.border = '2px solid ' + colors[Math.floor(Math.random() * colors.length)];
interactiveBg.appendChild(r);
setTimeout(function() { r.remove(); }, 600);
}
function handleInteraction(x, y) {
if (!effectEnabled) return;
createRipple(x, y);
for (var i = 0; i
