${escapeHtml(b)}

`).join(''); card.innerHTML = `

Slide ${i + 1}: ${escapeHtml(slide.title)}

${bulletsHtml}

$${escapeHtml(slide.image_theme)}$

`; container.appendChild(card); const image = currentMode === 'live' ? await getUnsplashImage(slide.image_theme, unsplashKey) : getPlaceholderImage(slide.image_theme); card.querySelector('.slide-image').src = image.url; card.querySelector('.slide-image-credit').textContent = image.credit; } } function escapeHtml(str) { const div = document.createElement('div'); div.textContent = str; return div.innerHTML; } // ---- Export (ported from export_to_markdown) ---- function exportToMarkdown(slides, topic) { let md = `# ${topic} - Pitch Deck\n\n`; for (const slide of slides) { md += `## ${slide.title}\n\n`; for (const bullet of slide.bullets) md += `- ${bullet}\n`; md += `\n*Image theme: ${slide.image_theme}*\n\n---\n\n`; } return md; } function downloadFile(content, filename, mimeType) { const blob = new Blob([content], { type: mimeType }); const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = filename; document.body.appendChild(a); a.click(); document.body.removeChild(a); URL.revokeObjectURL(url); } function exportMarkdown() { if (!currentSlides) return; downloadFile(exportToMarkdown(currentSlides, currentTopic), `${currentTopic.replace(/\s+/g, '_')}_deck.md`, 'text/markdown'); } function exportJson() { if (!currentSlides) return; downloadFile(JSON.stringify(currentSlides, null, 2), `${currentTopic.replace(/\s+/g, '_')}_deck.json`, 'application/json'); } // ---- Main ---- async function generateDeck() { const topic = document.getElementById('topic').value.trim(); const style = document.getElementById('styleSelect').value; const generateBtn = document.getElementById('generateBtn'); if (!topic) { showStatus('error', 'Enter a topic first.'); return; } const anthropicKey = document.getElementById('anthropicKey').value.trim(); const unsplashKey = document.getElementById('unsplashKey').value.trim(); if (currentMode === 'live' && !anthropicKey) { showStatus('error', 'Live mode needs an Anthropic API key — or switch to Mock mode.'); return; } generateBtn.disabled = true; document.getElementById('exportRow').style.display = 'none'; document.getElementById('realityCheck').style.display = 'none'; document.getElementById('slides').innerHTML = ''; showStatus('loading', currentMode === 'live' ? 'Asking Claude to generate your deck…' : 'Generating your mock deck…'); try { const slides = currentMode === 'live' ? await generateSlidesClaude(topic, style, anthropicKey) : generateMockSlides(topic, style); currentSlides = slides; currentTopic = topic; await renderSlides(slides, unsplashKey); showStatus('success', `Generated ${slides.length} slides successfully.`); document.getElementById('exportRow').style.display = 'flex'; document.getElementById('realityCheck').style.display = 'block'; } catch (e) { showStatus('error', e.message || 'Something went wrong. Try again.'); } finally { generateBtn.disabled = false; } }

🚀 AI Pitch Deck Generator