diff --git a/inc/processJsonSubreddit.js b/inc/processJsonSubreddit.js index 8c3d0fb..2c827ca 100644 --- a/inc/processJsonSubreddit.js +++ b/inc/processJsonSubreddit.js @@ -67,6 +67,7 @@ module.exports = function() { link_flair_text: data.link_flair_text, locked: data.locked, media: data.media, + selftext_html: data.selftext_html, num_comments: data.num_comments, over_18: data.over_18, permalink: data.permalink, diff --git a/static/css/dark.css b/static/css/dark.css index 1ff42dc..f9db706 100644 --- a/static/css/dark.css +++ b/static/css/dark.css @@ -136,6 +136,16 @@ body.dark .score .arrow { body.dark #links .link .entry .meta a { color: #c7c7c7; } +body.dark #links .link .entry .selftext { + background: #0a0a0a; + border: 1px solid #404040; +} +body.dark #links .link .entry details .line { + width: 16px; + margin-top: 3px; + background: black; + border: 1px solid #6f6f6f; +} body.dark .content .bottom img { filter: invert(1); } diff --git a/static/css/styles.css b/static/css/styles.css index cdf4fe2..d109706 100644 --- a/static/css/styles.css +++ b/static/css/styles.css @@ -443,6 +443,47 @@ footer a { #links.search .link .meta a.comments { margin-left: 0px; } +#links .link .entry .selftext { + unicode-bidi: isolate; + background-color: #fafafa; + border: 1px solid #369; + border-radius: 7px; + padding: 5px 10px; + margin: 10px auto 5px 0px; + font-size: 0.84rem; + max-width: 60em; + word-wrap: break-word; + float: left; + width: calc(100% - 100px); +} +#links .link .entry details { + margin: 0px 10px 0px 0px; + font-size: 0.7rem; +} +#links .link .entry details[open] { + width: 100%; +} +#links .link .entry details summary { + font-size: 0.833rem; + list-style-type: none; + padding: 4px; +} +#links .link .entry details > summary::-webkit-details-marker { + display: none; +} +#links .link .entry details summary:hover { + text-decoration: underline; + cursor: pointer; +} +#links .link .entry details .line { + width: 16px; + margin-top: 3px; + background: #979797; + border: 1px solid #b3b0b0; +} +#links .link .entry details .line:first-child { + margin-top: 0px; +} /* COMMENTS */ .comment { font-size: 0.83rem; diff --git a/views/index.pug b/views/index.pug index fd39c4b..222176a 100644 --- a/views/index.pug +++ b/views/index.pug @@ -102,6 +102,14 @@ html .links if link.over_18 span.tag.nsfw NSFW + if link.selftext_html + details + summary + .line + .line + .line + .selftext + != unescape(link.selftext_html) a(href="" + link.permalink + "", class="comments") | #{link.num_comments} comments #search diff --git a/views/subreddit.pug b/views/subreddit.pug index 79d7a0d..11a7c47 100644 --- a/views/subreddit.pug +++ b/views/subreddit.pug @@ -128,6 +128,14 @@ html .links if link.over_18 span.tag.nsfw NSFW + if link.selftext_html + details + summary + .line + .line + .line + .selftext + != unescape(link.selftext_html) a(href="" + link.permalink + "", class="comments") | #{link.num_comments} comments if json.info.before || json.info.after