Merge pull request #26 from iskepr/main

اضافة الاضاءة خلف المؤشر و تعديل ساعة العداد

Author: Shad7ows

Source/JavaScript/script.js

@@ -75,3 +75,55 @@ function notify(text) {
     }, 500);
   }, 3000);
 }
+
+
+let cursor = document.createElement("div");
+cursor.setAttribute("id", "cursor");
+cursor.style = `
+    position: fixed;
+    border-radius: 100%;
+    box-shadow: 0 0 200px 80px #2079ff90;`;
+document.body.appendChild(cursor);
+
+const mouse = { x: 0, y: 0 };
+const previousMouse = { x: 0, y: 0 };
+const circle = { x: 0, y: 0 };
+let currentScale = 0;
+
+window.addEventListener("mousemove", (e) => {
+    mouse.x = e.x;
+    mouse.y = e.y;
+});
+
+const speed = 0.17;
+
+const tick = () => {
+    // position
+    circle.x += (mouse.x - circle.x) * speed;
+    circle.y += (mouse.y - circle.y) * speed;
+    const position = `translate(${circle.x}px, ${circle.y}px)`;
+
+    const deltaMouseX = mouse.x - previousMouse.x;
+    const deltaMouseY = mouse.y - previousMouse.y;
+
+    // scale
+    previousMouse.x = mouse.x;
+    previousMouse.y = mouse.y;
+    const mouseVelocity = Math.min(
+        Math.sqrt(deltaMouseX ** 2 + deltaMouseY ** 2) * 10,
+        150
+    );
+    const scaleValue = (mouseVelocity / 150) * 0.5;
+    currentScale += (scaleValue - currentScale) * speed;
+    const scale = `scaleX(${1 + currentScale}) scaleY(${1.5 - currentScale})`;
+
+    // rotate
+    const angle = (Math.atan2(deltaMouseY, deltaMouseX) * 180) / Math.PI;
+    const rotate = `rotate(${angle}deg)`;
+
+    cursor.style.transform = position + rotate + scale;
+
+    window.requestAnimationFrame(tick);
+};
+
+tick();

index.html

@@ -135,7 +135,7 @@
 
     <script>
         function updateCountdown() {
-            const newYear = new Date("2025-06-26");
+            const newYear = new Date("2025-06-26T04:00:00+02:00");
             const now = new Date();
             const timeDifference = newYear - now;