scripts.js

  

// This function hides the loading screen once the page is fully loaded.
window.addEventListener('load', function () {
    document.querySelector('.loading-screen').style.display = 'none';

    // Initialize the background color based on the switch state when the page loads
    const checkBox = document.querySelector('.cb');
    if (checkBox) {
        updateBackgroundColor(checkBox.checked);

        // Add event listener for changes on the switch to update the background color
        checkBox.addEventListener('change', function () {
            updateBackgroundColor(this.checked);
        });
    }
});

// This function sets the 'active' class on the current navigation link.
function setActiveLink() {
    const currentPath = window.location.pathname.split('/').pop();
    const navLinks = document.querySelectorAll('.header__nav a');

    navLinks.forEach(link => {
        if (link.getAttribute('href') === currentPath) {
            link.classList.add('active');
        }
    });
}

// This function updates the background color and header title color based on the switch's state.
function updateBackgroundColor(isChecked) {
    const body = document.body;
    const headerTitle = document.querySelector('.header__title');

    if (isChecked) {
        body.style.backgroundColor = 'rgb(37, 31, 41)';
        document.cookie = "userTheme=dark; path=/"; // Store the theme preference in a cookie
        if (headerTitle) {
            headerTitle.style.color = 'white';
        }
    } else {
        body.style.backgroundColor = '#F0F8FF';
        document.cookie = "userTheme=light; path=/"; // Store the theme preference in a cookie
        if (headerTitle) {
            headerTitle.style.color = 'black';
        }
    }
}

// Ensure the setActiveLink function is called when the DOM is fully loaded
window.addEventListener('DOMContentLoaded', setActiveLink);

// Get URL parameters and check for specific view settings
document.addEventListener("DOMContentLoaded", function() {
    function getQueryParam(param) {
        var location = window.location.href;
        var params = new URLSearchParams(location.substring(location.indexOf('?')));
        return params.get(param);
    }
  
    if (getQueryParam('view') === 'signup') {
        document.getElementById('reg-log').checked = true;
    }
});