add screenshots

README.md

@@ -1,4 +1,4 @@
-# FunPen
+# Math Tasks for kids
 
 Print-ready A4 math worksheets for children aged 6–10, built as HTML and rendered to PDF.
 
@@ -9,7 +9,31 @@ a route. The math is ordinary; the wrapping is what makes a child pick the page
 This repository is the authoring system behind them: a template pipeline, a set of
 in-browser visual editors, and a deterministic HTML → PDF renderer.
 
-<!-- GALLERY -->
+## Worksheets
+
+One page from each document — the full PDFs are in [`output/pdf/`](output/pdf/).
+
+| Collecting Asteroids | Cargo Filling | Asteroid Splitting |
+|:---:|:---:|:---:|
+| <img src="docs/screenshots/collecting-asteroids-1.jpg" width="250"> | <img src="docs/screenshots/cargo-filling-1.jpg" width="250"> | <img src="docs/screenshots/asteroid-splitting-1.jpg" width="250"> |
+| Match asteroids to ships by weight sum | Fill a hold to exactly 10 | Split N into two unequal parts |
+
+| Space Route | Space Exploration | Space Coloring |
+|:---:|:---:|:---:|
+| <img src="docs/screenshots/space-route-1.jpg" width="250"> | <img src="docs/screenshots/space-exploration-4.jpg" width="250"> | <img src="docs/screenshots/space-coloring-1.jpg" width="250"> |
+| Route a hex graph under arithmetic constraints | Problem cards over a hero scene | Full-page line art |
+
+<details>
+<summary>More documents of the same types</summary>
+
+| | | |
+|:---:|:---:|:---:|
+| <img src="docs/screenshots/collecting-asteroids-2.jpg" width="220"> | <img src="docs/screenshots/collecting-asteroids-3.jpg" width="220"> | <img src="docs/screenshots/collecting-asteroids-4.jpg" width="220"> |
+| `collecting-asteroids-2` | `collecting-asteroids-3` | `collecting-asteroids-4` |
+| <img src="docs/screenshots/cargo-filling-2.jpg" width="220"> | <img src="docs/screenshots/space-worksheet2.jpg" width="220"> | <img src="docs/screenshots/space-worksheet3.jpg" width="220"> |
+| `cargo-filling-2` | `space-worksheet2` | `space-worksheet3` |
+
+</details>
 
 ---