diff --git a/app.js b/app.js index 2c9b5ec..5cf3b44 100644 --- a/app.js +++ b/app.js @@ -2719,6 +2719,24 @@ document.getElementById('audio-toggle').addEventListener('click', () => { } }); +// Podcast toggle +document.getElementById('podcast-toggle').addEventListener('click', async () => { + try { + const response = await fetch('SOUL.md'); + if (!response.ok) throw new Error('Failed to load SOUL.md'); + const text = await response.text(); + const utterance = new SpeechSynthesisUtterance(text); + utterance.lang = 'en-US'; + utterance.rate = 0.9; + utterance.pitch = 0.9; + utterance.volume = 1.0; + speechSynthesis.speak(utterance); + } catch (err) { + console.error('Failed to load or play SOUL.md:', err); + alert('Could not load SOUL.md for audio playback.'); + } +}); + // === DEBUG MODE === let debugMode = false; diff --git a/style.css b/style.css index 614605c..abd1455 100644 --- a/style.css +++ b/style.css @@ -81,6 +81,19 @@ canvas { transition: background-color 0.2s ease; } +#podcast-toggle { + margin-left: 8px; + background-color: var(--color-accent); + color: var(--color-bg); + padding: 4px 8px; + border: none; + border-radius: 4px; + font-size: 12px; + cursor: pointer; + font-family: var(--font-body); + transition: background-color 0.2s ease; +} + #export-session:hover { background-color: var(--color-primary); color: var(--color-bg);