Welcome! These pages are written for instructors — anyone who wants to add a lesson to the Interactive Primer. This little corner of the tree is a worked set of examples you can read, copy, and adapt.

Every lesson is a single, self-contained .html file under concepts/. There is no build step: you write a page, drop it in the folder, and it works. The look-and-feel, the page header, the progress controls, and the navigation map are all added for you.

One tree of knowledge

Concepts form a tree (technically a DAG): each concept names the concepts it has as prerequisites, and that's the only structure the Primer needs. From those links it works out a learning order, an implied level for every concept, and the little three-column map you can see at the top and bottom of this page.

This page hangs directly off the root of the tree, and the Authoring Quizzes page lists this page as its prerequisite — so the map shows the root on the left and Quizzes on the right. Hover any node in the map to trace the connections.

What you can put on a page

Inside your content you have a small set of building blocks:

• Cards — each chunk of content is a <primer-card>.
• Mathematics — <primer-math> typesets LaTeX, inline like a^2 + b^2 = c^2 or as a centred block:

• Animations — <primer-manim> plays a narrated diagram on a Play button (see the Pythagorean Theorem).
• Quizzes — <primer-quiz> builds a test from questions you author inline. That's the next page: Authoring Quizzes.

A self-attested confidence rating (the stars below) is added to every page automatically — learners use it to tell the Primer how they're doing.