atproto pastebin service: https://plonk.li
stylin for links
+55
-7
+1
-1
src/mixins/post.pug
+1
-1
src/mixins/post.pug
+50
-1
src/public/styles.css
+50
-1
src/public/styles.css
···
58
58
}
59
59
60
60
pre {
61
-
background-color: var(--bg-color-muted);
62
61
padding: 1rem;
63
62
overflow-x: auto;
64
63
}
···
66
65
.comment-body {
67
66
background-color: var(--bg-color);
68
67
padding: 0;
68
+
margin-top: 0.1rem;
69
+
}
70
+
71
+
.comment-info {
72
+
margin-bottom: 0;
69
73
}
70
74
71
75
input, textarea, select, button {
···
137
141
align-self: flex-end;
138
142
}
139
143
144
+
.post-link {
145
+
color: var(--text-color);
146
+
text-decoration: none;
147
+
}
148
+
.post-link:hover {
149
+
text-decoration: underline;
150
+
}
151
+
.post-link:visited {
152
+
color: var(--text-color-muted);
153
+
}
154
+
155
+
.post-info {
156
+
margin-top: 0;
157
+
}
158
+
159
+
.post-info, .comment-info {
160
+
color: var(--text-color-muted);
161
+
}
162
+
.post-info a, .comment-info a {
163
+
color: var(--text-color-muted);
164
+
text-decoration: none;
165
+
}
166
+
.post-info a:visited, .comment-info a:visited {
167
+
color: var(--text-color-muted);
168
+
}
169
+
.post-info a:hover, .comment-info a:hover {
170
+
text-decoration: underline;
171
+
}
172
+
140
173
.timeline, .comments {
141
174
display: flex;
142
175
flex-direction: column;
143
176
gap: 1rem;
177
+
padding-bottom: 1rem;
144
178
}
145
179
146
180
.login-input-title {
···
182
216
.code-line-content {
183
217
color: var(--text-color);
184
218
}
219
+
220
+
.header, .footer {
221
+
color: var(--text-color);
222
+
}
223
+
224
+
.header a, .header a:visited,
225
+
.footer a, .footer a:visited {
226
+
color: var(--link-color);
227
+
text-decoration: none;
228
+
}
229
+
230
+
.header a:hover,
231
+
.footer a:hover {
232
+
text-decoration: underline;
233
+
}
+4
-5
src/views/paste.pug
+4
-5
src/views/paste.pug
···
10
10
main#content
11
11
+header(ownDid, didHandleMap)
12
12
h1 #{paste.title}
13
-
p
13
+
p.post-info
14
14
| @#{didHandleMap[paste.authorDid]} ·
15
15
| #{timeDifference(now, Date.parse(paste.createdAt))} ago ·
16
16
| #{paste.lang} ·
17
17
| #{paste.code.split('\n').length} loc ·
18
18
a(href=`/r/${paste.shortUrl}`) raw
19
-
| ·
19
+
| ·
20
20
| #{comments.length} #{pluralize(comments.length, 'comment')}
21
21
pre
22
22
code
···
34
34
div.comments
35
35
each comment in comments
36
36
div.comment(id=`${encodeURIComponent(comment.uri)}`)
37
-
p
37
+
p.comment-info
38
38
a(href=`/u/${comment.authorDid}`)
39
39
| @#{didHandleMap[comment.authorDid]}
40
40
| ·
41
41
| #{timeDifference(now, Date.parse(paste.createdAt))} ago
42
-
p
43
-
pre.comment-body #{comment.body}
42
+
pre.comment-body #{comment.body}
44
43
45
44
if ownDid
46
45
form(action=`/${encodeURIComponent(paste.uri)}/comment` method="post").post-form