Demo Course · start here

Welcome to Demo Course.

A new course on the learning hub. This is a freshly scaffolded course: everything you see — the sidebar, the pager at the bottom, the footer — is built at load time by the shared platform chrome from one small file, manifest.js. The words on this page are yours to replace; the machinery around them is already done.

☺ Like you’re 10

Think of this course as a brand-new notebook that already has a table of contents, page numbers, and bookmarks built in. You only write the stories; the notebook keeps them organized. Add a story (a page), write one line in the contents list (a topics row), and the notebook does the rest.

What you just scaffolded

Two pages (this welcome page and your first lesson), a manifest.js describing the course, an accent-colored favicon, an empty content/flashcards.json, and a README.md with the authoring checklist. The lesson page demonstrates every content idiom the platform styles for you — callouts, code blocks with a copy button, and captioned schematics.

How authoring works

Every page ships only its <main class="content">; the shared engine (shared/js/site.js) reads window.COURSE from manifest.js and builds the rest. To add a page: copy templates/page.html in beside this one, fill in its placeholders, and add a matching row to the topics array in manifest.js — the order of that array is the sidebar and the prev/next pager. The README.md in this folder walks through the full checklist, including how to go live.

One file is the map: manifest.js. If a page isn’t in its topics array, the course doesn’t know it exists — and if a topics row has no file, the build script will tell you.
◆ Key idea

Courses on this platform are 100% static and self-contained: no build step to serve, no third-party requests, and all saved state (sidebar, progress) goes through Store.create("demo-course") so it never collides with other courses.