A cinematic, immersive gallery showcasing high-quality drone footage of cities around the world.
index.html: Main application entry point containing structure and Tailwind CSS classes.script.js: Handles video data, grid rendering, filtering logic, and modal interactivity.
- Cinematic Design: Dark "Midnight Cinema" theme with electric blue accents.
- Responsive Grid: Automatically adjusts to screen size (mobile, tablet, desktop).
- Filtering: Filter footage by region (Asia, Europe, Americas) or type (Night Scapes).
- Video Modal: Immersive full-screen video player overlay.
- Micro-interactions: Hover effects, smooth transitions, and loading animations.
This is a static website. You can view it by opening index.html in any modern web browser.
No build step is required as Tailwind CSS is loaded via CDN for this prototype.
- Fonts: Inter (Google Fonts)
- Icons: Heroicons
- Placeholder Images: Picsum Photos