katproto.girlonthemoon.xyz
my blog
misc + webmention form
+56
-12
+30
-4
app/assets/stylesheets/application.css
+30
-4
app/assets/stylesheets/application.css
···
90
grid-column-start: 2;
91
}
92
93
ul {
94
padding: 0;
95
margin-top: .5em;
···
249
margin: initial;
250
}
251
252
-
header h1 {
253
-
margin-bottom: .5rem;
254
}
255
256
-
nav ul.navbar-list {
257
-
padding-top: top: 0;
258
}
259
260
button {
···
369
#HCB_comment_box #hcb_form textarea, #HCB_comment_box #hcb_form #hcb_form_name {
370
font-family: var(--font-main) !important;
371
font-size: 1.1rem !important;
372
}
373
374
#HCB_comment_box .hcb-comment-body {
···
90
grid-column-start: 2;
91
}
92
93
+
.pbody ul {
94
+
padding-inline-start: 1.5em;
95
+
}
96
+
97
ul {
98
padding: 0;
99
margin-top: .5em;
···
253
margin: initial;
254
}
255
256
+
nav ul.navbar-list {
257
+
padding-top: top: 0;
258
+
}
259
+
260
+
ul.inline-list {
261
+
padding-inline-start: 0 !important;
262
}
263
264
+
ul.inline-list li {
265
+
display: inline;
266
+
}
267
+
268
+
ul.inline-list li:before {
269
+
content: "○";
270
+
margin: 0 5px 0 0;
271
+
}
272
+
273
+
ul.inline-list li:first-child:before {
274
+
content: "";
275
+
margin: 0 !important;
276
+
}
277
+
278
+
header h1 {
279
+
margin-bottom: .5rem;
280
}
281
282
button {
···
391
#HCB_comment_box #hcb_form textarea, #HCB_comment_box #hcb_form #hcb_form_name {
392
font-family: var(--font-main) !important;
393
font-size: 1.1rem !important;
394
+
}
395
+
396
+
#HCB_comment_box #hcb_form textarea {
397
+
min-height: 5em !important;
398
}
399
400
#HCB_comment_box .hcb-comment-body {
+16
app/views/articles/_wbmnform.html.erb
+16
app/views/articles/_wbmnform.html.erb
···
···
1
+
<form id="webmention-form" action="https://webmention.io/bubblegum.girlonthemoon.xyz/webmention" method="POST" onsubmit="return buttonHit()">
2
+
<label for="webmention-form" style="font-size:1em;">send me a webmention!</label>
3
+
4
+
<input id="webmention-source" type="url" autocomplete="url" required="" pattern="^https?:\/\/(.*)" name="source" placeholder="paste the link to your post here!" class="error" aria-invalid="true" style="width:40ch;" />
5
+
6
+
<input id="webmention-submit" type="submit" name="submit" value="ping me!" />
7
+
8
+
<input id="webmention-format" type="hidden" name="format" value="html" />
9
+
<input id="webmention-target" type="hidden" name="target" value="<%= article_url(@article.slug) %>" />
10
+
</form>
11
+
12
+
<script>
13
+
function buttonHit() {
14
+
return alert("thank you for the ping!");
15
+
}
16
+
</script>
+4
-1
app/views/articles/show.html.erb
+4
-1
app/views/articles/show.html.erb
···
44
45
<div id="webmentions_bbgm">
46
<h3 id="webmentions">webmentions</h3>
47
+
48
+
<%= render "articles/wbmnform" %>
49
+
50
<script type="module" src="https://esm.run/seia" async></script>
51
52
+
<s-e-i-a css="[text='sm']{display:none!important}[rounded~='avatar']{border-radius:0!important}[p-4=""]{padding:0!important}[transition='']{transition-property:none!important;transition-timing-function:none!important;transition-duration:0!important}[space-x~='reverse'] > :not([hidden]) ~ :not([hidden]){--un-space-x-reverse:-0.5!important};"></s-e-i-a>
53
</div>
54
55
<%= render "articles/hcard" %>
+6
-7
app/views/profiles/show.html.erb
+6
-7
app/views/profiles/show.html.erb
···
1
<div class="main">
2
3
-
<h1>🐬 sweet like bubblegum</h1>
4
5
<div class="pfp"><%= render @profile %></div>
6
···
15
<div class="pbody"><%== @profile.bio %></div>
16
17
<% if user_signed_in? %>
18
<p class="pbody">
19
<%= link_to "edit", edit_profile_path(id: current_user) %></li>
20
</p>
21
<% else %>
22
<% end %>
23
-
24
-
<hr>
25
-
26
-
<p class="pbody">
27
-
<%= link_to "home", articles_path %>
28
-
</p>
29
30
</div>
···
1
<div class="main">
2
3
+
<header>
4
+
<h1>🐬 sweet like bubblegum</h1>
5
+
</header>
6
+
7
+
<%= render "articles/navbar" %>
8
9
<div class="pfp"><%= render @profile %></div>
10
···
19
<div class="pbody"><%== @profile.bio %></div>
20
21
<% if user_signed_in? %>
22
+
<hr>
23
<p class="pbody">
24
<%= link_to "edit", edit_profile_path(id: current_user) %></li>
25
</p>
26
<% else %>
27
<% end %>
28
29
</div>