Add GitHub Pages media gallery with metadata-based browsing and copyable asset URLs

[Copilot]

This repo is now set up to act as a lightweight GitHub Pages media library for images and videos. The site discovers repository assets automatically, presents them in a gallery, and supports fast lookup by organization, project, and crew member for reuse in READMEs and Codespaces.

• Gallery UI

  • Adds a root index.html GitHub Pages entrypoint for browsing media assets.
  • Renders both images and videos as gallery cards with metadata, preview, and direct URL copy actions.
  • Includes accessible status/error states and video labeling.

• Repository-driven asset discovery

  • Loads the repository tree from the GitHub API at runtime instead of requiring a checked-in manifest.
  • Supports common image/video formats and builds asset URLs relative to the Pages site.

• Metadata-based organization

  • Derives gallery metadata from repository paths using the convention:
    Organization/Project/Crew Member/file.ext
  • Adds sorting and filtering controls for:
    • organization
    • project
    • crew member
    • filename

• Pages hosting setup

  • Adds .nojekyll so the repository can be served directly as a static GitHub Pages site.
  • Updates README.md to document the gallery behavior and expected storage layout.

Organization/Project/Crew Member/file.ext

Example:

Acme/Website/Jane Doe/hero-banner.png
Acme/Trailer/John Smith/launch-cut.mp4

These paths appear in the gallery as:

• Organization: Acme
• Project: Website / Trailer
• Crew Member: Jane Doe / John Smith

Original prompt

This repository will serve as a quick access image and video storage for GitHub pages. Set the repo up to show a gallery view of the uploaded images and videos, sortable by organization, project or Crew Member. Include a quick copy button to copy URL for pasting into readme files and codespaces.