Mixed Media Gallery Demo

Yes — a note can include a gallery/slider-style section using markdown + embedded media.

What this demo shows

• A hero image placeholder
• A mock mixed-media gallery section
• Examples of image, video, PDF, and external link embeds in one note

Generated placeholder image

Mixed media gallery mockup

Use these embeds together in a single note:

Image slide

PDF slide

{{file:https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf|Sample PDF|application/pdf}}

Video slide

{{file:https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.mp4|Sample Video|video/mp4}}

Downloadable file / asset tile

{{file:https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf|Brochure Download|application/pdf}}

External link tile

• Open Oppy

How it works

• Notes support markdown images directly.
• Notes also support file embeds using the {{file:url|name|mime}} format.
• That lets one note hold mixed media types.
• If you want a true swipeable slider UI, that depends on the frontend renderer for the note view. This note demonstrates the content structure that powers it.

Copy/paste starter block

# Gallery Demo

![Image](https://example.com/image.jpg)

{{file:https://example.com/video.mp4|Demo Video|video/mp4}}
{{file:https://example.com/brochure.pdf|Brochure|application/pdf}}
- [External Link](https://example.com)

Next iteration ideas

• Add 6–10 generated images for a fuller carousel
• Use branded thumbnails for each asset type
• Add captions under each media item
• Build a cleaner HTML-based custom slider note if you want a richer presentation