On Premise
//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));