// The numbers are Unsplash It picture IDs
- var pics = [
- 1, 20, 635, 42,
- 180, 625, 201, 7,
- 48, 180, 534, 24
- ]
// Loop all pictures and print checkboxes and lightboxes for them
- var pic_id = 0
- each pic in pics
- pic_id++
input(type="checkbox", id="pic-#{pic_id}")
label.lightbox(for="pic-#{pic_id}")
img(src="//unsplash.it/800/600?image=#{pic}")
.grid
// Loop all pictures and print the actual images
- var pic_id = 0
- each pic in pics
- pic_id++
label.grid-item(for="pic-#{pic_id}")
img(src="//unsplash.it/400/300?image=#{pic}")