Upload folder using huggingface_hub

index.html

@@ -53,7 +53,6 @@
       justify-content: center;
       gap: 0;
       line-height: 1.2;
-      cursor: none;
     }
 
     .ascii-row {
@@ -69,7 +68,7 @@
       justify-content: center;
       font-size: clamp(8px, 2vw, 16px);
       color: #fff;
-      transition: transform 0.15s ease-out, text-shadow 0.15s ease-out;
+      transition: transform 0.1s ease-out;
     }
 
     @media (max-width: 768px) {
@@ -104,11 +103,6 @@
     let cols, rows;
     let grid = [];
     let time = 0;
-    let mouseX = -1000;
-    let mouseY = -1000;
-    let targetMouseX = -1000;
-    let targetMouseY = -1000;
-    let isMouseInside = false;
 
     function calculateGridSize() {
       const charWidth = Math.max(8, Math.min(16, window.innerWidth * 0.02));
@@ -143,114 +137,62 @@
           rowData.push({
             element: charSpan,
             baseChar: getRandomChar(),
-            changeTimer: Math.random() * 100,
-            x: 0,
-            y: 0
+            changeTimer: Math.random() * 100
           });
         }
 
         container.appendChild(row);
         grid.push(rowData);
       }
-
-      // Calculate positions after grid is created
-      updateCellPositions();
-    }
-
-    function updateCellPositions() {
-      for (let y = 0; y < rows; y++) {
-        for (let x = 0; x < cols; x++) {
-          const cell = grid[y][x];
-          const rect = cell.element.getBoundingClientRect();
-          cell.x = rect.left + rect.width / 2;
-          cell.y = rect.top + rect.height / 2;
-        }
-      }
     }
 
     function animate() {
-      time += 0.03;
-
-      // Smooth mouse following
-      mouseX += (targetMouseX - mouseX) * 0.15;
-      mouseY += (targetMouseY - mouseY) * 0.15;
+      // Increased time increment for faster animation (was 0.03)
+      time += 0.08;
 
       for (let y = 0; y < rows; y++) {
         for (let x = 0; x < cols; x++) {
           const cell = grid[y][x];
 
-          // Multiple wave patterns combined
-          const wave1 = Math.sin(x * 0.1 + time) * 0.5;
-          const wave2 = Math.sin(y * 0.08 + time * 1.3) * 0.3;
-          const wave3 = Math.sin((x + y) * 0.05 + time * 0.7) * 0.4;
-          const wave4 = Math.cos(x * 0.15 - time * 0.5) * Math.sin(y * 0.12 + time * 0.8) * 0.3;
+          // Multiple wave patterns combined with faster multipliers
+          const wave1 = Math.sin(x * 0.1 + time * 2.5) * 0.5;
+          const wave2 = Math.sin(y * 0.08 + time * 3.2) * 0.3;
+          const wave3 = Math.sin((x + y) * 0.05 + time * 1.8) * 0.4;
+          const wave4 = Math.cos(x * 0.15 - time * 1.5) * Math.sin(y * 0.12 + time * 2) * 0.3;
 
-          // Radial wave from center
+          // Radial wave from center - faster
           const centerX = cols / 2;
           const centerY = rows / 2;
           const distFromCenter = Math.sqrt((x - centerX) ** 2 + (y - centerY) ** 2);
-          const radialWave = Math.sin(distFromCenter * 0.15 - time * 2) * 0.4;
-
-          let combinedWave = wave1 + wave2 + wave3 + wave4 + radialWave;
-
-          // Mouse interaction
-          let mouseInfluence = 0;
-          let pushX = 0;
-          let pushY = 0;
-
-          if (isMouseInside) {
-            const dx = cell.x - mouseX;
-            const dy = cell.y - mouseY;
-            const distance = Math.sqrt(dx * dx + dy * dy);
-            const maxDistance = 150;
-
-            if (distance < maxDistance) {
-              const strength = 1 - (distance / maxDistance);
-              mouseInfluence = strength * strength;
-
-              // Push characters away from mouse
-              const angle = Math.atan2(dy, dx);
-              const pushStrength = mouseInfluence * 20;
-              pushX = Math.cos(angle) * pushStrength;
-              pushY = Math.sin(angle) * pushStrength;
-
-              // Add ripple effect around mouse
-              combinedWave += Math.sin(distance * 0.1 - time * 4) * mouseInfluence * 0.8;
-            }
-          }
+          const radialWave = Math.sin(distFromCenter * 0.15 - time * 5) * 0.4;
+
+          // Additional fast diagonal wave
+          const diagonalWave = Math.sin((x - y) * 0.08 + time * 4) * 0.25;
 
-          // Calculate brightness based on wave and mouse
+          let combinedWave = wave1 + wave2 + wave3 + wave4 + radialWave + diagonalWave;
+
+          // Calculate brightness based on wave
           const baseBrightness = 0.2 + (combinedWave + 1) * 0.3;
-          const brightness = Math.min(1, baseBrightness + mouseInfluence * 0.8);
+          const brightness = Math.min(1, baseBrightness);
 
           // Apply transformations
-          const baseScale = 0.7 + (combinedWave + 1) * 0.25;
-          const scale = baseScale + mouseInfluence * 0.5;
-          const translateY = combinedWave * 5 + pushY;
-          const translateX = pushX;
+          const scale = 0.7 + (combinedWave + 1) * 0.25;
+          const translateY = combinedWave * 5;
 
           // White color with varying opacity
           const alpha = Math.max(0.15, Math.min(1, brightness));
           cell.element.style.color = `rgba(255, 255, 255, ${alpha})`;
-          cell.element.style.transform = `translate(${translateX}px, ${translateY}px) scale(${scale})`;
-
-          // Add glow effect near mouse
-          if (mouseInfluence > 0.3) {
-            const glowIntensity = mouseInfluence * 15;
-            cell.element.style.textShadow = `0 0 ${glowIntensity}px rgba(255, 255, 255, ${mouseInfluence})`;
-          } else {
-            cell.element.style.textShadow = 'none';
-          }
+          cell.element.style.transform = `translateY(${translateY}px) scale(${scale})`;
 
-          // Randomly change characters
-          cell.changeTimer += 0.1 + mouseInfluence * 0.5;
-          if (cell.changeTimer > 50 + Math.random() * 100) {
+          // Randomly change characters - faster rate
+          cell.changeTimer += 0.15;
+          if (cell.changeTimer > 40 + Math.random() * 80) {
             cell.element.textContent = getRandomChar();
             cell.changeTimer = 0;
           }
 
-          // More frequent changes at wave peaks and near mouse
-          if ((combinedWave > 0.8 || mouseInfluence > 0.5) && Math.random() < 0.15) {
+          // More frequent changes at wave peaks
+          if (combinedWave > 0.7 && Math.random() < 0.2) {
             cell.element.textContent = getRandomChar();
           }
         }
@@ -265,48 +207,6 @@
       animate();
     }
 
-    // Mouse event handlers
-    document.addEventListener('mousemove', (e) => {
-      targetMouseX = e.clientX;
-      targetMouseY = e.clientY;
-      isMouseInside = true;
-    });
-
-    document.addEventListener('mouseleave', () => {
-      isMouseInside = false;
-      targetMouseX = -1000;
-      targetMouseY = -1000;
-    });
-
-    document.addEventListener('mouseenter', () => {
-      isMouseInside = true;
-    });
-
-    // Touch support for mobile
-    document.addEventListener('touchmove', (e) => {
-      if (e.touches.length > 0) {
-        targetMouseX = e.touches[0].clientX;
-        targetMouseY = e.touches[0].clientY;
-        isMouseInside = true;
-      }
-    });
-
-    document.addEventListener('touchstart', (e) => {
-      if (e.touches.length > 0) {
-        targetMouseX = e.touches[0].clientX;
-        targetMouseY = e.touches[0].clientY;
-        mouseX = targetMouseX;
-        mouseY = targetMouseY;
-        isMouseInside = true;
-      }
-    });
-
-    document.addEventListener('touchend', () => {
-      isMouseInside = false;
-      targetMouseX = -1000;
-      targetMouseY = -1000;
-    });
-
     // Handle window resize
     let resizeTimeout;
     window.addEventListener('resize', () => {
@@ -317,9 +217,6 @@
       }, 250);
     });
 
-    // Update cell positions on scroll (if any)
-    window.addEventListener('scroll', updateCellPositions);
-
     // Initialize
     init();
   </script>