Remove sync logic, does not seem worth it

index.html

@@ -113,24 +113,9 @@
     <script>
         const slider = document.getElementById('slider');
         const container = document.getElementById('videoContainer');
-        const video1 = document.getElementById('video1');
         const video2 = document.getElementById('video2');
         let isDragging = false;
-        const syncTolerance = 0.1; // Tolerance in seconds for syncing
-        // Function to sync the second video to the first video
-        function syncVideos(mainVideo, secondaryVideo) {
-            if (Math.abs(mainVideo.currentTime - secondaryVideo.currentTime) > syncTolerance) {
-                secondaryVideo.currentTime = mainVideo.currentTime;
-            }
-            if (mainVideo.paused && !secondaryVideo.paused) {
-                secondaryVideo.pause();
-            } else if (!mainVideo.paused && secondaryVideo.paused) {
-                secondaryVideo.play();
-            }
-        }
-        // Set up timeupdate event listeners for smoother sync
-        video1.addEventListener('timeupdate', () => syncVideos(video1, video2));
-        video2.addEventListener('timeupdate', () => syncVideos(video2, video1));
+
         // Mouse events for slider
         slider.addEventListener('mousedown', () => isDragging = true);
         window.addEventListener('mouseup', () => isDragging = false);
@@ -138,6 +123,7 @@
             if (!isDragging) return;
             handleSlide(event.clientX);
         });
+
         // Touch events for slider
         slider.addEventListener('touchstart', () => isDragging = true);
         window.addEventListener('touchend', () => isDragging = false);
@@ -145,6 +131,7 @@
             if (!isDragging) return;
             handleSlide(event.touches[0].clientX);
         });
+
         function handleSlide(positionX) {
             const rect = container.getBoundingClientRect();
             const offsetX = positionX - rect.left;
@@ -154,6 +141,7 @@
             // Adjust second video visibility using clip-path
             video2.style.clipPath = `inset(0 ${rect.width - sliderPosition}px 0 0)`;
         }
+
         // Function to update clip-path in real-time
         function updateClipPath() {
             const rect = container.getBoundingClientRect();
@@ -161,6 +149,7 @@
             video2.style.clipPath = `inset(0 ${rect.width - sliderPosition}px 0 0)`;
             requestAnimationFrame(updateClipPath);
         }
+
         // Enable user control after the animation ends
         slider.addEventListener('animationend', () => {
             slider.classList.add('ready');
@@ -168,8 +157,9 @@
             slider.style.cursor = 'ew-resize';
             slider.style.pointerEvents = 'auto';
         });
+
         // Start updating clip-path once the page loads
         window.onload = () => updateClipPath();
     </script>
 </body>
-</html>
+</html>