Add 1 files

index.html

@@ -463,36 +463,52 @@
             const orbits = document.querySelectorAll('.orbit');
             
             // Store base animation durations
-            const baseDurations = {};
-            orbits.forEach(orbit => {
-                const style = window.getComputedStyle(orbit);
-                baseDurations[orbit.className.split(' ')[0]] = parseFloat(style.animationDuration);
-            });
+            const baseDurations = {
+                'mercury-orbit': 4,
+                'venus-orbit': 10,
+                'earth-orbit': 15,
+                'mars-orbit': 28,
+                'jupiter-orbit': 95,
+                'saturn-orbit': 230,
+                'uranus-orbit': 680,
+                'neptune-orbit': 1330
+            };
 
             // Animation control
             let isPlaying = true;
             let speedFactor = 1;
 
+            // Function to update animations based on speed
+            function updateAnimations() {
+                orbits.forEach(orbit => {
+                    const orbitClass = Array.from(orbit.classList).find(cls => cls.endsWith('-orbit'));
+                    if (orbitClass) {
+                        const baseDuration = baseDurations[orbitClass];
+                        orbit.style.animationDuration = `${baseDuration / speedFactor}s`;
+                        orbit.style.animationPlayState = isPlaying ? 'running' : 'paused';
+                    }
+                });
+            }
+
+            // Initialize animations
+            updateAnimations();
+
             // Play/pause functionality
             playBtn.addEventListener('click', function() {
                 if (!isPlaying) {
-                    orbits.forEach(orbit => {
-                        orbit.style.animationPlayState = 'running';
-                    });
                     isPlaying = true;
                     playBtn.classList.add('active');
                     pauseBtn.classList.remove('active');
+                    updateAnimations();
                 }
             });
 
             pauseBtn.addEventListener('click', function() {
                 if (isPlaying) {
-                    orbits.forEach(orbit => {
-                        orbit.style.animationPlayState = 'paused';
-                    });
                     isPlaying = false;
                     pauseBtn.classList.add('active');
                     playBtn.classList.remove('active');
+                    updateAnimations();
                 }
             });
 
@@ -500,12 +516,7 @@
             speedControl.addEventListener('input', function() {
                 speedFactor = parseFloat(this.value);
                 speedValue.textContent = `${speedFactor.toFixed(1)}x`;
-                
-                orbits.forEach(orbit => {
-                    const orbitClass = orbit.className.split(' ')[0];
-                    const baseDuration = baseDurations[orbitClass];
-                    orbit.style.animationDuration = `${baseDuration / speedFactor}s`;
-                });
+                updateAnimations();
             });
 
             // Toggle labels
@@ -552,5 +563,5 @@
             updateLabelPositions();
         });
     </script>
-<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <a href="https://enzostvs-deepsite.hf.space" style="color: #fff;" target="_blank" >DeepSite</a> <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;"></p></body>
+</body>
 </html>