bibliogram/src/site/pug/includes/timeline_page.pug

17 lines
786 B
Plaintext

//- 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.getSuggestedThumbnailP(suggestedSize) //- use this as the src in case there are problems with srcset
a(href=`/p/${image.data.shortcode}` data-shortcode=image.data.shortcode).sized-link
//- using config_width twice because the proxy makes it square
img(src=thumbnail.src alt=image.getAlt() width=thumbnail.config_width height=thumbnail.config_width srcset=image.getThumbnailSrcsetP() sizes=image.getThumbnailSizes()).sized-image