mirror of
https://github.com/redlib-org/redlib.git
synced 2025-04-03 21:17:37 +03:00
feat(rss): conditionally add RSS feeds to user and sub pages
This commit is contained in:
Matthew Esposito
parent
f83f9c1d7d
commit
ee364bb1c8
4 changed files with 1437 additions and 1165 deletions
10
src/utils.rs
10
src/utils.rs
|
|
@ -1082,6 +1082,16 @@ pub fn sfw_only() -> bool {
|
|||
}
|
||||
}
|
||||
|
||||
/// Returns true if the config/env variable REDLIB_ENABLE_RSS is set to "on".
|
||||
/// If this variable is set as such, the instance will enable RSS feeds.
|
||||
/// Otherwise, the instance will not provide RSS feeds.
|
||||
pub fn enable_rss() -> bool {
|
||||
match get_setting("REDLIB_ENABLE_RSS") {
|
||||
Some(val) => val == "on",
|
||||
None => false,
|
||||
}
|
||||
}
|
||||
|
||||
// Determines if a request shoud redirect to a nsfw landing gate.
|
||||
pub fn should_be_nsfw_gated(req: &Request<Body>, req_url: &str) -> bool {
|
||||
let sfw_instance = sfw_only();
|
||||
|
|
|
|||
442
static/style.css
442
static/style.css
|
|
@ -31,14 +31,15 @@
|
|||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Inter';
|
||||
src: url('/Inter.var.woff2') format('woff2-variations');
|
||||
font-family: "Inter";
|
||||
src: url("/Inter.var.woff2") format("woff2-variations");
|
||||
font-style: normal;
|
||||
font-weight: 100 900;
|
||||
}
|
||||
|
||||
/* Automatic theme selection */
|
||||
:root, .dark{
|
||||
:root,
|
||||
.dark {
|
||||
/* Default & fallback theme (dark) */
|
||||
--accent: aqua;
|
||||
--green: #5cff85;
|
||||
|
|
@ -107,8 +108,31 @@
|
|||
outline: 2px solid var(--accent);
|
||||
}
|
||||
|
||||
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
|
||||
pre, form, fieldset, table, th, td, select, input {
|
||||
html,
|
||||
body,
|
||||
div,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
ul,
|
||||
ol,
|
||||
dl,
|
||||
li,
|
||||
dt,
|
||||
dd,
|
||||
p,
|
||||
blockquote,
|
||||
pre,
|
||||
form,
|
||||
fieldset,
|
||||
table,
|
||||
th,
|
||||
td,
|
||||
select,
|
||||
input {
|
||||
accent-color: var(--accent);
|
||||
margin: 0;
|
||||
color: var(--text);
|
||||
|
|
@ -166,9 +190,16 @@ nav.fixed_navbar {
|
|||
position: fixed;
|
||||
}
|
||||
|
||||
nav * { color: var(--text); }
|
||||
nav #reddit, #code > span { color: var(--accent); }
|
||||
nav #code > svg { stroke: var(--accent); }
|
||||
nav * {
|
||||
color: var(--text);
|
||||
}
|
||||
nav #reddit,
|
||||
#code > span {
|
||||
color: var(--accent);
|
||||
}
|
||||
nav #code > svg {
|
||||
stroke: var(--accent);
|
||||
}
|
||||
|
||||
nav #logo {
|
||||
grid-area: logo;
|
||||
|
|
@ -224,8 +255,8 @@ figcaption {
|
|||
/* all other browsers */
|
||||
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
|
||||
.popup {
|
||||
-webkit-backdrop-filter: blur(.25rem) brightness(15%);
|
||||
backdrop-filter: blur(.25rem) brightness(15%);
|
||||
-webkit-backdrop-filter: blur(0.25rem) brightness(15%);
|
||||
backdrop-filter: blur(0.25rem) brightness(15%);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -345,7 +376,7 @@ body > footer {
|
|||
|
||||
.footer-button {
|
||||
align-items: center;
|
||||
border-radius: .25rem;
|
||||
border-radius: 0.25rem;
|
||||
box-sizing: border-box;
|
||||
color: var(--text);
|
||||
cursor: pointer;
|
||||
|
|
@ -403,7 +434,8 @@ aside {
|
|||
max-width: 350px;
|
||||
}
|
||||
|
||||
.post, .panel {
|
||||
.post,
|
||||
.panel {
|
||||
border: var(--panel-border);
|
||||
}
|
||||
|
||||
|
|
@ -414,7 +446,9 @@ aside {
|
|||
|
||||
/* User & Subreddit */
|
||||
|
||||
#user, #subreddit, #sidebar {
|
||||
#user,
|
||||
#subreddit,
|
||||
#sidebar {
|
||||
margin: 40px auto 0 auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
|
@ -424,19 +458,34 @@ aside {
|
|||
border-radius: 5px;
|
||||
overflow: hidden;
|
||||
}
|
||||
#subreddit, #sidebar { min-width: 350px; }
|
||||
#subreddit,
|
||||
#sidebar {
|
||||
min-width: 350px;
|
||||
}
|
||||
|
||||
#user *, #subreddit * { text-align: center; }
|
||||
#user *,
|
||||
#subreddit * {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#user, #sub_meta, #sidebar_contents { padding: 20px; }
|
||||
#user,
|
||||
#sub_meta,
|
||||
#sidebar_contents {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
#sidebar, #sidebar_contents { margin-top: 10px; }
|
||||
#sidebar_label, #subreddit_label {
|
||||
#sidebar,
|
||||
#sidebar_contents {
|
||||
margin-top: 10px;
|
||||
}
|
||||
#sidebar_label,
|
||||
#subreddit_label {
|
||||
padding: 10px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
#user_icon, #sub_icon {
|
||||
#user_icon,
|
||||
#sub_icon {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
border: 2px solid var(--accent);
|
||||
|
|
@ -445,35 +494,50 @@ aside {
|
|||
margin: 10px;
|
||||
}
|
||||
|
||||
#user_title, #sub_title {
|
||||
#user_title,
|
||||
#sub_title {
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#user_description, #sub_description {
|
||||
#user_description,
|
||||
#sub_description {
|
||||
margin: 0 15px;
|
||||
text-align: left;
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
|
||||
#user_name, #user_description:not(:empty), #user_icon,
|
||||
#sub_name, #sub_icon, #sub_description:not(:empty) {
|
||||
#user_name,
|
||||
#user_description:not(:empty),
|
||||
#user_icon,
|
||||
#sub_name,
|
||||
#sub_icon,
|
||||
#sub_description:not(:empty) {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
#user_details, #sub_details, #sub_actions, #user_actions {
|
||||
#user_details,
|
||||
#sub_details,
|
||||
#sub_actions,
|
||||
#user_actions {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
grid-column-gap: 20px;
|
||||
}
|
||||
|
||||
#user_details > label, #sub_details > label {
|
||||
#user_details > label,
|
||||
#sub_details > label {
|
||||
color: var(--accent);
|
||||
}
|
||||
|
||||
/* Subscriptions */
|
||||
|
||||
#sub_subscription, #user_subscription, #user_filter, #sub_filter {
|
||||
#sub_subscription,
|
||||
#user_subscription,
|
||||
#sub_filter,
|
||||
#user_filter,
|
||||
#sub_rss,
|
||||
#user_rss {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
|
|
@ -481,18 +545,23 @@ aside {
|
|||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.subscribe, .unsubscribe, .filter, .unfilter {
|
||||
.subscribe,
|
||||
.unsubscribe,
|
||||
.filter,
|
||||
.unfilter {
|
||||
padding: 10px 20px;
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.subscribe, .filter {
|
||||
.subscribe,
|
||||
.filter {
|
||||
color: var(--foreground);
|
||||
background-color: var(--accent);
|
||||
}
|
||||
|
||||
.unsubscribe, .unfilter {
|
||||
.unsubscribe,
|
||||
.unfilter {
|
||||
color: var(--text);
|
||||
background-color: var(--highlighted);
|
||||
}
|
||||
|
|
@ -575,7 +644,13 @@ aside {
|
|||
|
||||
/* Sorting and Search */
|
||||
|
||||
select, #search, #sort_options, #listing_options, #inside, #searchbox > *, #sort_submit {
|
||||
select,
|
||||
#search,
|
||||
#sort_options,
|
||||
#listing_options,
|
||||
#inside,
|
||||
#searchbox > *,
|
||||
#sort_submit {
|
||||
height: 38px;
|
||||
}
|
||||
|
||||
|
|
@ -592,7 +667,8 @@ select {
|
|||
cursor: pointer;
|
||||
}
|
||||
|
||||
select, #search {
|
||||
select,
|
||||
#search {
|
||||
border: none;
|
||||
padding: 0 10px;
|
||||
|
||||
|
|
@ -613,7 +689,10 @@ select, #search {
|
|||
border-radius: 5px;
|
||||
}
|
||||
|
||||
#searchbox > *, #sort_submit { background: var(--highlighted); }
|
||||
#searchbox > *,
|
||||
#sort_submit {
|
||||
background: var(--highlighted);
|
||||
}
|
||||
|
||||
#search {
|
||||
border-right: 2px var(--outside) solid;
|
||||
|
|
@ -629,9 +708,12 @@ select, #search {
|
|||
max-width: 50%;
|
||||
}
|
||||
|
||||
#restrict_sr { margin-right: 5px; }
|
||||
#restrict_sr {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
input[type="submit"], button.submit {
|
||||
input[type="submit"],
|
||||
button.submit {
|
||||
border: 0;
|
||||
border-radius: 0px 5px 5px 0px;
|
||||
}
|
||||
|
|
@ -641,10 +723,16 @@ button.submit {
|
|||
align-items: center;
|
||||
}
|
||||
|
||||
select:hover { background: var(--foreground); }
|
||||
select:hover {
|
||||
background: var(--foreground);
|
||||
}
|
||||
|
||||
input[type="submit"]:hover { color: var(--accent); }
|
||||
button.submit:hover > svg { stroke: var(--accent); }
|
||||
input[type="submit"]:hover {
|
||||
color: var(--accent);
|
||||
}
|
||||
button.submit:hover > svg {
|
||||
stroke: var(--accent);
|
||||
}
|
||||
|
||||
#timeframe {
|
||||
margin: 0 2px;
|
||||
|
|
@ -665,7 +753,9 @@ button.submit:hover > svg { stroke: var(--accent); }
|
|||
overflow: auto;
|
||||
}
|
||||
|
||||
#search_sort > *, .search_widget_divider_box > *, .search_widget_divider_box #sort_options {
|
||||
#search_sort > *,
|
||||
.search_widget_divider_box > *,
|
||||
.search_widget_divider_box #sort_options {
|
||||
background: var(--highlighted);
|
||||
font-size: 15px;
|
||||
}
|
||||
|
|
@ -684,7 +774,8 @@ button.submit:hover > svg { stroke: var(--accent); }
|
|||
color: var(--green);
|
||||
}
|
||||
|
||||
#sort, #search_sort {
|
||||
#sort,
|
||||
#search_sort {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 20px;
|
||||
|
|
@ -750,7 +841,9 @@ button.submit:hover > svg { stroke: var(--accent); }
|
|||
}
|
||||
}
|
||||
|
||||
#sort_options, #listing_options, main > * > footer > a {
|
||||
#sort_options,
|
||||
#listing_options,
|
||||
main > * > footer > a {
|
||||
border-radius: 5px;
|
||||
align-items: center;
|
||||
box-shadow: var(--shadow);
|
||||
|
|
@ -759,7 +852,9 @@ button.submit:hover > svg { stroke: var(--accent); }
|
|||
overflow-y: hidden;
|
||||
}
|
||||
|
||||
#sort_options > a, #listing_options > a, main > * > footer > a {
|
||||
#sort_options > a,
|
||||
#listing_options > a,
|
||||
main > * > footer > a {
|
||||
color: var(--text);
|
||||
padding: 10px 20px;
|
||||
text-align: center;
|
||||
|
|
@ -767,12 +862,14 @@ button.submit:hover > svg { stroke: var(--accent); }
|
|||
transition: 0.2s background;
|
||||
}
|
||||
|
||||
#sort_options > a.selected, #listing_options > a.selected {
|
||||
#sort_options > a.selected,
|
||||
#listing_options > a.selected {
|
||||
background: var(--accent);
|
||||
color: var(--foreground);
|
||||
}
|
||||
|
||||
#sort_options > a:not(.selected):hover, #listing_options > a:not(.selected):hover {
|
||||
#sort_options > a:not(.selected):hover,
|
||||
#listing_options > a:not(.selected):hover {
|
||||
background: var(--foreground);
|
||||
}
|
||||
|
||||
|
|
@ -863,7 +960,8 @@ a.search_subreddit:hover {
|
|||
box-shadow: var(--shadow);
|
||||
display: grid;
|
||||
transition: 0.2s background;
|
||||
grid-template: "post_score post_header post_thumbnail" auto
|
||||
grid-template:
|
||||
"post_score post_header post_thumbnail" auto
|
||||
"post_score post_title post_thumbnail" 1fr
|
||||
"post_score post_media post_thumbnail" auto
|
||||
"post_score post_body post_thumbnail" auto
|
||||
|
|
@ -873,7 +971,9 @@ a.search_subreddit:hover {
|
|||
/ minmax(40px, auto) minmax(0, 1fr) fit-content(min(20%, 152px));
|
||||
}
|
||||
|
||||
.post:not(:last-child) { margin-bottom: 10px; }
|
||||
.post:not(:last-child) {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.post:hover {
|
||||
background: var(--foreground);
|
||||
|
|
@ -959,7 +1059,8 @@ a.search_subreddit:hover {
|
|||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.author_flair:empty, .post_flair:empty {
|
||||
.author_flair:empty,
|
||||
.post_flair:empty {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
@ -992,7 +1093,9 @@ a.search_subreddit:hover {
|
|||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.post_media_content, .post .__NoScript_PlaceHolder__, .gallery {
|
||||
.post_media_content,
|
||||
.post .__NoScript_PlaceHolder__,
|
||||
.gallery {
|
||||
max-width: calc(100% - 40px);
|
||||
grid-area: post_media;
|
||||
margin: 15px auto 5px auto;
|
||||
|
|
@ -1010,7 +1113,8 @@ a.search_subreddit:hover {
|
|||
margin: auto;
|
||||
}
|
||||
|
||||
.post_media_image.short svg, .post_media_image.short img{
|
||||
.post_media_image.short svg,
|
||||
.post_media_image.short img {
|
||||
width: auto;
|
||||
height: auto;
|
||||
max-width: 100%;
|
||||
|
|
@ -1041,7 +1145,7 @@ a.search_subreddit:hover {
|
|||
filter: none;
|
||||
}
|
||||
|
||||
.post_media_image svg{
|
||||
.post_media_image svg {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
align-self: center;
|
||||
|
|
@ -1134,8 +1238,8 @@ a.search_subreddit:hover {
|
|||
|
||||
/* Used only for text post preview */
|
||||
.post_preview {
|
||||
-webkit-mask-image: linear-gradient(180deg,#000 60%,transparent);;
|
||||
mask-image: linear-gradient(180deg,#000 60%,transparent);
|
||||
-webkit-mask-image: linear-gradient(180deg, #000 60%, transparent);
|
||||
mask-image: linear-gradient(180deg, #000 60%, transparent);
|
||||
opacity: 0.8;
|
||||
max-height: 250px;
|
||||
overflow: hidden;
|
||||
|
|
@ -1229,7 +1333,7 @@ a.search_subreddit:hover {
|
|||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-align: center;
|
||||
background-color: rgba(0,0,0,0.8);
|
||||
background-color: rgba(0, 0, 0, 0.8);
|
||||
color: white;
|
||||
grid-area: 1 / 1 / 2 / 2;
|
||||
padding: 5px;
|
||||
|
|
@ -1269,7 +1373,8 @@ a.search_subreddit:hover {
|
|||
margin: 0;
|
||||
}
|
||||
|
||||
.comment_left, .comment_right {
|
||||
.comment_left,
|
||||
.comment_right {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
|
@ -1281,9 +1386,15 @@ a.search_subreddit:hover {
|
|||
align-items: center;
|
||||
}
|
||||
|
||||
.comment_title { font-size: 20px; }
|
||||
.comment_link { text-decoration: underline; }
|
||||
.comment_author { opacity: 0.9; }
|
||||
.comment_title {
|
||||
font-size: 20px;
|
||||
}
|
||||
.comment_link {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.comment_author {
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.author_flair {
|
||||
background: var(--highlighted);
|
||||
|
|
@ -1348,7 +1459,8 @@ a.search_subreddit:hover {
|
|||
overflow: auto;
|
||||
}
|
||||
|
||||
.comment_body.highlighted, .comment_body_filtered.highlighted {
|
||||
.comment_body.highlighted,
|
||||
.comment_body_filtered.highlighted {
|
||||
background: var(--highlighted);
|
||||
}
|
||||
|
||||
|
|
@ -1413,12 +1525,25 @@ summary.comment_data {
|
|||
display: none;
|
||||
}
|
||||
|
||||
.moderator, .admin { opacity: 1; }
|
||||
.op, .moderator, .admin { font-weight: bold; }
|
||||
.moderator,
|
||||
.admin {
|
||||
opacity: 1;
|
||||
}
|
||||
.op,
|
||||
.moderator,
|
||||
.admin {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.op { color: var(--accent); }
|
||||
.moderator { color: var(--green); }
|
||||
.admin { color: var(--admin); }
|
||||
.op {
|
||||
color: var(--accent);
|
||||
}
|
||||
.moderator {
|
||||
color: var(--green);
|
||||
}
|
||||
.admin {
|
||||
color: var(--admin);
|
||||
}
|
||||
|
||||
/* Layouts */
|
||||
|
||||
|
|
@ -1438,8 +1563,12 @@ summary.comment_data {
|
|||
overflow: hidden;
|
||||
}
|
||||
|
||||
.compact .post.highlighted { border-radius: 5px; }
|
||||
.compact .post:not(:last-of-type):not(.highlighted):not(.stickied) { border-bottom: 0; }
|
||||
.compact .post.highlighted {
|
||||
border-radius: 5px;
|
||||
}
|
||||
.compact .post:not(:last-of-type):not(.highlighted):not(.stickied) {
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
.compact .post_score {
|
||||
padding-top: 15px;
|
||||
|
|
@ -1451,7 +1580,9 @@ summary.comment_data {
|
|||
font-size: 14px;
|
||||
}
|
||||
|
||||
.compact .post_title, .compact #post_url, .compact .post_body {
|
||||
.compact .post_title,
|
||||
.compact #post_url,
|
||||
.compact .post_body {
|
||||
margin: 2.5px 15px;
|
||||
}
|
||||
|
||||
|
|
@ -1548,7 +1679,7 @@ aside.prefs {
|
|||
padding: 10px 15px;
|
||||
border-radius: 5px;
|
||||
margin-top: 5px;
|
||||
width: 100%
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
input[type="submit"] {
|
||||
|
|
@ -1602,12 +1733,24 @@ input[type="submit"] {
|
|||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.md h1 { font-size: 22px; }
|
||||
.md h2 { font-size: 20px; }
|
||||
.md h3 { font-size: 18px; }
|
||||
.md h4 { font-size: 16px; }
|
||||
.md h5 { font-size: 14px; }
|
||||
.md h6 { font-size: 12px; }
|
||||
.md h1 {
|
||||
font-size: 22px;
|
||||
}
|
||||
.md h2 {
|
||||
font-size: 20px;
|
||||
}
|
||||
.md h3 {
|
||||
font-size: 18px;
|
||||
}
|
||||
.md h4 {
|
||||
font-size: 16px;
|
||||
}
|
||||
.md h5 {
|
||||
font-size: 14px;
|
||||
}
|
||||
.md h6 {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.md blockquote {
|
||||
padding: 10px;
|
||||
|
|
@ -1616,11 +1759,13 @@ input[type="submit"] {
|
|||
background: var(--post);
|
||||
}
|
||||
|
||||
.md a, .md a * {
|
||||
.md a,
|
||||
.md a * {
|
||||
color: var(--accent);
|
||||
}
|
||||
|
||||
.md .md-spoiler-text, .md-spoiler-text a {
|
||||
.md .md-spoiler-text,
|
||||
.md-spoiler-text a {
|
||||
background: var(--highlighted);
|
||||
color: transparent;
|
||||
}
|
||||
|
|
@ -1635,8 +1780,12 @@ input[type="submit"] {
|
|||
color: var(--accent);
|
||||
}
|
||||
|
||||
.md li { margin: 10px 0; }
|
||||
.toc_child { list-style: none; }
|
||||
.md li {
|
||||
margin: 10px 0;
|
||||
}
|
||||
.toc_child {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.md pre {
|
||||
background: var(--outside);
|
||||
|
|
@ -1659,27 +1808,42 @@ input[type="submit"] {
|
|||
font-size: 14px;
|
||||
}
|
||||
|
||||
.md code:not(.md pre > code) { background: var(--highlighted); }
|
||||
.md code:not(.md pre > code) {
|
||||
background: var(--highlighted);
|
||||
}
|
||||
|
||||
/* Tables */
|
||||
|
||||
table, td, th { border: var(--panel-border); }
|
||||
table,
|
||||
td,
|
||||
th {
|
||||
border: var(--panel-border);
|
||||
}
|
||||
|
||||
table {
|
||||
border-width: 3px;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
td, th {
|
||||
td,
|
||||
th {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
/* Errors */
|
||||
|
||||
#error { text-align: center; }
|
||||
#error h1 { margin-bottom: 10px; }
|
||||
#error h3 { opacity: 0.85; }
|
||||
#error a { color: var(--accent); }
|
||||
#error {
|
||||
text-align: center;
|
||||
}
|
||||
#error h1 {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
#error h3 {
|
||||
opacity: 0.85;
|
||||
}
|
||||
#error a {
|
||||
color: var(--accent);
|
||||
}
|
||||
|
||||
/* Messages */
|
||||
|
||||
|
|
@ -1732,7 +1896,9 @@ td, th {
|
|||
/* Mobile */
|
||||
|
||||
@media screen and (max-width: 800px) {
|
||||
body.fixed_navbar { padding-top: 120px }
|
||||
body.fixed_navbar {
|
||||
padding-top: 120px;
|
||||
}
|
||||
|
||||
main {
|
||||
flex-direction: column-reverse;
|
||||
|
|
@ -1742,16 +1908,24 @@ td, th {
|
|||
}
|
||||
|
||||
nav {
|
||||
grid-template-areas: 'logo links' 'searchbox searchbox';
|
||||
grid-template-areas: "logo links" "searchbox searchbox";
|
||||
padding: 10px;
|
||||
width: calc(100% - 20px);
|
||||
}
|
||||
|
||||
nav #links { margin-left: auto; }
|
||||
nav #links span { display: none; }
|
||||
nav #links svg { display: block; }
|
||||
nav #links {
|
||||
margin-left: auto;
|
||||
}
|
||||
nav #links span {
|
||||
display: none;
|
||||
}
|
||||
nav #links svg {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#subscriptions { position: unset; }
|
||||
#subscriptions {
|
||||
position: unset;
|
||||
}
|
||||
|
||||
#sub_list {
|
||||
left: 10px;
|
||||
|
|
@ -1763,23 +1937,37 @@ td, th {
|
|||
max-width: unset;
|
||||
}
|
||||
|
||||
aside, #subreddit, #user {
|
||||
aside,
|
||||
#subreddit,
|
||||
#user {
|
||||
margin: 0;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
#user, #sidebar { margin: 20px 0; }
|
||||
#logo, #links { margin-bottom: 5px; }
|
||||
#searchbox { width: calc(100vw - 35px); }
|
||||
|
||||
#user,
|
||||
#sidebar {
|
||||
margin: 20px 0;
|
||||
}
|
||||
#logo,
|
||||
#links {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
#searchbox {
|
||||
width: calc(100vw - 35px);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 480px) {
|
||||
body.fixed_navbar { padding-top: 100px; }
|
||||
#version { display: none; }
|
||||
body.fixed_navbar {
|
||||
padding-top: 100px;
|
||||
}
|
||||
#version {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.post {
|
||||
grid-template: "post_header post_header post_thumbnail" auto
|
||||
grid-template:
|
||||
"post_header post_header post_thumbnail" auto
|
||||
"post_title post_title post_thumbnail" 1fr
|
||||
"post_media post_media post_thumbnail" auto
|
||||
"post_body post_body post_thumbnail" auto
|
||||
|
|
@ -1798,12 +1986,20 @@ td, th {
|
|||
padding: 5px 15px 10px 12px;
|
||||
}
|
||||
|
||||
.compact .post_score { padding: 0; }
|
||||
.compact .post_score {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.post_score::before { content: "↑" }
|
||||
.post_score::before {
|
||||
content: "↑";
|
||||
}
|
||||
|
||||
.post_header { font-size: 14px; }
|
||||
.post_footer { margin-left: 15px; }
|
||||
.post_header {
|
||||
font-size: 14px;
|
||||
}
|
||||
.post_footer {
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
.replies > .comment {
|
||||
margin-left: -12px;
|
||||
|
|
@ -1822,9 +2018,15 @@ td, th {
|
|||
}
|
||||
|
||||
/* .thread { margin-left: -5px; } */
|
||||
.comment_right { padding: 5px 0 10px 2px; }
|
||||
.comment_author { margin-left: 12px; }
|
||||
.comment_data { margin-left: 12px; }
|
||||
.comment_right {
|
||||
padding: 5px 0 10px 2px;
|
||||
}
|
||||
.comment_author {
|
||||
margin-left: 12px;
|
||||
}
|
||||
.comment_data {
|
||||
margin-left: 12px;
|
||||
}
|
||||
|
||||
.user-comment .comment_data {
|
||||
flex-direction: column;
|
||||
|
|
@ -1832,16 +2034,24 @@ td, th {
|
|||
row-gap: 5px;
|
||||
}
|
||||
|
||||
.comment_data::marker { font-size: 25px; }
|
||||
.user-comment .comment_data > .comment_link { order: 2 }
|
||||
.user_comment_data_divider { order: 1; }
|
||||
.comment_data::marker {
|
||||
font-size: 25px;
|
||||
}
|
||||
.user-comment .comment_data > .comment_link {
|
||||
order: 2;
|
||||
}
|
||||
.user_comment_data_divider {
|
||||
order: 1;
|
||||
}
|
||||
|
||||
.user_comment_data_divider .dot {
|
||||
display: unset;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.created-in { display: none; }
|
||||
.created-in {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.comment_score {
|
||||
min-width: 32px;
|
||||
|
|
@ -1851,11 +2061,19 @@ td, th {
|
|||
margin-right: -5px;
|
||||
}
|
||||
|
||||
#post_links > li { margin-right: 10px }
|
||||
.post_footer > p > span#upvoted { display: none }
|
||||
#post_links > li {
|
||||
margin-right: 10px;
|
||||
}
|
||||
.post_footer > p > span#upvoted {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.desktop_item { display: none }
|
||||
.mobile_item { display: auto }
|
||||
.desktop_item {
|
||||
display: none;
|
||||
}
|
||||
.mobile_item {
|
||||
display: auto;
|
||||
}
|
||||
|
||||
.popup {
|
||||
width: auto;
|
||||
|
|
|
|||
|
|
@ -130,7 +130,13 @@
|
|||
</form>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% if crate::utils::enable_rss() %}
|
||||
<div id="sub_rss">
|
||||
<a href="/r/{{ sub.name }}.rss" title="RSS feed for r/{{ sub.name }}">
|
||||
<button class="subscribe">RSS feed</button >
|
||||
</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</details>
|
||||
<details class="panel" id="sidebar">
|
||||
|
|
|
|||
|
|
@ -1,30 +1,33 @@
|
|||
{% extends "base.html" %}
|
||||
{% import "utils.html" as utils %}
|
||||
|
||||
{% block search %}
|
||||
{% call utils::search("".to_owned(), "") %}
|
||||
{% endblock %}
|
||||
|
||||
{% block title %}{{ user.name.replace("u/", "") }} (u/{{ user.name }}) - Redlib{% endblock %}
|
||||
|
||||
{% block subscriptions %}
|
||||
{% call utils::sub_list("") %}
|
||||
{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<main>
|
||||
{% extends "base.html" %} {% import "utils.html" as utils %} {% block search %}
|
||||
{% call utils::search("".to_owned(), "") %} {% endblock %} {% block title %}{{
|
||||
user.name.replace("u/", "") }} (u/{{ user.name }}) - Redlib{% endblock %} {%
|
||||
block subscriptions %} {% call utils::sub_list("") %} {% endblock %} {% block
|
||||
body %}
|
||||
<main>
|
||||
{% if !is_filtered %}
|
||||
<div id="column_one">
|
||||
<form id="sort">
|
||||
<div id="listing_options">
|
||||
{% call utils::sort(["/user/", user.name.as_str()].concat(), ["overview", "comments", "submitted"], listing) %}
|
||||
{% call utils::sort(["/user/", user.name.as_str()].concat(),
|
||||
["overview", "comments", "submitted"], listing) %}
|
||||
</div>
|
||||
<select id="sort_select" name="sort">
|
||||
{% call utils::options(sort.0, ["hot", "new", "top", "controversial"], "") %}
|
||||
</select>{% if sort.0 == "top" || sort.0 == "controversial" %}<select id="timeframe" name="t">
|
||||
{% call utils::options(sort.1, ["hour", "day", "week", "month", "year", "all"], "all") %}
|
||||
</select>{% endif %}<button id="sort_submit" class="submit">
|
||||
<svg width="15" viewBox="0 0 110 100" fill="none" stroke-width="10" stroke-linecap="round">
|
||||
{% call utils::options(sort.0, ["hot", "new", "top",
|
||||
"controversial"], "") %}</select
|
||||
>{% if sort.0 == "top" || sort.0 == "controversial" %}<select
|
||||
id="timeframe"
|
||||
name="t"
|
||||
>
|
||||
{% call utils::options(sort.1, ["hour", "day", "week", "month",
|
||||
"year", "all"], "all") %}</select
|
||||
>{% endif %}<button id="sort_submit" class="submit">
|
||||
<svg
|
||||
width="15"
|
||||
viewBox="0 0 110 100"
|
||||
fill="none"
|
||||
stroke-width="10"
|
||||
stroke-linecap="round"
|
||||
>
|
||||
<path d="M20 50 H100" />
|
||||
<path d="M75 15 L100 50 L75 85" />
|
||||
→
|
||||
|
|
@ -33,50 +36,52 @@
|
|||
</form>
|
||||
|
||||
{% if all_posts_hidden_nsfw %}
|
||||
<center>All posts are hidden because they are NSFW. Enable "Show NSFW posts" in settings to view.</center>
|
||||
{% endif %}
|
||||
|
||||
{% if no_posts %}
|
||||
<center>
|
||||
All posts are hidden because they are NSFW. Enable "Show NSFW posts"
|
||||
in settings to view.
|
||||
</center>
|
||||
{% endif %} {% if no_posts %}
|
||||
<center>No posts were found.</center>
|
||||
{% endif %}
|
||||
|
||||
{% if all_posts_filtered %}
|
||||
{% endif %} {% if all_posts_filtered %}
|
||||
<center>(All content on this page has been filtered)</center>
|
||||
{% else %}
|
||||
<div id="posts">
|
||||
{% for post in posts %}
|
||||
|
||||
{% if post.flags.nsfw && prefs.show_nsfw != "on" %}
|
||||
{% else if !post.title.is_empty() %}
|
||||
{% call utils::post_in_list(post) %}
|
||||
{% else %}
|
||||
{% for post in posts %} {% if post.flags.nsfw && prefs.show_nsfw !=
|
||||
"on" %} {% else if !post.title.is_empty() %} {% call
|
||||
utils::post_in_list(post) %} {% else %}
|
||||
<div class="comment user-comment">
|
||||
<div class="comment_left">
|
||||
<p class="comment_score" title="{{ post.score.1 }}">
|
||||
{% if prefs.hide_score != "on" %}
|
||||
{{ post.score.0 }}
|
||||
{% else %}
|
||||
•
|
||||
{% endif %}
|
||||
{% if prefs.hide_score != "on" %} {{ post.score.0 }} {%
|
||||
else %} • {% endif %}
|
||||
</p>
|
||||
<div class="line"></div>
|
||||
</div>
|
||||
<details class="comment_right" open>
|
||||
<summary class="comment_data">
|
||||
<a class="comment_link" href="{{ post.permalink }}" title="{{ post.link_title }}">{{ post.link_title }}</a>
|
||||
<a
|
||||
class="comment_link"
|
||||
href="{{ post.permalink }}"
|
||||
title="{{ post.link_title }}"
|
||||
>{{ post.link_title }}</a
|
||||
>
|
||||
<div class="user_comment_data_divider">
|
||||
<span class="created-in"> in </span>
|
||||
<a class="comment_subreddit" href="/r/{{ post.community }}">r/{{ post.community }}</a>
|
||||
<a
|
||||
class="comment_subreddit"
|
||||
href="/r/{{ post.community }}"
|
||||
>r/{{ post.community }}</a
|
||||
>
|
||||
<span class="dot">•</span>
|
||||
<span class="created" title="{{ post.created }}"> {{ post.rel_time }}</span>
|
||||
<span class="created" title="{{ post.created }}"
|
||||
> {{ post.rel_time }}</span
|
||||
>
|
||||
</div>
|
||||
</summary>
|
||||
<p class="comment_body">{{ post.body|safe }}</p>
|
||||
</details>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% if prefs.use_hls == "on" %}
|
||||
{% endif %} {% endfor %} {% if prefs.use_hls == "on" %}
|
||||
<script src="/hls.min.js"></script>
|
||||
<script src="/playHLSVideo.js"></script>
|
||||
{% endif %}
|
||||
|
|
@ -85,11 +90,17 @@
|
|||
|
||||
<footer>
|
||||
{% if ends.0 != "" %}
|
||||
<a href="?sort={{ sort.0 }}&t={{ sort.1 }}&before={{ ends.0 }}" accesskey="P">PREV</a>
|
||||
{% endif %}
|
||||
|
||||
{% if ends.1 != "" %}
|
||||
<a href="?sort={{ sort.0 }}&t={{ sort.1 }}&after={{ ends.1 }}" accesskey="N">NEXT</a>
|
||||
<a
|
||||
href="?sort={{ sort.0 }}&t={{ sort.1 }}&before={{ ends.0 }}"
|
||||
accesskey="P"
|
||||
>PREV</a
|
||||
>
|
||||
{% endif %} {% if ends.1 != "" %}
|
||||
<a
|
||||
href="?sort={{ sort.0 }}&t={{ sort.1 }}&after={{ ends.1 }}"
|
||||
accesskey="N"
|
||||
>NEXT</a
|
||||
>
|
||||
{% endif %}
|
||||
</footer>
|
||||
</div>
|
||||
|
|
@ -99,7 +110,12 @@
|
|||
<center>(Content from u/{{ user.name }} has been filtered)</center>
|
||||
{% endif %}
|
||||
<div class="panel" id="user">
|
||||
<img loading="lazy" id="user_icon" src="{{ user.icon }}" alt="User icon">
|
||||
<img
|
||||
loading="lazy"
|
||||
id="user_icon"
|
||||
src="{{ user.icon }}"
|
||||
alt="User icon"
|
||||
/>
|
||||
<h1 id="user_title">{{ user.title }}</h1>
|
||||
<p id="user_name">u/{{ user.name }}</p>
|
||||
<div id="user_description">{{ user.description }}</div>
|
||||
|
|
@ -113,28 +129,50 @@
|
|||
{% let name = ["u_", user.name.as_str()].join("") %}
|
||||
<div id="user_subscription">
|
||||
{% if prefs.subscriptions.contains(name) %}
|
||||
<form action="/r/{{ name }}/unsubscribe?redirect={{ redirect_url }}" method="POST">
|
||||
<form
|
||||
action="/r/{{ name }}/unsubscribe?redirect={{ redirect_url }}"
|
||||
method="POST"
|
||||
>
|
||||
<button class="unsubscribe">Unfollow</button>
|
||||
</form>
|
||||
{% else %}
|
||||
<form action="/r/{{ name }}/subscribe?redirect={{ redirect_url }}" method="POST">
|
||||
<form
|
||||
action="/r/{{ name }}/subscribe?redirect={{ redirect_url }}"
|
||||
method="POST"
|
||||
>
|
||||
<button class="subscribe">Follow</button>
|
||||
</form>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div id="user_filter">
|
||||
{% if prefs.filters.contains(name) %}
|
||||
<form action="/r/{{ name }}/unfilter?redirect={{ redirect_url }}" method="POST">
|
||||
<form
|
||||
action="/r/{{ name }}/unfilter?redirect={{ redirect_url }}"
|
||||
method="POST"
|
||||
>
|
||||
<button class="unfilter">Unfilter</button>
|
||||
</form>
|
||||
{% else %}
|
||||
<form action="/r/{{ name }}/filter?redirect={{ redirect_url }}" method="POST">
|
||||
<form
|
||||
action="/r/{{ name }}/filter?redirect={{ redirect_url }}"
|
||||
method="POST"
|
||||
>
|
||||
<button class="filter">Filter</button>
|
||||
</form>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% if crate::utils::enable_rss() %}
|
||||
<div id="user_rss">
|
||||
<a
|
||||
href="/u/{{ user.name }}.rss"
|
||||
title="RSS feed for u/{{ user.name }}"
|
||||
>
|
||||
<button class="subscribe">RSS feed</button>
|
||||
</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
</main>
|
||||
</main>
|
||||
{% endblock %}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue