Implemented cryptomining, although its extremely bad optimized.

src/components/MatrixCursor.tsx

@@ -0,0 +1,111 @@
+import { useState, useEffect } from 'react';
+
+const MatrixCursor = () => {
+  const [position, setPosition] = useState({ x: 0, y: 0 });
+  const [isHovering, setIsHovering] = useState(false);
+  const [isVisible, setIsVisible] = useState(false);
+  const [isTouchDevice, setIsTouchDevice] = useState(false);
+
+  useEffect(() => {
+    // Detect touch device - check for touch capability and if primary input is touch
+    const checkTouchDevice = () => {
+      const hasTouchScreen = 'ontouchstart' in window || 
+        navigator.maxTouchPoints > 0 ||
+        // @ts-ignore - msMaxTouchPoints is IE-specific
+        navigator.msMaxTouchPoints > 0;
+      
+      // Also check if the device has a fine pointer (mouse)
+      const hasFinePrimary = window.matchMedia('(pointer: fine)').matches;
+      
+      // Consider it a touch device if it has touch AND doesn't have fine pointer as primary
+      setIsTouchDevice(hasTouchScreen && !hasFinePrimary);
+    };
+
+    checkTouchDevice();
+
+    // Re-check on orientation change or resize (for hybrid devices)
+    window.addEventListener('resize', checkTouchDevice);
+    
+    return () => {
+      window.removeEventListener('resize', checkTouchDevice);
+    };
+  }, []);
+
+  useEffect(() => {
+    // Don't set up mouse listeners on touch devices
+    if (isTouchDevice) {
+      document.body.classList.remove('matrix-cursor');
+      return;
+    }
+
+    const handleMouseMove = (e: MouseEvent) => {
+      setPosition({ x: e.clientX, y: e.clientY });
+      setIsVisible(true);
+    };
+
+    const handleMouseEnter = () => setIsVisible(true);
+    const handleMouseLeave = () => setIsVisible(false);
+
+    const handleHoverCheck = (e: MouseEvent) => {
+      const target = e.target as HTMLElement;
+      const isInteractive = 
+        target.tagName === 'A' ||
+        target.tagName === 'BUTTON' ||
+        !!target.closest('a') ||
+        !!target.closest('button') ||
+        target.getAttribute('role') === 'button' ||
+        window.getComputedStyle(target).cursor === 'pointer';
+      
+      setIsHovering(isInteractive);
+    };
+
+    // Hide cursor on any touch event (for hybrid devices)
+    const handleTouch = () => {
+      setIsVisible(false);
+    };
+
+    document.addEventListener('mousemove', handleMouseMove);
+    document.addEventListener('mousemove', handleHoverCheck);
+    document.addEventListener('mouseenter', handleMouseEnter);
+    document.addEventListener('mouseleave', handleMouseLeave);
+    document.addEventListener('touchstart', handleTouch, { passive: true });
+
+    // Add cursor class to body
+    document.body.classList.add('matrix-cursor');
+
+    return () => {
+      document.removeEventListener('mousemove', handleMouseMove);
+      document.removeEventListener('mousemove', handleHoverCheck);
+      document.removeEventListener('mouseenter', handleMouseEnter);
+      document.removeEventListener('mouseleave', handleMouseLeave);
+      document.removeEventListener('touchstart', handleTouch);
+      document.body.classList.remove('matrix-cursor');
+    };
+  }, [isTouchDevice]);
+
+  // Don't render anything on touch devices or when not visible
+  if (isTouchDevice || !isVisible) return null;
+
+  return (
+    <>
+      {/* Crosshair */}
+      <div
+        className="matrix-cursor-crosshair"
+        style={{
+          left: position.x,
+          top: position.y,
+        }}
+      />
+      {/* Center dot */}
+      <div
+        className={`matrix-cursor-dot ${isHovering ? 'hovering' : ''}`}
+        style={{
+          left: position.x,
+          top: position.y,
+        }}
+      />
+    </>
+  );
+};
+
+export default MatrixCursor;