misc + webmention form

Changed files
+56 -12
app
assets
stylesheets
views
+30 -4
app/assets/stylesheets/application.css
··· 90 90 grid-column-start: 2; 91 91 } 92 92 93 + .pbody ul { 94 + padding-inline-start: 1.5em; 95 + } 96 + 93 97 ul { 94 98 padding: 0; 95 99 margin-top: .5em; ··· 249 253 margin: initial; 250 254 } 251 255 252 - header h1 { 253 - margin-bottom: .5rem; 256 + nav ul.navbar-list { 257 + padding-top: top: 0; 258 + } 259 + 260 + ul.inline-list { 261 + padding-inline-start: 0 !important; 254 262 } 255 263 256 - nav ul.navbar-list { 257 - padding-top: top: 0; 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; 258 280 } 259 281 260 282 button { ··· 369 391 #HCB_comment_box #hcb_form textarea, #HCB_comment_box #hcb_form #hcb_form_name { 370 392 font-family: var(--font-main) !important; 371 393 font-size: 1.1rem !important; 394 + } 395 + 396 + #HCB_comment_box #hcb_form textarea { 397 + min-height: 5em !important; 372 398 } 373 399 374 400 #HCB_comment_box .hcb-comment-body {
+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
··· 44 44 45 45 <div id="webmentions_bbgm"> 46 46 <h3 id="webmentions">webmentions</h3> 47 + 48 + <%= render "articles/wbmnform" %> 49 + 47 50 <script type="module" src="https://esm.run/seia" async></script> 48 51 49 - <s-e-i-a css="[text='sm']{display:none!important};"></s-e-i-a> 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> 50 53 </div> 51 54 52 55 <%= render "articles/hcard" %>
+6 -7
app/views/profiles/show.html.erb
··· 1 1 <div class="main"> 2 2 3 - <h1>🐬 sweet like bubblegum</h1> 3 + <header> 4 + <h1>🐬 sweet like bubblegum</h1> 5 + </header> 6 + 7 + <%= render "articles/navbar" %> 4 8 5 9 <div class="pfp"><%= render @profile %></div> 6 10 ··· 15 19 <div class="pbody"><%== @profile.bio %></div> 16 20 17 21 <% if user_signed_in? %> 22 + <hr> 18 23 <p class="pbody"> 19 24 <%= link_to "edit", edit_profile_path(id: current_user) %></li> 20 25 </p> 21 26 <% else %> 22 27 <% end %> 23 - 24 - <hr> 25 - 26 - <p class="pbody"> 27 - <%= link_to "home", articles_path %> 28 - </p> 29 28 30 29 </div>