Lesson view

Author: bhf

docs/src/assets/lesson-view.png

@@ -2,6 +2,7 @@
 import { Image } from 'astro:assets';
 import Layout from '../layouts/BlogPost.astro';
 import webViewer from '../assets/web-viewer.png';
+import lessonView from '../assets/lesson-view.png';
 ---
 
 <Layout
@@ -60,6 +61,19 @@ import webViewer from '../assets/web-viewer.png';
 		(upstream), not in the viewer code.
 	</p>
 
+	<Image
+		src={lessonView}
+		alt="A lesson page in the web viewer: the lesson prose on the left with an inline Mermaid diagram, a section outline for the module on the right, and previous and next lesson links at the foot of the page."
+		loading="lazy"
+	/>
+	<p>
+		Opening a lesson gives the same treatment one level down. The prose, the worked examples,
+		and the diagrams come from the lesson's Markdown file; the outline on the right is that
+		lesson's plan, section by section; and the links at the foot follow the sequence the
+		curriculum designer set. Everything on the page traces back to an artefact under
+		<code>courses/</code>.
+	</p>
+
 	<h2>Key properties</h2>
 	<ul>
 		<li><strong>Provider-agnostic</strong> — no model or vendor is pinned anywhere in the pipeline</li>