RSS

src/site/pug/includes/image.pug

@@ -1,5 +0,0 @@
-mixin image(url)
-	-
-		let params = new URLSearchParams()
-		params.set("url", url)
-	img(src="/imageproxy?"+params.toString())&attributes(attributes)

src/site/pug/includes/timeline_page.pug

@@ -1,15 +1,14 @@
 //- Needs page, pageIndex
 
-include image.pug
-
 mixin timeline_page(page, pageIndex)
-	- const pageNumber = pageIndex + 1
-	if pageNumber > 1
-		.page-number(id=`page-${pageNumber}`)
-			span.number Page #{pageNumber}
+	section.timeline-page
+		- const pageNumber = pageIndex + 1
+		if pageNumber > 1
+			header.page-number(id=`page-${pageNumber}`)
+				span.number Page #{pageNumber}
 
-	.timeline-inner
-		- const suggestedSize = 300
-		each image in page
-			- const thumbnail = image.getSuggestedThumbnail(suggestedSize) //- use this as the src in case there are problems with srcset
-			+image(thumbnail.src)(alt=image.getAlt() width=thumbnail.config_width height=thumbnail.config_height srcset=image.getSrcset() sizes=`${suggestedSize}px`).image
+		.timeline-inner
+			- const suggestedSize = 300
+			each image in page
+				- const thumbnail = image.getSuggestedThumbnail(suggestedSize) //- use this as the src in case there are problems with srcset
+				img(src=image.getProxy(thumbnail.src) alt=image.getAlt() width=thumbnail.config_width height=thumbnail.config_height srcset=image.getSrcset() sizes=`${suggestedSize}px`).image