🔒 Premium Lesson Page

Summary Sidebar Lesson — Running Notes Beside the Video

A video lesson with a persistent sidebar that builds a running summary as the talk progresses, so students always have a parallel text track to follow along — pilots a commercial real-estate deal lab but the pattern fits any concept-dense lecture.

Best for: Concept-dense lessons where learners want a parallel text track to follow along — finance, science, leadership, and other lecture-heavy formats.

Live preview — scroll inside the frame to see the full page.

What it does

  • Video player on the main canvas — the lesson video stays anchored as the primary focus
  • Running summary sidebar — a vertical panel that adds new section headers and bullet points as the talk reaches each milestone
  • Section auto-advance — the active section in the sidebar highlights as the matching part of the video plays
  • Click-to-jump notes — tapping any sidebar bullet jumps the video to the moment that point was made
  • Final takeaway summary — by the end of the video, the sidebar reads as a tidy lesson recap students can save or copy
  • Mobile-friendly sticky summary — on small screens the sidebar reflows beneath the video and stays accessible

Best use cases

  • Finance and real estate — deal walk-throughs and investment lectures with a running takeaway list
  • Leadership and management — strategy lectures where students leave with a tidy frameworks list
  • Academic and research — long lectures where structured notes are part of the value
  • Science and engineering — concept-heavy explainers where staying oriented matters
  • Coaching and personal development — multi-part teachings where the sidebar acts as a workbook

What you can change with your DNA

When you run this through the remix skill, your CCOS DNA — brand, voice, audience — drives these decisions automatically:

  • Colors — slots for page background, video frame, sidebar surface, active-section highlight, and body text; pick a sidebar tone that reads as 'notes' rather than 'ad'
  • Fonts — a confident display font for the lesson title, a clean body font for the sidebar bullets, and an optional caption font for timestamps
  • Copy — lesson title, short summary, sidebar section headers, the bullet points that appear in each section, and the final takeaway list
  • Images — video thumbnail or poster, instructor headshot, and small icons indicating section type (definition, example, action)
  • Behavior — set the timecodes for when each sidebar section and bullet appears, decide whether students can copy or download the final summary, and choose how aggressive the auto-scroll is

How remixing works

From "swiped it" to "shipped it" in three steps.

01

Pick a remix

Browse the library, find one that fits — like this one.

02

Run it through your DNA

The remix skill uses your CCOS DNA to swap colors, fonts, copy, and structure so it lands as yours.

03

Ship it

Paste the finished HTML into Thinkific, Kajabi, WordPress, or any platform that takes embed code.