Skip to content

Implement Auxiliary Pages (Collaborators, Events, Calendar) #17

@TKanX

Description

@TKanX

Description:

Build the remaining public-facing pages including the collaborators page with interactive map, group photo gallery organized by year with lightbox viewing, and Google Calendar integration for events.

Tasks:

  • Create src/app/(public)/collaborators/page.tsx with collaborator cards and map
  • Implement interactive map component (Leaflet or Mapbox) with location markers
  • Add collaborator filters (country, research area)
  • Link map markers to collaborator details in popup/sidebar
  • Create src/app/(public)/events/photos/page.tsx for group photo gallery
  • Organize photos by year with section headers
  • Implement grayscale to color hover effect on photos
  • Add Lightbox component for full-screen photo viewing with navigation
  • Create src/app/(public)/events/calendar/page.tsx with embedded Google Calendar
  • Make calendar responsive for mobile and desktop views
  • Implement lib/db/queries/collaborators.ts and lib/db/queries/photos.ts
  • Add proper metadata and SEO for all pages

Metadata

Metadata

Assignees

Labels

Projects

Status

Done

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions