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

src/site/pug/user.pug

@@ -16,10 +16,10 @@ html
 		.main-divider
 			header.profile-overview
 				.profile-sticky
-					+image(user.data.profile_pic_url)(width="150px" height="150px").pfp
+					img(src=user.proxyProfilePicture width="150px" height="150px" alt=`${user.data.full_name}'s profile picture.`).pfp
 					//-
-						Instagram only uses the above URL, but an HD version is also available:
-						+image(user.data.profile_pic_url_hd)
+						Instagram only uses the above URL, but an HD version is also available.
+						The alt text is pathetic, I know. I don't have much to work with.
 					h1.full-name= user.data.full_name
 					h2.username= `@${user.data.username}`
 					p.bio= user.data.biography
@@ -35,6 +35,8 @@ html
 						span(data-numberformat=user.followedBy).count #{numberFormat(user.followedBy)}
 						|
 						| followed by
+					div.links
+						a(rel="alternate" type="application/rss+xml" href=`/u/${user.data.username}/rss.xml`) RSS
 
 			main#timeline.timeline
 				each page, pageIndex in user.timeline.pages