Examples
Media gallery module
Split or unified media gallery patterns with no-JS-safe content rendering.
Photos
Photos are intentionally split from videos for parity with sites that use distinct sections.
Media note
Media shown here are examples and may include non-adoptable dogs. Use this optional notice for context/disclaimers.
Browse photos and videos, and open any image for a closer look.
Videos
Videos are rendered in their own gallery section.
Volunteer Day Recap
Short recap from the latest volunteer and enrichment day.
Foster Update
Progress update from a temporary foster placement.
Browse photos and videos, and open any image for a closer look.
Media gallery (unified variant)
Use unified mode when photos and videos should appear in one section.
Foster Update
Progress update from a temporary foster placement.
Volunteer Day Recap
Short recap from the latest volunteer and enrichment day.
Browse photos and videos, and open any image for a closer look.
Media gallery (empty state)
Unified photo + video gallery with optional filtering.
Validation checklist
- Photos and videos render without JavaScript.
- Filter controls are optional and only enhance browsing behavior.
- Photo lightbox is optional and must not replace direct media links.
- Lightbox supports previous/next navigation via on-screen controls and keyboard arrows.
- Empty-state copy is visible when no media items are provided.
- Optional shuffle/limits/info/social blocks can be enabled per page.