changed background

guestbook.php

@@ -98,12 +98,18 @@ require __DIR__ . '/inc/header.php';
 <?php endif; ?>
 
 <form hx-post="/guestbook.php" hx-target="#entries" hx-swap="innerHTML"
+      hx-indicator="#sign" hx-disabled-elt="#sign"
+      hx-on::after-request="if (event.detail.successful) this.reset()"
       method="post" action="/guestbook.php">
   <input name="name" placeholder="name" maxlength="40" required>
   <textarea name="msg" placeholder="say something…" maxlength="250" required></textarea>
   <input name="url" tabindex="-1" autocomplete="off" aria-hidden="true"
          style="position:absolute;left:-9999px" placeholder="leave this empty">
-  <button type="submit">sign</button>
+  <button type="submit" id="sign" class="btn-sign">
+    <span class="idle">sign</span>
+    <span class="pending">signing&hellip;</span>
+    <span class="arrow" aria-hidden="true">&rarr;</span>
+  </button>
 </form>
 
 <div id="entries">