From 46608309c21aa9fda90fcc6ceadfbbdce2faab5f Mon Sep 17 00:00:00 2001 From: Akshay Date: Fri, 1 Nov 2024 11:28:28 +0000 Subject: even better galleries, fix font sizes everywhere --- src/mixins/comment.pug | 4 ++-- src/mixins/header.pug | 9 +++++++++ src/mixins/post.pug | 24 ++++++++++++++++-------- 3 files changed, 27 insertions(+), 10 deletions(-) create mode 100644 src/mixins/header.pug (limited to 'src/mixins') diff --git a/src/mixins/comment.pug b/src/mixins/comment.pug index 545ee59..8d341c9 100644 --- a/src/mixins/comment.pug +++ b/src/mixins/comment.pug @@ -8,8 +8,8 @@ mixin comment(com, isfirst) else div(class=`comment ${isfirst?'first':''}`) div.comment-info-container - div.info-item u/#{data.author} - div.info-item ↑ #{fmtnum(data.ups)} + div.info-item #{fmtnum(data.ups)} ↑ + div.info-item u/#{data.author} #{data.is_submitter?'(OP)':''} if data.collapsed_reason_code == "DELETED" div.info-item a(href=`https://undelete.pullpush.io${data.permalink}`) search on undelete diff --git a/src/mixins/header.pug b/src/mixins/header.pug new file mode 100644 index 0000000..e3b3870 --- /dev/null +++ b/src/mixins/header.pug @@ -0,0 +1,9 @@ +mixin header() + div.header + div.header-item + a(href=`/`) home + div.header-item + a(href=`/subs`) subscriptions + div.header-item + a(href=`/r/popular`) popular + diff --git a/src/mixins/post.pug b/src/mixins/post.pug index 8a66d53..20ec7c8 100644 --- a/src/mixins/post.pug +++ b/src/mixins/post.pug @@ -9,9 +9,9 @@ mixin post(p) span.domain (#{p.domain}) div.info-container p - | ↑ #{fmtnum(p.ups)} + | #{fmtnum(p.ups)} ↑ |  ·  - a(href=`/comments/${p.id}`) #{fmtnum (p.num_comments)} replies + a(href=`/comments/${p.id}`) #{fmtnum (p.num_comments)} ↩ |  ·  a(href=`/r/${p.subreddit}`) r/#{p.subreddit} span.post-author @@ -36,12 +36,14 @@ mixin post(p) if p.gallery_data.items details(id=`${p.id}`) summary expand gallery - each item in p.gallery_data.items - - var url = `https://i.redd.it/${item.media_id}.jpg` - a(href=`/media/${url}`) - img(src=url).post-media + div.gallery + each item in p.gallery_data.items + - var url = `https://i.redd.it/${item.media_id}.jpg` + div.gallery-item + a(href=`/media/${url}`) + img(src=url) button(onclick=`toggleDetails('${p.id}')`) close - if (p.post_hint == "image" || p.post_hint == "link") && p.thumbnail && p.thumbnail != "self" && p.thumbnail != "default" + 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}`) @@ -53,4 +55,10 @@ mixin post(p) - var url = p.secure_media.reddit_video.dash_url video(src=url controls data-dashjs-player).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}`) + summary expand link + a(href=`${p.url}`) + | #{p.url} + br + button(onclick=`toggleDetails('${p.id}')`) close -- cgit v1.2.3