Spaces:

Fazbeeer
/

mindmaster-vr-arena-clone

Running

Promote version bbe1f66 to main

fcbe0a7 verified 10 months ago

3.54 kB

// Shared JavaScript across all pages
document.addEventListener('DOMContentLoaded', () => {
    // Handle support form submission
    const supportForm = document.getElementById('supportForm');
    if (supportForm) {
        supportForm.addEventListener('submit', function(e) {
            e.preventDefault();
            
            const formData = {
                name: document.getElementById('name').value,
                email: document.getElementById('email').value,
                phone: document.getElementById('phone').value,
                message: document.getElementById('message').value,
                urgent: document.getElementById('urgent').checked
            };
            
            // In a real implementation, you would send formData to your backend
            console.log('Support request submitted:', formData);
            
            // Show success message
            const successMsg = document.getElementById('formSuccess');
            if (successMsg) {
                successMsg.classList.remove('hidden');
                supportForm.reset();
                successMsg.scrollIntoView({ behavior: 'smooth' });
                
                // Hide after 5 seconds
                setTimeout(() => {
                    successMsg.classList.add('hidden');
                }, 5000);
            }
        });
    }

    // Load Google Translate iframe styles
const loadTranslateStyles = () => {
        const iframe = document.querySelector('.goog-te-menu-frame');
        if (!iframe) return;
        
        const iframeDoc = iframe.contentDocument || iframe.contentWindow.document;
        const style = iframeDoc.createElement('style');
        style.textContent = `
            .goog-te-menu2 {
                font-family: 'Montserrat', sans-serif !important;
                background-color: #111827 !important;
                border: 1px solid #e3b341 !important;
            }
            .goog-te-menu2-item div, .goog-te-menu2-item-selected div {
                color: white !important;
                padding: 8px 16px !important;
            }
            .goog-te-menu2-item-selected {
                background-color: rgba(227, 179, 65, 0.2) !important;
            }
            .goog-te-menu2-item:hover {
                background-color: rgba(227, 179, 65, 0.1) !important;
            }
        `;
        iframeDoc.head.appendChild(style);
    };

    // Check for Google Translate iframe periodically
    const translateInterval = setInterval(() => {
        if (document.querySelector('.goog-te-menu-frame')) {
            loadTranslateStyles();
            clearInterval(translateInterval);
        }
    }, 100);

// Create twinkling stars
    const starsCount = 200;
    for (let i = 0; i < starsCount; i++) {
        const star = document.createElement('div');
        star.className = 'star';
        star.style.width = `${Math.random() * 3 + 1}px`;
        star.style.height = star.style.width;
        star.style.left = `${Math.random() * 100}%`;
        star.style.top = `${Math.random() * 100}%`;
        star.style.animationDelay = `${Math.random() * 3}s`;
        document.body.appendChild(star);
    }
// Smooth scrolling for anchor links
    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
        anchor.addEventListener('click', function (e) {
            e.preventDefault();
            document.querySelector(this.getAttribute('href')).scrollIntoView({
                behavior: 'smooth'
            });
        });
    });
});


	// Shared JavaScript across all pages
	document.addEventListener('DOMContentLoaded', () => {
	// Handle support form submission
	const supportForm = document.getElementById('supportForm');
	if (supportForm) {
	supportForm.addEventListener('submit', function(e) {
	e.preventDefault();

	const formData = {
	name: document.getElementById('name').value,
	email: document.getElementById('email').value,
	phone: document.getElementById('phone').value,
	message: document.getElementById('message').value,
	urgent: document.getElementById('urgent').checked
	};

	// In a real implementation, you would send formData to your backend
	console.log('Support request submitted:', formData);

	// Show success message
	const successMsg = document.getElementById('formSuccess');
	if (successMsg) {
	successMsg.classList.remove('hidden');
	supportForm.reset();
	successMsg.scrollIntoView({ behavior: 'smooth' });

	// Hide after 5 seconds
	setTimeout(() => {
	successMsg.classList.add('hidden');
	}, 5000);
	}
	});
	}

	// Load Google Translate iframe styles
	const loadTranslateStyles = () => {
	const iframe = document.querySelector('.goog-te-menu-frame');
	if (!iframe) return;

	const iframeDoc = iframe.contentDocument \|\| iframe.contentWindow.document;
	const style = iframeDoc.createElement('style');
	style.textContent = `
	.goog-te-menu2 {
	font-family: 'Montserrat', sans-serif !important;
	background-color: #111827 !important;
	border: 1px solid #e3b341 !important;
	}
	.goog-te-menu2-item div, .goog-te-menu2-item-selected div {
	color: white !important;
	padding: 8px 16px !important;
	}
	.goog-te-menu2-item-selected {
	background-color: rgba(227, 179, 65, 0.2) !important;
	}
	.goog-te-menu2-item:hover {
	background-color: rgba(227, 179, 65, 0.1) !important;
	}
	`;
	iframeDoc.head.appendChild(style);
	};

	// Check for Google Translate iframe periodically
	const translateInterval = setInterval(() => {
	if (document.querySelector('.goog-te-menu-frame')) {
	loadTranslateStyles();
	clearInterval(translateInterval);
	}
	}, 100);

	// Create twinkling stars
	const starsCount = 200;
	for (let i = 0; i < starsCount; i++) {
	const star = document.createElement('div');
	star.className = 'star';
	star.style.width = `${Math.random() * 3 + 1}px`;
	star.style.height = star.style.width;
	star.style.left = `${Math.random() * 100}%`;
	star.style.top = `${Math.random() * 100}%`;
	star.style.animationDelay = `${Math.random() * 3}s`;
	document.body.appendChild(star);
	}
	// Smooth scrolling for anchor links
	document.querySelectorAll('a[href^="#"]').forEach(anchor => {
	anchor.addEventListener('click', function (e) {
	e.preventDefault();
	document.querySelector(this.getAttribute('href')).scrollIntoView({
	behavior: 'smooth'
	});
	});
	});
	});