Skip to content

Add slide background images with configurable sizing - #57

Merged
samuel-williams-shopify merged 1 commit into
mainfrom
slide-background-images
Oct 3, 2026
Merged

samuel-williams-shopify merged 1 commit into
mainfrom
slide-background-images

Conversation

@samuel-williams-shopify

Copy link
Copy Markdown
Contributor

Slides can now declare a background image in YAML front matter. The image fills the available display surface, including space outside the 16:9 content area, while content keeps its existing layout.

---
background: images/mountains.jpg
background-size: cover
---

background-size accepts cover (the default), contain, and auto. Images are centred and do not repeat. Relative URLs resolve from the slide's directory using the same resolution as Markdown images. An explicit image overrides the template background image or gradient.

The shared renderer supports display, presenter previews, recorder, playback, and PDF export. Transitions and export readiness wait for background decoding, and failed images do not block readiness. Includes documentation, regression tests, and regenerated browser packages.

Validation:

  • 332 Ruby tests and 33 JavaScript tests passed.
  • RuboCop passed for changed Ruby files and guides.
  • web:packages:check passed.
  • Headless Chrome checks passed for wide and tall displays, presenter and recorder previews, playback, all three sizing modes, template fallback, missing images, and PDF export.

@samuel-williams-shopify
samuel-williams-shopify merged commit 163bd84 into main Oct 3, 2026
29 checks passed
@samuel-williams-shopify
samuel-williams-shopify deleted the slide-background-images branch October 3, 2026 07:19
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant