🎤 Speaker Notes Controller

This tool creates two separate windows for your presentation:

📺 For Zoom Screen Sharing: After setup, you'll get a clean presentation window. In Zoom, choose "Share a portion of screen" or "Share specific window" and select only the presentation window (not this notes window).

📂 Saved Presentations

📚 Presentation Creation Guide 📝 Speaker Notes Guide
📋 Example HTML Template 
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>My Presentation</title>
    <style>
        .workshop-slide { 
            min-height: 100vh; 
            padding: 60px; 
            display: flex; 
            align-items: center; 
            justify-content: center; 
        }
        .slide-hero { background: #667eea; color: white; }
        .slide-dark { background: #2c3e50; color: white; }
        .slide-light { background: #f8f9fa; color: #333; }
    </style>
</head>
<body>
    <section class="workshop-slide slide-hero" id="intro">
        <div class="time-marker">0</div>
        <h1>Welcome</h1>
    </section>
    
    <section class="workshop-slide slide-dark" id="main">
        <div class="time-marker">5</div>
        <h2>Main Content</h2>
    </section>
</body>
</html>
📝 Example Speaker Notes 
## Slide 1: Welcome
- Greet the audience
- Introduce yourself
- **Set expectations** for the presentation

Key points:
- Main topic overview
- Duration: 30 minutes
- Q&A at the end

---

## Slide 2: Main Content
- Present core concepts
- Use examples
- Engage with questions

**Remember:** Keep energy high!

Timing: 5-7 minutes
Or import notes from file

📄 Import Speaker Notes

Paste your notes below or load from file. Use '---' to separate notes for different slides.