1 files changed, 15 insertions, 5 deletions

diff --git a/src/mixins/post.pug b/src/mixins/post.pug
index 3e7e51a..9dd0748 100644
--- a/src/mixins/post.pug
+++ b/src/mixins/post.pug
@@ -14,6 +14,8 @@ mixin post(p)
               |  · 
               by u/#{p.author} 
             |  · 
+            | #{timeDifference(Date.now(), p.created * 1000)}
+            |  · 
             a(href=`/r/${p.subreddit}`) r/#{p.subreddit}
             |  · 
             a(href=`/comments/${p.id}`) #{fmtnum (p.num_comments)} ↩
@@ -28,7 +30,7 @@ mixin post(p)
           if p.thumbnail && p.thumbnail != "self" || p.thumbnail != "default"
             img(src=p.thumbnail onclick=`toggleDetails('${p.id}')`) 
         else if p.post_hint == "hosted:video"
-          - var url = p.secure_media.reddit_video.dash_url
+          - var url = p.secure_media.reddit_video.scrubber_media_url
           video(src=url data-dashjs-player width='100px' height='100px' onclick=`toggleDetails('${p.id}')`)
 
     if p.is_gallery && p.is_gallery == true
@@ -37,23 +39,31 @@ mixin post(p)
           details(id=`${p.id}`)
             summary expand gallery
             div.gallery
+              - var total = p.gallery_data.items.length
+              - var idx = 0
+              - var metadata = p.media_metadata
+              - var img_ext = (id) => stripPrefix(metadata[id].m, "image/")
               each item in p.gallery_data.items
-                - var url = `https://i.redd.it/${item.media_id}.jpg`
+                - var id = item.media_id
+                - var ext = img_ext(item.media_id)
+                - var url = `https://i.redd.it/${id}.${ext}`
                 div.gallery-item
                   a(href=`/media/${url}`)
-                      img(src=url)
+                    img(src=url loading="lazy")
+                  div.gallery-item-idx
+                    | #{`${++idx}/${total}`}
             button(onclick=`toggleDetails('${p.id}')`) close
     if p.post_hint == "image" && p.thumbnail && p.thumbnail != "self" && p.thumbnail != "default"
       details(id=`${p.id}`)
         summary expand image
         a(href=`/media/${p.url}`)
-          img(src=p.url).post-media
+          img(src=p.url loading="lazy").post-media
         button(onclick=`toggleDetails('${p.id}')`) close
     else if p.post_hint == "hosted:video"
       details(id=`${p.id}`)
         summary expand video
         - var url = p.secure_media.reddit_video.dash_url
-        video(src=url controls data-dashjs-player).post-media
+        video(src=url controls data-dashjs-player loading="lazy").post-media
         button(onclick=`toggleDetails('${p.id}')`) close
     else if p.post_hint == "link" && p.thumbnail && p.thumbnail != "self" && p.thumbnail != "default"
       details(id=`${p.id}`)