{"repo":"tannerdolby/eleventy-photo-gallery","free":true,"listed":false,"github":"https://github.com/tannerdolby/eleventy-photo-gallery","clone":"git clone https://github.com/tannerdolby/eleventy-photo-gallery.git","description":"Starter site for creating a responsive image gallery using the Eleventy static site generator","language":"SCSS","stars":183,"topics":["eleventy","photo-gallery","11ty","template"],"license":"MIT","category":"media-processing","readme_excerpt":"Eleventy Photo Gallery A starter site for creating your own photo or art gallery using the Eleventy static site generator. - Live demo - View the project live - Deploy on Netlify - Host your own custom gallery Getting Started Quickly generate a highly performant photo gallery from this template by clicking the green Use Template button. Creating a template repository provides the same directory structure and files as the original project. Features - Build-time image transformations and responsive image markup in templates using @11ty/eleventy-img - High performance and scalable site with 100s across the board on each page using Lighthouse. Check it out on the Eleventy Leaderboards - Document metadata populated for social share functionality via eleventy-plugin-metagen - Home page with CSS grid displaying the gallery of images - Featured image pages with pagination - Gallery page - About me page - CSS preprocessor SCSS Local Setup 1. Clone this repo: git clone https://github.com/tannerdolby/eleventy-photo-gallery.git 2. Navigate to your local copy of the project: cd eleventy-photo-gallery 3. Install dependencies: npm install 4. Build: npm run build 5. Serve locally: npm run start or npm run dev Usage Add images to a folder such as images in your project and then supply an array of image metadata objects in a global data file data/gallery.json : Once the image data is supplied within the global data file data/gallery.json then the home page gallery images and featured image pag","default_branch":null,"files":null,"tree":[],"storefront":"/r/tannerdolby","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/tannerdolby/eleventy-photo-gallery/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}