Customize cover motifs by content type

[bo-iliev]

Summary

Customizes the upper-right cover section for every generated content type while preserving the shared DevOps Daily visual system.

Content type	Purpose label	Motif
Post	ARTICLE / INSIGHT	Document
Guide	GUIDE / PATH	Compass
Exercise	EXERCISE / LAB	Terminal
News	NEWS / DIGEST	Newspaper
Advent	ADVENT / DAY	Calendar star
Quiz	QUIZ / CHALLENGE	Question prompt
Game	GAME / SIMULATOR	Game controller
Checklist	CHECKLIST / PROGRESS	Checked list
Interview	INTERVIEW / PREP	Conversation bubble
Comparison	COMPARE / DECIDE	A/B comparison
Flashcard	FLASHCARDS / RECALL	Stacked cards
Tool	TOOL / UTILITY	Controls/sliders

Long titles retain the existing safety behavior: when the title needs the right-hand area, the motif is omitted rather than allowing a collision. Explicit section-label overrides remain supported.

Regeneration

• Regenerated all 965 active covers from current main.
• Updated 14 retained SVG covers that content still references.
• Pruned 951 disposable SVG intermediates.

Verification

• 965/965 covers passed 1200×630 rendering and pixel-boundary title validation.
• 65/65 focused generator and OG tests passed.
• Production build generated 1,396/1,396 static pages successfully.
• Visually checked real guide cards at desktop and 390px mobile widths.
• Existing unrelated cards-against-devops default-export build warning remains unchanged.

[cloudflare-workers-and-pages]

Deploying devops-daily with    Cloudflare Pages

Latest commit:	8bedc4e
Status:	✅  Deploy successful!
Preview URL:	https://6bfaaf8c.devops-daily.pages.dev
Branch Preview URL:	https://codex-content-cover-motifs.devops-daily.pages.dev

View logs

[bo-iliev]

Visual review: content-specific cover motifs

These are live assets from the immutable Cloudflare deployment for commit 9524275.

Post · Document	Guide · Compass	Exercise · Terminal
News · Newspaper	Advent · Calendar	Quiz · Question
Game · Controller	Checklist · Checked list	Interview · Conversation
Comparison · A/B	Flashcards · Card stack	Tool · Sliders

• Browse the Guides cards
• Browse the News cards
• Open the immutable preview root

All 12 deployed samples were byte-matched against the committed files. GitHub tests, the production build, and Cloudflare Pages are green.

[bo-iliev]

Quiz motif refinement ✅

Adjusted the quiz artwork so the question-mark dot is fully contained inside its circle and the answer indicators have more breathing room.

• Regenerated all 44 quiz covers.
• All 44 passed rendered pixel-boundary validation.
• Focused renderer tests pass.
• Tests, production build, and Cloudflare Pages are green.

Updated live example

• Open the refined quiz cover directly
• Open the refreshed immutable preview

The deployed image was byte-matched against the committed asset for commit 2dd9f67.

[bo-iliev]

Final quiz motif and full regeneration ✅

The approved quiz cover now uses a contained multiple-choice card: question prompt, answer rows, and a selected answer. The artwork stays comfortably inside its motif box.

• Force-regenerated all 965 active covers across all 12 content types.
• Validated 965/965 generated cover files.
• Only the 44 quiz PNGs changed in this final pass; all 921 other covers were already byte-for-byte identical to their distinct content-type templates.
• Focused OG generation tests: 65/65 passed.
• GitHub tests and production build: passed.
• Cloudflare deployment for commit 8bedc4e: successful.
• The deployed AWS quiz PNG was byte-matched against the committed asset.

Open the live quiz cover · Open the immutable preview · Open the branch preview