Add functional contact form with API backend

- Replaced placeholder form submission with real POST to /api/contact
- Added honeypot field for spam protection
- Success/error feedback states
- Rate limiting handled by backend
This commit is contained in:
Jezza Hehn 2026-04-13 18:41:41 +00:00
parent e1a234d3dc
commit c5c14d2fad
2 changed files with 66 additions and 4 deletions

View file

@ -42,6 +42,11 @@
<div class="column is-8">
<div class="box kp-card">
<form id="contact-form">
<!-- Honeypot field for spam protection - hidden from users -->
<div class="field" style="position: absolute; left: -5000px;" aria-hidden="true">
<label class="label" for="website">Website</label>
<div class="control"><input class="input" type="text" name="website" id="website" tabindex="-1" autocomplete="off" /></div>
</div>
<div class="field">
<label class="label">Name</label>
<div class="control"><input class="input" type="text" name="name" placeholder="Your name or alias" required /></div>