https://wooarc.org wooarc Fri, 18 Mar 2022 07:38:22 +0000 https://wooarc.org en https://wooarc.org/home Fri, 18 Mar 2022 07:38:22 +0000 wooarc https://wooarc.org/home Landing Page .full-page-backdrop { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background-size: cover; background-position: center; } /* Add classes for each background image */ .bg-1 { background-image: url('https://files.cargocollective.com/c1435324/YMCA.jpg'); } .bg-2 { background-image: url('https://files.cargocollective.com/c1435324/Geminus-01.jpg'); } .bg-3 { background-image: url('https://files.cargocollective.com/c1435324/ferrous-futures-02.jpg'); } .bg-5 { background-image: url('https://files.cargocollective.com/c1435324/bostonian-theater.jpg'); } .bg-6 { background-image: url('https://files.cargocollective.com/c1435324/archivology-front.jpg'); } .bg-7 { background-image: url('https://files.cargocollective.com/c1435324/fablab-1.jpg'); } .bg-8 { background-image: url('https://files.cargocollective.com/c1435324/ymca-2.jpg'); } .bg-9 { background-image: url('https://files.cargocollective.com/c1435324/ymca-3.jpg'); } .bg-10 { background-image: url('https://files.cargocollective.com/c1435324/bostonian-theater-02.jpg'); } .bg-11 { background-image: url('https://files.cargocollective.com/c1435324/maatmuseum-front.jpg'); } // Array of background images and their properties var backgrounds = [ { class: 'bg-1', isDark: true }, { class: 'bg-2', isDark: false }, { class: 'bg-3', isDark: false }, { class: 'bg-5', isDark: true }, { class: 'bg-6', isDark: true }, { class: 'bg-7', isDark: true }, { class: 'bg-8', isDark: true }, { class: 'bg-9', isDark: true }, { class: 'bg-10', isDark: true }, { class: 'bg-11', isDark: false } ]; // Function to set random background function setRandomBackground() { var randomBg = backgrounds[Math.floor(Math.random() * backgrounds.length)]; var backdrop = document.getElementById('full-page-backdrop'); backdrop.className = 'full-page-backdrop ' + randomBg.class; if (randomBg.isDark) { document.body.classList.add('dark-background'); } else { document.body.classList.remove('dark-background'); } } // Set random background on page load setRandomBackground(); // Remove dark-background class when navigating away document.addEventListener('click', function(e) { if (e.target.tagName === 'A' && e.target.getAttribute('href') !== '#') { document.body.classList.remove('dark-background'); } });