Managing the Media page
The /media page is a curated photo gallery. It doesn’t pull every image from disk — every photo on /media has metadata (alt text + an optional description used for caption + photographer credit) attached at its source.
Where photos come from
Each Media-page accordion sources from a different content collection:
| Accordion | Source | What you edit to add a photo there |
|---|---|---|
| Events | The Events collection | Edit the event → upload a cover photo. Inline <Img /> blocks in the event body are also pulled in (each has its own displayInMedia toggle, default on). |
| Projects | The Projects collection | Edit the project → upload a cover photo. Inline <Img /> blocks in the project body are also pulled in (each has its own displayInMedia toggle, default on). |
| Hero Images | The Hero Slides collection + Events / Projects / Sponsors / Contact / Media page-header singletons | Combines the landing-page hero carousel with each subpage’s hero banner. Hero slides appear when their displayInMedia toggle is on; page heroes appear when their imageDisplayInMedia toggle is on (both default on). The slide’s / hero’s shownText (corner overlay) doubles as the /media caption. |
| What is BEARS | The “What is BEARS” landing singleton | Each carousel image has displayInMedia (default on). |
| About Us | About Us page-header + “Our Mission” section singletons + the People collection | Page hero plus the “Our Mission” section image, followed by the Faces of BEARS roster (one combined accordion because Faces of BEARS lives on the About Us page). Page-level images each have their own imageDisplayInMedia toggle (default on); the about-us hero uses shownText as the /media caption while the our-mission section image uses imageDescription. People appear when their per-person showInFaces toggle is on (default off — opt-in consent toggle that gates both Faces of BEARS and the Media accordion). People without a portrait image are skipped. See Managing People. |
Adding a photo to /media
For events and projects, the cover image always appears in the matching /media accordion. Use coverImageDescription to add a caption + credit (one field, multiline — e.g. "Group photo — © 2025 Jane Doe"). To feature more photos from the same event/project on /media, embed them inside the post’s body with the Image block in the editor — each block prompts for the photo, alt text, an optional description (caption + credit), and a per-image Show on the Media page toggle (default on, flip off to keep that body image post-only).
For hero slides and every page-header hero (about-us, events, projects, sponsors, contact, media titles), the existing shownText field serves double duty: corner-overlay text on the page itself plus the caption strip on /media. For the “What is BEARS” carousel and the about-us “Our Mission” section, fill in the per-item description / imageDescription. displayInMedia (or imageDisplayInMedia) on each defaults to on.
What shows on the page
Each photo on /media renders with:
- The image
- A small gradient strip at the bottom with the description text (multi-line supported) when set
- A click-to-enlarge modal that shows the full-resolution image with the same description text underneath
If no description is set, the image renders cleanly with no strip.
Hiding a single photo
Each per-image source has a checkbox you can flip off:
- Hero slides →
displayInMedia(default on) - What is BEARS carousel →
displayInMediaper item (default on) - Subpage hero banners + About Us hero + “Our Mission” section →
imageDisplayInMediaper singleton (default on) - Inline
<Img />body images →displayInMediaper image (default on; flipping off keeps the image inside the post but hides it from /media) - People →
showInFaces(default off; doubles as the consent toggle for Faces of BEARS)
Event and project covers always appear on /media — to keep an event/project off the page entirely, mark its isDraft: true (which hides it everywhere).
To hide an entire category, edit the Media categories singleton in the admin (one per locale) and remove that category from the mediaCategories list.
Hiding the whole page
The Media — segments singleton has a showMediaPage toggle. Flip it off to make /media 404 and remove the Media link from the footer.