SYNDi Online Logo

Welcome back

Email Address
Password

Forgot password?

Create an account Learn more about SYNDi Online
//function setupVanta() { // if (window.innerWidth > 768) { // Load Vanta for screens wider than 768px (tablets and desktops) // const rnd = Math.floor(Math.random() * 3); // let vantaEffect; // switch (rnd) { // case 0: // vantaEffect = VANTA.NET({ // el: "#bganimate", // mouseControls: true, // touchControls: true, // gyroControls: false, // minHeight: 200.00, // minWidth: 200.00, // scale: 1.00, // scaleMobile: 0.7, // Adjusted for potentially better mobile performance if still loaded // color: 0xd8f2, // points: 8.00, // maxDistance: 24.00 // }); // break; // case 1: // vantaEffect = VANTA.GLOBE({ // el: "#bganimate", // mouseControls: true, // touchControls: true, // gyroControls: false, // minHeight: 200.00, // minWidth: 200.00, // scale: 1.00, // scaleMobile: 0.7, // Adjusted // color: 0x9ee8 // }); // break; // case 2: // vantaEffect = VANTA.WAVES({ // el: "#bganimate", // mouseControls: true, // touchControls: true, // gyroControls: false, // minHeight: 200.00, // minWidth: 200.00, // scale: 1.00, // scaleMobile: 0.7, // Adjusted // waveSpeed: 0.50 // }); // break; // default: // vantaEffect = VANTA.NET({ // el: "#bganimate", // mouseControls: true, // touchControls: true, // gyroControls: false, // minHeight: 200.00, // minWidth: 200.00, // scale: 1.00, // scaleMobile: 0.7, // Adjusted // color: 0xd8f2, // points: 8.00, // maxDistance: 24.00 // }); // break; // } // } else { // // On smaller screens, apply a fallback static background to #bganimate // const bgAnimateElement = document.getElementById('bganimate'); // if (bgAnimateElement) { // // Ensure the column is visible and takes up space // bgAnimateElement.style.height = '100%'; // Changed from minHeight: 100vh // bgAnimateElement.style.background = '#23153C'; // Fallback color from body // } // } //} //window.addEventListener('load', setupVanta); //// Optional: Debounce function to limit how often a function can run. //// function debounce(func, wait, immediate) { //// var timeout; //// return function() { //// var context = this, args = arguments; //// var later = function() { //// timeout = null; //// if (!immediate) func.apply(context, args); //// }; //// var callNow = immediate && !timeout; //// clearTimeout(timeout); //// timeout = setTimeout(later, wait); //// if (callNow) func.apply(context, args); //// }; //// }; //// Consider adding resize listener if dynamic switching is needed without page reload //// window.addEventListener('resize', debounce(setupVanta, 250));