66 lines
3.2 KiB
Markdown
66 lines
3.2 KiB
Markdown
# 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
|
|
|
|
2. 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
|
|
|
|
2. 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
|
|
|
|
2. 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
|