86 lines
2.9 KiB
JavaScript
86 lines
2.9 KiB
JavaScript
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 "";
|
|
}
|