//- Needs page, pageIndex

mixin timeline_page(page, pageIndex)
	section.timeline-page
		- const pageNumber = pageIndex + 1
		if pageNumber > 1
			header.page-number(id=`page-${pageNumber}`)
				span.number Page #{pageNumber}

		.timeline-inner
			- const suggestedSize = 260 //- from css :(
			each image in page
				- const thumbnail = image.getSuggestedThumbnail(suggestedSize) //- use this as the src in case there are problems with srcset
				a(href=`/p/${image.data.shortcode}`).sized-link
					img(src=thumbnail.src alt=image.getAlt() width=thumbnail.config_width height=thumbnail.config_height srcset=image.getSrcset() sizes=image.getSizes()).sized-image