Pending changes exported from your codespace

index.js

@@ -0,0 +1,85 @@
+window.addEventListener('load', function() {
+    const loader = document.getElementById('loader');
+    const content = document.querySelector('.content');
+    
+    // Move the loader off the screen
+    loader.style.transform = 'translateY(-100%)'; // Move up off the screen
+
+    // Show the content after a delay to allow the animation to complete
+    setTimeout(() => {
+        loader.style.display = 'none'; 
+        content.style.display = 'block'; 
+    }, 500); // Adjust delay to match the transition duration
+
+    // Check for dark mode preference in cookies
+    const darkMode = getCookie('darkMode');
+    if (darkMode === 'enabled') {
+        document.body.classList.add('dark-mode');
+        updateDarkModeIcons(true);
+    } else {
+        document.body.classList.remove('dark-mode');
+        updateDarkModeIcons(false);
+    }
+
+    // Set the background image for the parallax effect
+    const mainContent = document.querySelector('.main-content');
+    mainContent.style.backgroundImage = 'url("/gamestooadd.jpeg")'; // Replace with your image path
+
+    // Add parallax effect
+    window.addEventListener('scroll', function() {
+        const scrollPosition = window.pageYOffset;
+        mainContent.style.backgroundPositionY = `${scrollPosition * 0.5}px`;
+    });
+});
+
+document.getElementById('versionDisplay').textContent = 'Version 2.44.0';
+
+function toggleSideBar() {
+    const sideBarMenu = document.getElementById('side-bar-menu');
+    sideBarMenu.style.display = sideBarMenu.style.display === 'block' ? 'none' : 'block';
+}
+
+function onToggleDarkMode() {
+    const isDarkMode = document.body.classList.toggle('dark-mode');
+    updateDarkModeIcons(isDarkMode);
+    setCookie('darkMode', isDarkMode ? 'enabled' : 'disabled', 365);
+}
+
+function updateDarkModeIcons(isDarkMode) {
+    const icon = document.getElementById('dark-mode-icon');
+    const sidebarIcon = document.getElementById('sidebar-dark-mode-icon');
+    if (isDarkMode) {
+        icon.classList.remove('fa-moon');
+        icon.classList.add('fa-sun');
+        sidebarIcon.classList.remove('fa-moon');
+        sidebarIcon.classList.add('fa-sun');
+    } else {
+        icon.classList.remove('fa-sun');
+        icon.classList.add('fa-moon');
+        sidebarIcon.classList.remove('fa-sun');
+        sidebarIcon.classList.add('fa-moon');
+    }
+}
+
+function setCookie(name, value, days) {
+    const d = new Date();
+    d.setTime(d.getTime() + (days * 24 * 60 * 60 * 1000));
+    const expires = "expires=" + d.toUTCString();
+    document.cookie = name + "=" + value + ";" + expires + ";path=/";
+}
+
+function getCookie(name) {
+    const cname = name + "=";
+    const decodedCookie = decodeURIComponent(document.cookie);
+    const ca = decodedCookie.split(';');
+    for (let i = 0; i < ca.length; i++) {
+        let c = ca[i];
+        while (c.charAt(0) === ' ') {
+            c = c.substring(1);
+        }
+        if (c.indexOf(cname) === 0) {
+            return c.substring(cname.length, c.length);
+        }
+    }
+    return "";
+}