Merge pull request #72 from ProjectSegfault/format

format

.github/workflows/docker.yml

@@ -3,26 +3,22 @@ name: Docker
 on:
     push:
         branches:
-      - 'master'
+            - "master"
 
 jobs:
     docker:
         runs-on: ubuntu-latest
         steps:
-      -
+            - name: Set up QEMU
-        name: Set up QEMU
               uses: docker/setup-qemu-action@v2
-      -
+            - name: Set up Docker Buildx
-        name: Set up Docker Buildx
               uses: docker/setup-buildx-action@v2
-      -
+            - name: Login to DockerHub
-        name: Login to DockerHub
               uses: docker/login-action@v2
               with:
                   username: ${{ secrets.DOCKERHUB_USERNAME }}
                   password: ${{ secrets.DOCKERHUB_TOKEN }}
-      -
+            - name: Build and push
-        name: Build and push
               uses: docker/build-push-action@v3
               with:
                   push: true

src/lib/ContactForm.svelte

@@ -2,9 +2,20 @@
 	import { Note, Captcha, Form, Meta, TextArea } from "$lib/Form";
 </script>
 
-<Form action="https://segfautils.projectsegfau.lt/api/form" method="POST" id="contact-form" >
+<Form
-	<Note content="Your IP will be logged for anti-abuse measures." icon="i-fa6-solid:lock" />
+	action="https://segfautils.projectsegfau.lt/api/form"
-	<Meta inputType="email" inputPlaceholder="Your email" selectType="commentType">
+	method="POST"
+	id="contact-form"
+>
+	<Note
+		content="Your IP will be logged for anti-abuse measures."
+		icon="i-fa6-solid:lock"
+	/>
+	<Meta
+		inputType="email"
+		inputPlaceholder="Your email"
+		selectType="commentType"
+	>
 		<option value="" selected disabled>Select a type of comment</option>
 		<option value="Feedback">Feedback</option>
 		<option value="Suggestion">Suggestion</option>

src/lib/Form/Captcha.svelte

@@ -9,7 +9,10 @@
 	};
 </script>
 
-<Note content="The submit button will be visible when you complete the Captcha." icon="i-fa6-solid:circle-info" />
+<Note
+	content="The submit button will be visible when you complete the Captcha."
+	icon="i-fa6-solid:circle-info"
+/>
 <HCaptcha
 	sitekey="67e84266-980c-4050-8a39-142a91928fe8"
 	on:success={showSubmitButton}

src/lib/Form/Form.svelte

@@ -4,11 +4,7 @@
 	export let id: string;
 </script>
 
-<form
+<form {action} {method} {id}>
-	{action}
-	{method}
-	{id}
->
 	<slot />
 </form>
 

src/routes/+page.svelte

@@ -26,8 +26,16 @@
 	marginTop="7"
 >
 	<div class="buttons">
-		<LinkButton url="/services" title="Explore our services" icon="i-fa6-solid:bell-concierge" />
+		<LinkButton
-		<LinkButton url="/projects" title="Explore our projects" icon="i-fa6-solid:tractor" />
+			url="/services"
+			title="Explore our services"
+			icon="i-fa6-solid:bell-concierge"
+		/>
+		<LinkButton
+			url="/projects"
+			title="Explore our projects"
+			icon="i-fa6-solid:tractor"
+		/>
 		<LinkButton
 			url="/donate"
 			icon="i-fa6-solid:money-bill"