1#@!#!123s

��JFIF�� 1#@!#!123s
: / home / earnlouq / oxyield.live / includes /
Filename : footer.php
back
<script>
    let currentPage = 0;
    const pages = document.querySelectorAll('.intro-page');
    const indicators = document.querySelectorAll('.indicator');

    function showPage(pageIndex) {
        pages.forEach((page, index) => {
            if (index === pageIndex) {
                page.classList.add('active-page');
            } else {
                page.classList.remove('active-page');
            }
        });

        indicators.forEach((indicator, index) => {
            if (index === pageIndex) {
                indicator.classList.add('active-indicator');
            } else {
                indicator.classList.remove('active-indicator');
            }
        });
    }

    function nextPage() {
        currentPage++;
        if (currentPage >= pages.length) {
            currentPage = pages.length - 1;
        }
        showPage(currentPage);
    }

    function prevPage() {
        currentPage--;
        if (currentPage < 0) {
            currentPage = 0;
        }
        showPage(currentPage);
    }

    function goToPage(pageIndex) {
        if (pageIndex >= 0 && pageIndex < pages.length) {
            currentPage = pageIndex;
            showPage(currentPage);
        }
    }

    function finishIntro() {
        // Redirect to login page
        window.location.href = 'user/index.php';
    }

    function skipIntro() {
        // Redirect to login page
        window.location.href = 'user/index.php';
    }

    // Add event listeners to indicators for switching pages
indicators.forEach((indicator, index) => {
    indicator.addEventListener('click', () => {
        console.log('Clicked on indicator ' + index); // Debugging
        goToPage(index);
    });
});

// Ensure that the DOM is ready
document.addEventListener('DOMContentLoaded', function () {
    showPage(currentPage);
});
</script>





    <!-- JavaScript code to handle the splash screen and loading animation -->
    <script>
    document.addEventListener("DOMContentLoaded", function () {
        const splashScreen = document.getElementById("splash-screen");
        const onboardingPages = document.getElementById("onboarding-pages");

        // JavaScript code to animate the loading progress
        const loader = document.getElementById('loader');
        const loadingText = document.getElementById('loading-text');
        let progress = 0;
        const duration = 5000; // 5000 milliseconds (5 seconds)
        const increment = 1; // Increment value for each step
        const interval = duration / 100; // Interval for each animation step

        function animateProgress() {
            if (progress < 100) {
                progress += increment;
                loader.style.width = `${progress}%`;
                loadingText.textContent = `Loading... ${progress}%`;
                setTimeout(animateProgress, interval);
            } else {
                // Hide the splash screen after the loading animation completes
                setTimeout(function () {
                    splashScreen.style.display = "none";
                    onboardingPages.style.display = "block";
                }, 1000); // 1000 millisecond1 (1 seconds)
            }
        }

        animateProgress();
    });
</script>



</body>
</html>