ProjectSegfault/website
4
2
Fork 1
mirror of https://github.com/ProjectSegfault/website.git synced 2025-02-05 16:40:18 +05:30
Code Issues Projects Releases Wiki Activity

format

Browse Source
This commit is contained in:
Akis 2022-07-29 14:13:45 +03:00
parent 48eae47254
commit 8cfcdaec09
Signed by untrusted user: akis
GPG Key ID: 267BF5C6677944ED
2 changed files with 98 additions and 79 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
src/lib/ContactForm.svelte
View File

@ -1,21 +1,31 @@
<script lang="ts"> <script lang="ts">
import IconLock from '~icons/fa6-solid/lock'; import IconLock from "~icons/fa6-solid/lock";
import IconInfo from '~icons/fa6-solid/circle-info'; import IconInfo from "~icons/fa6-solid/circle-info";
import HCaptcha from 'svelte-hcaptcha'; import HCaptcha from "svelte-hcaptcha";
let submit = false; let submit = false;
let showSubmitButton = () => { let showSubmitButton = () => {
submit = !submit; submit = !submit;
} };
</script> </script>
<form action="https://segfautilities.projectsegfau.lt/api/form" method="POST" id="contact-form"> <form
action="https://segfautilities.projectsegfau.lt/api/form"
method="POST"
id="contact-form"
>
<div class="note"> <div class="note">
<IconLock /> <IconLock />
<b>Your IP will be logged for anti-abuse measures.</b> <b>Your IP will be logged for anti-abuse measures.</b>
</div> </div>
<div class="meta"> <div class="meta">
<input type="text" name="email" class="form-textbox" placeholder="Your email" required /> <input
type="text"
name="email"
class="form-textbox"
placeholder="Your email"
required
/>
<select id="commentType" name="commentType" required class="button"> <select id="commentType" name="commentType" required class="button">
<option value="" selected disabled>Select a type of comment</option> <option value="" selected disabled>Select a type of comment</option>
<option value="Feedback">Feedback</option> <option value="Feedback">Feedback</option>
@ -24,14 +34,22 @@
<option value="Bug">Bug</option> <option value="Bug">Bug</option>
</select> </select>
</div> </div>
<textarea id="comment" name="message" rows="4" cols="25" required class="form-textbox" placeholder="Your message"></textarea> <textarea
id="comment"
name="message"
rows="4"
cols="25"
required
class="form-textbox"
placeholder="Your message"
/>
<div class="note"> <div class="note">
<IconInfo /> <IconInfo />
<b>The submit button will be visible when you complete the Captcha.</b> <b>The submit button will be visible when you complete the Captcha.</b>
</div> </div>
<HCaptcha <HCaptcha
sitekey=67e84266-980c-4050-8a39-142a91928fe8 sitekey="67e84266-980c-4050-8a39-142a91928fe8"
theme=dark theme="dark"
on:success={showSubmitButton} on:success={showSubmitButton}
/> />
{#if submit} {#if submit}
@ -86,7 +104,7 @@
border-radius: 10px; border-radius: 10px;
border: none; border: none;
padding: 0.5rem; padding: 0.5rem;
font-family: 'Comfortaa', sans-serif; font-family: "Comfortaa", sans-serif;
outline: none; outline: none;
} }

1
src/routes/contact.md
View File

@ -12,6 +12,7 @@ description: Do you want to contact us?
{ description } { description }
## Contact Form ## Contact Form
<ContactForm /> <ContactForm />
## Our email ## Our email