diff --git a/app.js b/app.js index 24c4e96..c2e13c5 100644 --- a/app.js +++ b/app.js @@ -2172,6 +2172,23 @@ document.getElementById('audio-toggle').addEventListener('click', () => { } }); +// Podcast toggle +const podcastAudio = new Audio('soul-podcast.mp3'); +const podcastToggle = document.getElementById('podcast-toggle'); +let podcastPlaying = false; + +podcastToggle.addEventListener('click', () => { + if (podcastPlaying) { + podcastAudio.pause(); + podcastToggle.textContent = '🎧'; + podcastPlaying = false; + } else { + podcastAudio.play().catch(() => {}); + podcastToggle.textContent = '🔊'; + podcastPlaying = true; + } +}); + // === DEBUG MODE === let debugMode = false; diff --git a/index.html b/index.html index 7625932..d2ec3a6 100644 --- a/index.html +++ b/index.html @@ -33,6 +33,9 @@ + diff --git a/style.css b/style.css index 0d5df96..0ec512c 100644 --- a/style.css +++ b/style.css @@ -62,6 +62,11 @@ canvas { background-color: var(--color-text-muted); } +#podcast-toggle { + background-color: var(--color-accent); + color: var(--color-bg); +} + /* === DEBUG MODE === */ #debug-toggle { margin-left: 8px;