Your browser does not support the audio element.
Submit
Est. 2012
For the cultre
Submit
Est. 2012 For the culture
Your browser does not support the audio element.
script> document.addEventListener("DOMContentLoaded", () => { const password = "letmein"; // change this const form = document.getElementById("pw-form"); const input = document.getElementById("pw-input"); const pwWrap = document.querySelector(".form-container"); const tagline = document.getElementById("tagline"); const audio = document.getElementById("radioPlayer"); const logoContainer = document.getElementById("radioLogo"); // Load Lottie const animation = lottie.loadAnimation({ container: logoContainer, renderer: "svg", loop: true, autoplay: false, path: "https://cdn.prod.website-files.com/6408a7dd8f29907d308dd2ba/68aecea8543c8b478da568de_Full%20Logo.json" }); let isPlaying = false; function unlock() { // Hide form, show tagline gsap.to(pwWrap, {opacity: 0, duration: 0.6, onComplete: () => pwWrap.style.display="none"}); gsap.to(tagline, {opacity: 1, duration: 0.8, delay: 0.3}); // Start music + animation audio.play().then(() => { animation.setSpeed(0.5); // ramp up effect animation.play(); setTimeout(() => animation.setSpeed(1), 1000); isPlaying = true; }).catch(err => { console.error("Audio play failed:", err); }); } // Form submit form.addEventListener("submit", (e) => { e.preventDefault(); if (input.value === password) { unlock(); } else { gsap.to(input, {x: -10, duration: 0.05, yoyo: true, repeat: 5}); } }); // Logo click toggle logoContainer.addEventListener("click", () => { if (isPlaying) { audio.pause(); animation.pause(); isPlaying = false; } else { audio.play().then(() => { animation.play(); isPlaying = true; }).catch(err => { console.error("Audio play failed:", err); }); } }); });
