aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorAkshay <[email protected]>2024-12-30 10:24:08 +0000
committerAkshay <[email protected]>2024-12-30 10:24:08 +0000
commite318348818a759531424cab414ebfa7b102f12c3 (patch)
treea2cbabc9b4a17e5db23636ab02e96dd8b2a39b39
parenteb2b31f65dec6431b48a0cadd68dbd52c7ab21a4 (diff)
fix colors, show gildings
-rw-r--r--src/mixins/comment.pug4
-rw-r--r--src/mixins/post.pug4
-rw-r--r--src/public/styles.css11
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 | &nbsp;·&nbsp; 14 | &nbsp;·&nbsp;
15 if data.gilded > 0
16 span.gilded
17 | #{data.gilded} ☆
18 | &nbsp;·&nbsp;
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 | &nbsp;·&nbsp; 21 | &nbsp;·&nbsp;
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 | &nbsp;·&nbsp;
17 span.gilded
18 | #{p.gilded} ☆
15 span.post-author 19 span.post-author
16 | &nbsp;·&nbsp; 20 | &nbsp;·&nbsp;
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
478button { 484button {
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