From 01cad4a53ec4f06d7f79e8214cd8f7258262dd39 Mon Sep 17 00:00:00 2001
From: caandt <caandt@twoha.cc>
Date: Fri, 11 Oct 2024 20:54:58 -0500
Subject: [PATCH] contact

---
 pages/contact.html | 13 ++++++++++++-
 static/style.css   |  3 +++
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/pages/contact.html b/pages/contact.html
index d63375c..96c507d 100644
--- a/pages/contact.html
+++ b/pages/contact.html
@@ -4,7 +4,7 @@ title: message
 <div class="container">
   <div class="panel f">
     <h2>contact</h2>
-    <form method="post" action="/_/message">
+    <form method="post" action="/_/message" id="form">
       <label><input type="text" name="name" value="" required>name</label>
       <label><input type="text" name="email" value="">email / other contact info</label>
       <br>
@@ -12,5 +12,16 @@ title: message
       <br>
       <input type="submit" value="submit">
     </form>
+    <script type="module">
+      import { popup } from '/static/util.js'
+      const form = document.getElementById('form')
+      form.onsubmit = e => {
+        e.preventDefault();
+        fetch(e.target.action, {method: 'POST', body: new FormData(e.target)}).then(() => {
+          popup('submitted!');
+          form.reset();
+        });
+      }
+    </script>
   </div>
 </div>
diff --git a/static/style.css b/static/style.css
index 28dfcbe..033bdd4 100644
--- a/static/style.css
+++ b/static/style.css
@@ -43,6 +43,9 @@ input, textarea {
   border: 1px solid var(--fg);
   margin: 5px;
 }
+input[type=submit] {
+  cursor: pointer;
+}
 table, th, td {
   border: 1px dashed var(--fg);
   border-collapse: collapse;