Space Exploration Task Type

Math problem worksheets with space theme: hero images, footer panoramas, icon-decorated problem cards.

Base References

Base template: src/templates/space-base.html (layout/styling reference)
Example outputs in docs/ (existing worksheets serve as reference for new ones)

Hero image — from assets/hero-images/spaceship{1-9}.jpeg
Footer image — from assets/footers/planet{1-9}.jpeg
Hero position — flex-row-reverse (hero right) or default (hero left)
Problem icons — from assets/icons/pack1/ or pack2/. Every icon must be unique across the entire document (no repeats across pages). Shuffle minerals and plants randomly — do not sort by type
Problem alignment — randomly assign justify-start, justify-center, or justify-end per card. No patterns — should look chaotic/scattered
Problems — generate from the task description in the .md file

Page: w-[210mm] h-[297mm] white container
Footer: absolute bottom, h-[80mm], with white-to-transparent fade on top. No overflow-hidden on footer (causes 1px hairline artifact in PDF)
Footer bubble: absolute bottom-[12mm], pill-shaped with semi-transparent white bg
Content area: px-[12mm] pt-[4mm] pb-[65mm] flex column
Header: hero image w-[48%] + title block centered, 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