2024-09-25 22:20:47 +02:00
|
|
|
---
|
2024-10-09 20:33:18 +02:00
|
|
|
import Input from "@/components/Input.astro"
|
|
|
|
|
import * as m from "@/paraglide/messages.js"
|
2024-09-25 22:20:47 +02:00
|
|
|
// TODO self-host email server
|
|
|
|
|
---
|
|
|
|
|
|
2025-02-16 11:49:06 +01:00
|
|
|
<div class="max-w-[500px] mx-auto">
|
|
|
|
|
<form
|
|
|
|
|
class="flex flex-col gap-2 w-full"
|
|
|
|
|
method="post"
|
|
|
|
|
action="https://formspree.io/f/mknykgbn"
|
|
|
|
|
>
|
|
|
|
|
<Input label={m.name()} type="text" name="name" required />
|
|
|
|
|
<Input label={m.subject()} name="subject" required />
|
|
|
|
|
<Input label={m.email()} name="_replyto" />
|
|
|
|
|
{/*Honeypot spam filter*/}
|
|
|
|
|
<input name="_gotcha" type="text" class={"hidden"} />
|
|
|
|
|
<label class="flex flex-col">
|
|
|
|
|
{m.message()}
|
|
|
|
|
<textarea
|
|
|
|
|
name="message"
|
|
|
|
|
class="textarea textarea-bordered w-full bg-cat-base"
|
|
|
|
|
required></textarea>
|
|
|
|
|
</label>
|
|
|
|
|
</form>
|
|
|
|
|
<button
|
|
|
|
|
type="submit"
|
|
|
|
|
class="btn mt-2 bg-cat-base border-cat-surface0"
|
|
|
|
|
title={m.send()}>{m.send()}</button
|
|
|
|
|
>
|
|
|
|
|
</div>
|
