🎬 PortalPresenter Guide¶
Every page on this site can become a full-screen presentation — no PowerPoint needed. Here's how to use it.
Quick Start¶
- Open any learning page
- Click the ▶ Present button (bottom-right corner) or press P
- Use → arrow to advance (reveals content step-by-step)
- Press Esc to exit
Keyboard Shortcuts¶
| Key | Action |
|---|---|
| P | Enter presentation mode |
| → / Space | Next fragment or slide |
| ← | Previous slide |
| Home | Jump to first slide |
| End | Jump to last slide |
| F | Toggle fullscreen |
| O | Slide overview / picker |
| S | Open speaker notes (2nd screen) |
| L | Laser pointer |
| D | Drawing mode |
| W | Whiteboard / blackboard |
| E | Eraser |
| C | Clear annotations |
| X | Export to PDF |
| Esc | Exit (closes active tool first) |
Features¶
🧩 Build-Up Animations¶
Content reveals one element at a time — tables build row-by-row, lists appear step-by-step. This keeps your audience focused on what you're explaining right now.
🔍 Click to Zoom¶
Click any table, code block, diagram, or tip box to pop it out full-screen. Perfect for zooming into details during a live session. Press Esc or click outside to close.
📋 Slide Picker¶
Press O to see all slides as a grid. You can:
- Skip slides — uncheck the box to hide them
- Toggle elements — click ⚙️ to show/hide individual elements per slide
- Jump — click any slide card to jump directly to it
🖊️ Annotations¶
While presenting, press D to draw freehand, or use the toolbar for arrows, rectangles, and circles. Pick from 6 colours. Drawings persist per slide.
📝 Whiteboard¶
Press W to open a blank canvas for freehand explanations. Toggle between a dark blackboard and light whiteboard with the 🔄 button.
🎤 Presenter View¶
Press S to open a second window with:
- Current slide preview
- Speaker notes (auto-generated from page content)
- Next slide preview
- Elapsed timer
Drag this window to your second monitor for a classic presenter setup.
📄 PDF Export¶
Press X to export your presentation as a PDF. It respects any slides you've skipped or elements you've hidden via the picker.
🏢 Customer Branding¶
Page authors can add a client name to the title slide by adding this to the page frontmatter:
The title slide will then show "Prepared for Contoso Ltd".
Touch / Mobile¶
Swipe left or right to navigate slides on touch devices.
Tips¶
Best pages for presenting
Pages with headings (H2/H3), tables, code blocks, and admonitions create the best slides. The engine splits content automatically at each heading.
Practice with the picker
Before a session, press O to review all slides. Skip anything you don't need and customise the flow for your audience.