chaulmark/deafmissoula-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
deafmissoula-website/cline_docs/activeContext.md

3.2 KiB
Raw Blame History

Active Context

Current Task

Completed: Created new Gallery page with photo grid and modal viewer

Recent Changes

  1. Created new Gallery component (Gallery.tsx):

    • Responsive photo grid layout (1-4 columns based on screen size)
    • Clickable images that enlarge in a modal viewer
    • Yellow text captions on red background with black border
    • Smooth animations using Framer Motion
    • Currently using board member headshots as placeholder images
    • Modal features: click outside to close, X button, spring animation
    • Maintains website's color scheme (#6B1631 red, yellow-400 text)
    • Added to navigation: "About MCDi" dropdown and mobile menu
    • Route added: /gallery

  2. Previous: Modified Header.tsx to display donation button on mobile:

    • Added permanent yellow donation button below hamburger menu on mobile devices
    • Button is always visible in the red header area (no need to open menu)
    • Removed duplicate donation button from inside mobile menu dropdown
    • Desktop view unchanged - button remains in top right corner
    • Mobile header now has extended height to accommodate the button
    • Button centered and properly styled with same appearance as desktop version

  3. Previous: Added 5 new events to eventData.ts:

    • December 13, 2025: Board Meeting at Liquid Planet at The Book Exchange (9-10 AM)
    • March 14, 2026: Board Meeting at TBD location (9-10 AM)
    • June 13, 2026: Board Meeting at TBD location (9-10 AM)
    • September 12, 2026: Board Meeting at TBD location (9-10 AM)
    • September 12, 2026: Annual Membership Meeting at TBD location (10-11 AM)
    • All events use Tessa Williams as contact (tessa.williams@deafmissoula.org)
    • Events will automatically appear in calendar view and upcoming events section

  4. Updated intro video:

    • Replaced mcdi-intro.mp4 with new version
    • Original video saved as mcdi-intro-old.mp4
    • Video component in Meet-Board.tsx already configured to work with new file
    • No code changes needed - video path remains /videos/mcdi-intro.mp4

  5. Previous completed work:

    • Added new meeting minutes for January 11, 2025 and March 8, 2025
    • Added 6.jpg to rotating photo carousel
    • Fixed CACHEBUST deployment issue with stack.env configuration
    • Updated email configuration for production server compatibility (port 2525)
    • All previous changes successfully deployed to production

Next Steps

  1. Wait for website owner to provide actual gallery photos
  2. Replace placeholder headshots with real gallery photos
  3. Update captions with appropriate descriptions
  4. Commit all changes (Gallery.tsx, App.tsx, Header.tsx) to Git
  5. Deploy changes through Portainer (pull and redeploy)
  6. Test gallery functionality on production (desktop and mobile)
  7. Consider adding video support to gallery in future

Solution Summary

  • Problem: Portainer repository deployments require stack.env file in Git repo
  • Solution: Created stack.env with CACHEBUST variable and updated docker-compose.yml
  • Future: Update CACHEBUST value in stack.env and push to force rebuilds

Technical Notes

  • Website uses React with TypeScript
  • Minutes component includes desktop/mobile viewing modes
  • Sorting functionality maintained for all columns
  • Minutes data ordered from newest (top) to oldest (bottom) in the source array