Are.na Channel Camera Roll v2.0

A simple HTML/JS/CSS template for creating a camera roll website that displays images from an Are.na channel with a fullscreen viewer.

Screenshots

Camera roll index (index.html)

Fullscreen mode when clicking on a thumbnail.

Features
- Responsive grid that adapts to different screen sizes
- Fullscreen image viewer with keyboard navigation
- Loads images progressively from Are.na API
- Automatically sets favicon from the first image
- Preloads several photos around the photo you are viewing
- Color rectangle placeholder while image loads
- Navigate on mobile with swipe gestures
- Add to home screen iOS support

Technical Details
- HTML, CSS, and JavaScript
- Uses the Are.na API to fetch images from a specified channel
- Loads all images from large channels
- Mobile design

Keyboard shortcuts
- Arrow keys to navigate between images
- Escape key to close the viewer