A cinematic-darkroom photography portfolio — near-black canvas, film grain, warm amber accents — showcasing 50+ curated photographs, with a built-in admin portal for publishing new work straight from the browser.
aatmaj28.github.io/PhotographyWebsite
- 🎞️ Cinematic Darkroom theme — full-bleed hero slideshow with slow crossfades and Ken Burns drift, animated film grain, elegant serif typography
- 🧱 True masonry gallery — photos keep their natural aspect ratios; order preserved left-to-right
- 🔍 Full lightbox — keyboard arrows, touch swipe, photo counter, titles & captions
- ⚡ Fast — all photos served as optimized JPEGs (full ≈1 MB, thumbnails ≈200 KB) with lazy loading; the grid loads ~8 MB instead of the original ~1.9 GB
- 📱 Fully responsive — including a proper mobile menu
- 🛠️ Admin portal (
/admin/) — drag & drop photos in the browser: they're compressed client-side and published to this repo in a single commit via the GitHub API. Edit titles/captions, reorder, toggle hero-featured, delete — no local tooling needed
├── index.html # The gallery site
├── css/style.css # Cinematic Darkroom theme
├── js/main.js # Gallery engine (masonry, hero, lightbox)
├── gallery.json # Manifest: photo order, titles, captions, hero flags
├── admin/index.html # Admin portal (GitHub-token gated)
└── images/
├── full/ # ~2000px lightbox/hero versions
├── thumbs/ # ~800px grid versions
└── profile.jpg # About-section portrait
- Open
/admin/and paste a fine-grained GitHub token (scoped to only this repo, Contents read/write). It's stored only in your browser. - Drop photos — each is resized/compressed in the browser (no originals leave your machine at full size), then committed atomically together with an updated
gallery.json. - GitHub Pages redeploys automatically; changes are live in ~1–2 minutes.
Aatmaj Amol Salunke
- 📧 aatmajsalunke@yahoo.com
- 🎓 Northeastern University, Boston
Made with ❤️ (and a lot of amber light) by Aatmaj Amol Salunke