Lesson Decks

What Lesson Decks do

Lesson Decks let you create multi-page markdown-based lessons. Participants navigate pages at their own pace.

There is no live host control. Share the link and learners click through the content independently.

List page

• Create lesson deck (title + optional tags)
• Search by title/tag
• Sort by name or created date
• See page count per deck card
• Edit metadata from list

Detail workspace

Two-column editor layout:

Left column

• Deck settings (title, tags, save button)
• Pages panel with Add Page button
• Page list with Edit, Move Up, Move Down controls

Right column (Page Editor)

• Code / Preview toggle tabs
• Page header input
• Asset upload (click or drag-and-drop): images, PDFs, and other files are stored and inserted as markdown links at the cursor position
• Markdown body textarea
• Save Page and Delete Page buttons

Markdown is rendered using marked.js with DOMPurify for safe HTML output.

Participant display

Layout:

• Header with deck title and page counter
• Left rail listing all page headers
• Main content area with rendered markdown
• Bottom Previous/Next navigation

Supports all markdown formatting: headings, lists, links, images, code blocks, and embedded content.

Keyboard arrow keys work for navigation.

Session step

Lesson Decks can be added as a step type in Sessions using the lesson_deck type. When pushed as a session step, the lesson deck loads inside the session display.

Typical host sequence

1. Create a lesson deck.
2. Add pages with headers and markdown content.
3. Upload and insert images or PDFs as needed.
4. Reorder pages using Up/Down controls.
5. Preview rendered output using the Preview tab.
6. Share the lesson deck link with participants.
7. Optionally add the deck as a step in a Session playlist.