Add image zoom and gallery functionality #55
Description
Feature Request
When clicking on images in blog posts (like in ai-journal), implement:
- Image Zoom: Clicking an image should open a larger/zoomed version
- Gallery Navigation: Allow navigating between multiple images in the same post
- Smooth UX: Include overlay/lightbox effect with close button
Current Behavior
- Images are static and don't respond to clicks
- No way to view images in larger size
- No gallery functionality for posts with multiple images
Desired Behavior
- Click image → Opens in lightbox/modal with zoom
- Arrow keys or buttons to navigate between images in same post
- Click outside or ESC to close
- Mobile-friendly touch gestures
Technical Considerations
- Should work with existing Jekyll/Markdown image syntax
- Minimize dependencies (consider vanilla JS or lightweight library)
- Preserve page performance
- Accessible (keyboard navigation, screen readers)
Examples
Similar to functionality seen on:
- Medium articles
- Documentation sites
- Photo blogs