diff options
-rw-r--r-- | src/mixins/comment.pug | 4 | ||||
-rw-r--r-- | src/mixins/post.pug | 4 | ||||
-rw-r--r-- | src/public/styles.css | 11 |
3 files changed, 16 insertions, 3 deletions
diff --git a/src/mixins/comment.pug b/src/mixins/comment.pug index ffd4b5a..5b6f097 100644 --- a/src/mixins/comment.pug +++ b/src/mixins/comment.pug | |||
@@ -12,6 +12,10 @@ mixin infoContainer(data, next_id, prev_id) | |||
12 | if prev_id | 12 | if prev_id |
13 | a(href=`#${prev_id}` title="scroll to previous comment").nav-link prev | 13 | a(href=`#${prev_id}` title="scroll to previous comment").nav-link prev |
14 | | · | 14 | | · |
15 | if data.gilded > 0 | ||
16 | span.gilded | ||
17 | | #{data.gilded} ☆ | ||
18 | | · | ||
15 | span(class=`${data.is_submitter ? 'op' : ''}`) | 19 | span(class=`${data.is_submitter ? 'op' : ''}`) |
16 | | u/#{data.author} #{hats.length==0?'':`(${hats.join('|')})`} | 20 | | u/#{data.author} #{hats.length==0?'':`(${hats.join('|')})`} |
17 | | · | 21 | | · |
diff --git a/src/mixins/post.pug b/src/mixins/post.pug index b44ae6d..722a353 100644 --- a/src/mixins/post.pug +++ b/src/mixins/post.pug | |||
@@ -12,6 +12,10 @@ mixin post(p, currentUrl) | |||
12 | div.info-container | 12 | div.info-container |
13 | p | 13 | p |
14 | | #{fmtnum(p.ups)} ↑ | 14 | | #{fmtnum(p.ups)} ↑ |
15 | if p.gilded > 0 | ||
16 | | · | ||
17 | span.gilded | ||
18 | | #{p.gilded} ☆ | ||
15 | span.post-author | 19 | span.post-author |
16 | | · | 20 | | · |
17 | | u/#{p.author} | 21 | | u/#{p.author} |
diff --git a/src/public/styles.css b/src/public/styles.css index c3e06fa..fcb0752 100644 --- a/src/public/styles.css +++ b/src/public/styles.css | |||
@@ -5,7 +5,8 @@ | |||
5 | --text-color: black; | 5 | --text-color: black; |
6 | --text-color-muted: #999; | 6 | --text-color-muted: #999; |
7 | --blockquote-color: green; | 7 | --blockquote-color: green; |
8 | --sticky-color: lightgreen; | 8 | --sticky-color: #dcfeda; |
9 | --gilded: darkorange; | ||
9 | --link-color: #29BC9B; | 10 | --link-color: #29BC9B; |
10 | --link-visited-color: #999; | 11 | --link-visited-color: #999; |
11 | --accent: var(--link-color); | 12 | --accent: var(--link-color); |
@@ -23,7 +24,8 @@ | |||
23 | --text-color: white; | 24 | --text-color: white; |
24 | --text-color-muted: #999; | 25 | --text-color-muted: #999; |
25 | --blockquote-color: lightgreen; | 26 | --blockquote-color: lightgreen; |
26 | --sticky-color: #034611; | 27 | --sticky-color: #014413; |
28 | --gilded: gold; | ||
27 | --link-color: #79ffe1; | 29 | --link-color: #79ffe1; |
28 | --link-visited-color: #999; | 30 | --link-visited-color: #999; |
29 | --accent: var(--link-color); | 31 | --accent: var(--link-color); |
@@ -475,6 +477,10 @@ a { | |||
475 | color: var(--accent); | 477 | color: var(--accent); |
476 | } | 478 | } |
477 | 479 | ||
480 | .gilded { | ||
481 | color: var(--gilded); | ||
482 | } | ||
483 | |||
478 | button { | 484 | button { |
479 | border: 0px solid; | 485 | border: 0px solid; |
480 | border-radius: 2px; | 486 | border-radius: 2px; |
@@ -624,4 +630,3 @@ select { | |||
624 | border-radius: 2px; | 630 | border-radius: 2px; |
625 | border: 4px solid var(--sticky-color); | 631 | border: 4px solid var(--sticky-color); |
626 | } | 632 | } |
627 | |||