diff --git a/CLAUDE.md b/CLAUDE.md index b03f79d..7025faa 100644 --- a/CLAUDE.md +++ b/CLAUDE.md @@ -27,7 +27,7 @@ node src/scripts/banatie.mjs --type icon --prompt "golden star" --output assets/ src/ styles/main.css — Tailwind source with A4/print styles templates/space-base.html — Base template (layout/styling reference) - examples/space-worksheet.html — Finished 3-page example (output reference) + examples/space-worksheet2.html — Finished 3-page example (output reference) scripts/ generate-pdf.mjs — HTML → PDF via Puppeteer banatie.mjs — Banatie API client for image generation @@ -97,7 +97,7 @@ Each task is a JSON file in `tasks/` defining a multi-page document. See `tasks/ ## Space Base Template Base template: `src/templates/space-base.html` -Finished example: `src/examples/space-worksheet.html` (3-page output matching `tasks/space-exploration-1.json`) +Finished example: `src/examples/space-worksheet2.html` (3-page output matching `tasks/space-worksheet2.json`) The base template defines the visual design for all space-themed worksheets. The example shows a complete generated document. When generating a new worksheet, **read both files first**, then produce a new HTML with these variations: @@ -105,7 +105,7 @@ The base template defines the visual design for all space-themed worksheets. The 1. **Hero image** — pick one from `assets/hero-images/spaceship{1-6}.jpeg` 2. **Footer image** — pick one from `assets/footers/planet{1-6}.jpeg` -3. **Hero position** — set CSS variable `--hero-direction: row` (hero left) or `row-reverse` (hero right) +3. **Hero position** — use `flex-row-reverse` class (hero right) or default flex direction (hero left) on the header div 4. **Problem icons** — pick from `assets/icons/pack1/` (minerals and plants, any variant `{name}-{row}-{col}.png`). **Every icon must be unique across the entire document** (no repeats across pages). Shuffle minerals and plants together randomly — do not sort by type 5. **Problem alignment** — for each problem card, randomly assign `justify-start`, `justify-center`, or `justify-end` within its grid column. No repeating patterns — should look chaotic/scattered 6. **Title, subtitle, footer text** — set from the task description @@ -116,10 +116,11 @@ The base template defines the visual design for all space-themed worksheets. The - Page: `w-[210mm] h-[297mm]` white container - Footer: absolute bottom, `h-[80mm]`, with white-to-transparent fade on top. **No `overflow-hidden`** on footer container (causes 1px hairline artifact in PDF) - Footer bubble: absolute `bottom-[12mm]`, pill-shaped with semi-transparent white bg -- Content area: `px-[12mm] pt-[8mm] pb-[65mm]` flex column -- Header: hero image `w-[48%]` + title block centered -- Problems: `grid grid-cols-2 gap-x-3 gap-y-[8px]` — 20 problems total -- Each problem: pill card with 44px icon + `text-[1.2rem]` expression + `w-16` answer underline +- Content area: `px-[12mm] pt-[4mm] pb-[65mm]` flex column +- Header: hero image `w-[48%]` + title block centered, use `flex-row-reverse` for hero-right +- Footer gradient: `linear-gradient(to bottom, white 0%, rgba(255,255,255,0.6) 25%, transparent 50%)` with `h-full` +- Problems: `grid grid-cols-2 gap-x-3 gap-y-[3px]` — 20 problems total +- Each problem: 58px icon outside pill + `text-[1.2rem]` expression + `w-16` answer underline inside pill - Font: Nunito via Google Fonts - Uses Tailwind CDN (` + + + + Исследуй Планету + + + + + + +
+ +
+
+ +
+ +
+
+ Итого собрано на планете:   +
+
+ +
+ +
+ +
+

Исследуй Планету

+

Собери ресурсы, решая примеры!

+
+
+ +
+ +
+
+ +
+ 18 + 7 − 3 =   +
+
+
+ +
+
+ +
+ 15 − 9 + 4 =   +
+
+
+ +
+
+ +
+ 22 + 6 − 5 =   +
+
+
+ +
+
+ +
+ 12 − 8 + 2 =   +
+
+
+ +
+
+ +
+ 20 + 10 + 3 =   +
+
+
+ +
+
+ +
+ 16 − 7 − 4 =   +
+
+
+ +
+
+ +
+ 24 + 8 + 5 =   +
+
+
+ +
+
+ +
+ 14 − 6 + 3 =   +
+
+
+ +
+
+ +
+ 19 + 9 − 2 =   +
+
+
+ +
+
+ +
+ 13 − 10 + 5 =   +
+
+
+ +
+
+ +
+ 21 + 7 + 4 =   +
+
+
+ +
+
+ +
+ 17 − 8 − 3 =   +
+
+
+ +
+
+ +
+ 23 + 6 − 4 =   +
+
+
+ +
+
+ +
+ 12 + 10 − 5 =   +
+
+
+ +
+
+ +
+ 15 + 9 + 2 =   +
+
+
+ +
+
+ +
+ 20 − 7 + 3 =   +
+
+
+ +
+
+ +
+ 24 − 6 − 5 =   +
+
+
+ +
+
+ +
+ 18 + 8 − 2 =   +
+
+
+ +
+
+ +
+ 14 + 10 + 4 =   +
+
+
+ +
+
+ +
+ 16 − 9 + 5 =   +
+
+
+ +
+
+
+ + +
+ +
+
+ +
+ +
+
+ Итого собрано на планете:   +
+
+ +
+ +
+ +
+

Исследуй Планету

+

Собери ресурсы, решая примеры!

+
+
+ +
Посчитай пятёрками: 5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 55, 60 для зарядки расщепителя
+ +
+ +
+
+ +
+ 5 + 5 + 5 =   +
+
+
+ +
+
+ +
+ 5 × 7 =   +
+
+
+ +
+
+ +
+ 5 × 3 + 5 =   +
+
+
+ +
+
+ +
+ 5 + 5 =   +
+
+
+ +
+
+ +
+ 5 × 11 =   +
+
+
+ +
+
+ +
+ 5 × 5 − 5 =   +
+
+
+ +
+
+ +
+ 5 + 5 + 5 + 5 =   +
+
+
+ +
+
+ +
+ 5 × 9 =   +
+
+
+ +
+
+ +
+ 5 × 6 + 5 =   +
+
+
+ +
+
+ +
+ 5 × 2 =   +
+
+
+ +
+
+ +
+ 5 × 8 − 5 =   +
+
+
+ +
+
+ +
+ 5 × 4 =   +
+
+
+ +
+
+ +
+ 5 × 10 + 5 =   +
+
+
+ +
+
+ +
+ 5 + 5 + 5 =   +
+
+
+ +
+
+ +
+ 5 × 12 =   +
+
+
+ +
+
+ +
+ 5 × 3 − 5 =   +
+
+
+ +
+
+ +
+ 5 × 1 =   +
+
+
+ +
+
+ +
+ 5 × 7 − 5 =   +
+
+
+ +
+
+ +
+ 5 × 8 + 5 =   +
+
+
+ +
+
+ +
+ 5 × 6 =   +
+
+
+ +
+
+
+ + +
+ +
+
+ +
+ +
+
+ Итого собрано на планете:   +
+
+ +
+ +
+ +
+

Исследуй Планету

+

Собери ресурсы, решая примеры!

+
+
+ +
+ +
+
+ +
+ 3 × 2 + 2 × 1 =   +
+
+
+ +
+
+ +
+ 4 × 3 + 3 × 2 =   +
+
+
+ +
+
+ +
+ 2 × 1 + 3 × 1 =   +
+
+
+ +
+
+ +
+ 4 × 2 + 2 × 2 =   +
+
+
+ +
+
+ +
+ 3 × 3 + 2 × 1 =   +
+
+
+ +
+
+ +
+ 2 × 3 + 3 × 2 =   +
+
+
+ +
+
+ +
+ 4 × 1 + 2 × 2 =   +
+
+
+ +
+
+ +
+ 3 × 1 + 3 × 1 =   +
+
+
+ +
+
+ +
+ 4 × 3 + 2 × 1 =   +
+
+
+ +
+
+ +
+ 2 × 2 + 3 × 2 =   +
+
+
+ +
+
+ +
+ 3 × 3 + 3 × 2 =   +
+
+
+ +
+
+ +
+ 4 × 1 + 2 × 1 =   +
+
+
+ +
+
+ +
+ 2 × 3 + 2 × 2 =   +
+
+
+ +
+
+ +
+ 4 × 2 + 3 × 1 =   +
+
+
+ +
+
+ +
+ 3 × 1 + 2 × 2 =   +
+
+
+ +
+
+ +
+ 4 × 3 + 3 × 1 =   +
+
+
+ +
+
+ +
+ 2 × 1 + 2 × 1 =   +
+
+
+ +
+
+ +
+ 3 × 2 + 3 × 2 =   +
+
+
+ +
+
+ +
+ 4 × 2 + 2 × 1 =   +
+
+
+ +
+
+ +
+ 2 × 2 + 3 × 1 =   +
+
+
+ +
+
+
+ + + diff --git a/src/templates/space-base.html b/src/templates/space-base.html index e761a97..51d3fe0 100644 --- a/src/templates/space-base.html +++ b/src/templates/space-base.html @@ -19,18 +19,14 @@ -
+
-
+
@@ -40,9 +36,9 @@
-
+
-
+

Исследуй Планету

@@ -50,145 +46,41 @@
-
+
-
-
- - 5 × 3 + 8 =   +
+
+ +
+ 5 × 3 + 8 =   +
-
-
- - 7 × 4 − 6 =   +
+
+ +
+ 7 × 4 − 6 =   +
-
-
- - 3 × 6 + 5 =   +
+
+ +
+ 3 × 6 + 5 =   +
-
-
- - 8 × 2 + 3 =   -
-
- -
-
- - 4 × 5 − 7 =   -
-
- -
-
- - 6 × 3 + 9 =   -
-
- -
-
- - 9 × 2 − 4 =   -
-
- -
-
- - 7 × 3 + 2 =   -
-
- -
-
- - 2 × 8 + 6 =   -
-
- -
-
- - 5 × 4 − 3 =   -
-
- -
-
- - 3 × 7 + 4 =   -
-
- -
-
- - 9 × 3 − 5 =   -
-
- -
-
- - 4 × 6 + 7 =   -
-
- -
-
- - 8 × 3 − 9 =   -
-
- -
-
- - 6 × 4 + 2 =   -
-
- -
-
- - 7 × 2 + 8 =   -
-
- -
-
- - 2 × 9 − 3 =   -
-
- -
-
- - 5 × 5 + 4 =   -
-
- -
-
- - 3 × 8 − 6 =   -
-
- -
-
- - 4 × 7 + 5 =   +
+
+ +
+ 8 × 2 + 3 =   +