altcha fix

README.md

@@ -1,9 +1,9 @@
 # trouze.github.io
-Repo for my Github pages website hosted at https://tylerrouze.com. Uses [Hugo](https://gohugo.io) to generate.
+Repo for my Github pages website hosted at https://tylerrouze.com. Uses [Astro](https://astro.build) to generate.
 
 ## Build Locally
-Must have hugo installed:
+Must have node installed:
 
 ```sh
-hugo server
+pnpm dev
 ```

src/pages/subscribe.astro

@@ -40,14 +40,26 @@ const LIST_ID = "e769d1fd-a069-436a-acf3-c523b1745b6b";
 
 <script is:inline type="module" src="https://cdn.jsdelivr.net/npm/altcha/dist/altcha.min.js"></script>
 <script is:inline>
-	const email = document.querySelector('.subscribe-form input[type="email"]');
+	const form = document.querySelector('.subscribe-form');
+	const email = form.querySelector('input[type="email"]');
 	const widget = document.getElementById('altcha');
+
 	email.addEventListener('input', () => {
 		if (!widget.classList.contains('visible')) {
 			widget.classList.add('visible');
 			widget.setAttribute('auto', 'onload');
 		}
 	}, { once: true });
+
+	form.addEventListener('submit', (e) => {
+		// altcha injects a hidden input named "altcha" with the solution payload when solved
+		const payload = form.querySelector('input[name="altcha"]');
+		if (!payload || !payload.value) {
+			e.preventDefault();
+			widget.classList.add('visible');
+			widget.setAttribute('auto', 'onload');
+		}
+	});
 </script>
 
 <style>