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 26dc976..a9fd7c4 100644 --- a/src/mixins/post.pug +++ b/src/mixins/post.pug | |||
@@ -14,6 +14,10 @@ mixin post(p, currentUrl) | |||
14 | div.info-container | 14 | div.info-container |
15 | p | 15 | p |
16 | | #{fmtnum(p.ups)} ↑ | 16 | | #{fmtnum(p.ups)} ↑ |
17 | if p.gilded > 0 | ||
18 | | · | ||
19 | span.gilded | ||
20 | | #{p.gilded} ☆ | ||
17 | span.post-author | 21 | span.post-author |
18 | | · | 22 | | · |
19 | | u/#{p.author} | 23 | | u/#{p.author} |
diff --git a/src/public/styles.css b/src/public/styles.css index 1cd5245..5996c75 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); |
@@ -654,6 +656,10 @@ a { | |||
654 | color: var(--accent); | 656 | color: var(--accent); |
655 | } | 657 | } |
656 | 658 | ||
659 | .gilded { | ||
660 | color: var(--gilded); | ||
661 | } | ||
662 | |||
657 | button { | 663 | button { |
658 | border: 0px solid; | 664 | border: 0px solid; |
659 | border-radius: 2px; | 665 | border-radius: 2px; |
@@ -803,4 +809,3 @@ select { | |||
803 | border-radius: 2px; | 809 | border-radius: 2px; |
804 | border: 4px solid var(--sticky-color); | 810 | border: 4px solid var(--sticky-color); |
805 | } | 811 | } |
806 | |||