Hcaptcha support on login/register

slowcord/login/public/css/index.css

@@ -104,3 +104,9 @@ label {
 	color: rgb(200, 20, 20);
 	display: none;
 }
+
+.h-captcha {
+	display: flex;
+	justify-content: center;
+	margin-top: 10px;
+}

slowcord/login/public/login.html

@@ -41,6 +41,9 @@
 					href="https://discord.com/api/oauth2/authorize?client_id=991688571415175198&redirect_uri=https%3A%2F%2Fslowcord.maddy.k.vu%2Foauth%2Fdiscord&response_type=code&scope=identify%20email">
 					Login with Discord
 				</a>
+
+				<div class="h-captcha" data-sitekey="fa3163ea-79a7-4b7b-b752-b58c545906c8"></div>
+				<script src="https://js.hcaptcha.com/1/api.js" async defer></script>
 			</form>
 		</div>
 	</div>
@@ -67,11 +70,13 @@
 			const data = new FormData(e.target);
 			const email = data.get("email");
 			const password = data.get("password");
+			const hcaptcha = data.get("h-captcha-response");
 
 			await handleSubmit("/api/v9/auth/login", {
 				login: email,
 				password: password,
-			})
+				captcha_key: hcaptcha,
+			});
 		})
 	</script>
 </body>

slowcord/login/public/register.html

@@ -47,6 +47,9 @@
 					href="https://discord.com/api/oauth2/authorize?client_id=991688571415175198&redirect_uri=https%3A%2F%2Fslowcord.maddy.k.vu%2Foauth%2Fdiscord&response_type=code&scope=identify%20email">
 					Login with Discord
 				</a>
+
+				<div class="h-captcha" data-sitekey="fa3163ea-79a7-4b7b-b752-b58c545906c8"></div>
+				<script src="https://js.hcaptcha.com/1/api.js" async defer></script>
 			</form>
 		</div>
 	</div>
@@ -58,6 +61,7 @@
 			const username = data.get("username");
 			const password = data.get("password");
 			const dob = data.get("dob");
+			const hcaptcha = data.get("h-captcha-response")
 
 			await handleSubmit("/api/v9/auth/register", {
 				consent: true,
@@ -65,6 +69,7 @@
 				username: username,
 				password: password,
 				date_of_birth: dob,
+				captcha_key: hcaptcha,
 			});
 		})
 	</script>