From 338d91891a018e75de5777b822117200e7ae15c2 Mon Sep 17 00:00:00 2001
From: "forgejo-actions[bot]" <dev@ayakael.net>
Date: Thu, 3 Apr 2025 22:42:16 +0000
Subject: [PATCH] join: migrate registration form to Forgejo backend

---
 generated.txt           |   2 +-
 ikiwiki.setup           |   1 +
 join.fr.mo              | Bin 12916 -> 8321 bytes
 join/index.en.html      |  80 ++++++++++++-
 join/index.fr.html      |  80 ++++++++++++-
 join/join-en/index.html | 254 ++++++++++++++++++++++++++++++++++++++++
 join/join-fr/index.html | 254 ++++++++++++++++++++++++++++++++++++++++
 7 files changed, 667 insertions(+), 4 deletions(-)
 create mode 100644 join/join-en/index.html
 create mode 100644 join/join-fr/index.html

diff --git a/generated.txt b/generated.txt
index 0bcf98b..9531d2f 100644
--- a/generated.txt
+++ b/generated.txt
@@ -1 +1 @@
-Tue Apr  1 00:29:34 UTC 2025
+Thu Apr  3 22:42:15 UTC 2025
diff --git a/ikiwiki.setup b/ikiwiki.setup
index 75d756a..a05aef6 100644
--- a/ikiwiki.setup
+++ b/ikiwiki.setup
@@ -46,6 +46,7 @@ add_plugins:
 - typography
 - sidebar2
 - po
+- inline
 # plugins to disable
 disable_plugins:
 - htmlscrubber
diff --git a/join.fr.mo b/join.fr.mo
index 84b5f10e829e310b96c47ef7e648488c8497f1c3..efd408c22b28598bd1326da10a1f149ad6552cd1 100644
GIT binary patch
delta 505
zcmaKoKS%;$7{;F~D>cmglW8Sgx0Ym@QGtUk4bDNJ4pvurg^40%Q6lt@tffO}HJght
zT5^rnn!{*rXb6X<=sBEPdb#KO-SfWR_uhM7W2q3zzgcx9FznO-RioTgRN%sRCd1SV
zrO>-ufe-SSOpqBJa7xz6Zc=FjI>{YU^GBqEXD`Tk`kQtjORw($et<mo^gxP*T?1et
zKgmmOfU&u;!fs`HmkBsz`k@O5kuzqXLGF`VtmpW(Ed3XoX!%uZbHJDlIHP|ed&oKd
zsm3+Zf+$eni^K*hNsD_{Z|Q9gz(+pz0_V(sI{`i@x&T89a7Dhde%;Sm=}&lV71m3G
zz$`f>s*2DjKs^w`oV^*^)!3_bp=cTwBaxv*ay^lh#Z-Jn&IBc8Bas}{7LS~i#B_W!
xDCOjg6pN_~PM;~@@s4}EesOGa+CQO|op&t(qxvo^R%@<p^T>bQmeYT_;TPNDS-SuL

delta 4963
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
Nm|6vc?Ei^_$Uh(YL;3&!

diff --git a/join/index.en.html b/join/index.en.html
index 696af35..58a5c58 100644
--- a/join/index.en.html
+++ b/join/index.en.html
@@ -86,7 +86,85 @@
 		<div class="container" id="content">
 			
 
-<script src="../js/join.js"></script>
+
+<script>
+	async function checkDuplicate() {
+		var url='https://forge.ilot.io/api/v1/repos/ilot/registration/issues';
+        var email = document.getElementById("email").value;
+
+		const response = await fetch(url, {
+		headers: {
+			'authorization': 'token b8d8617bb6049c0e47b7bba5cd0931799f54609c',
+			'Content-Type': 'application/json',
+		},
+		})
+		const result = await response.json();
+		let index = result
+		.findIndex(item => item.title === email);
+
+		if (index !== -1) {
+			return true;
+		} else {
+			return false;
+		}
+	}
+
+	async function createIssue() {
+	  	var url = 'https://forge.ilot.io/api/v1/repos/ilot/registration/issues';
+        var mathspamtrap = document.getElementById("math-spam-trap").value;
+        var agreetoterms = document.getElementById("agree-to-terms").checked;
+        var email = document.getElementById("email").value;
+
+		if(!agreetoterms) {
+			alert("Registration requires agreement of Code of Conduct.");
+			return false;
+		}
+
+		if(!email) {
+			alert("Email cannot be empty.");
+			return false;
+		}
+
+		if(mathspamtrap != "9") {
+			alert("Wrong math answer.");
+			return false;
+		}
+
+		if(await checkDuplicate(email) === true) {
+			alert("This email address has already requested an account.");
+			return false;
+		}
+
+        var name = document.getElementById("name").value;
+		var name = name.replace (/^/,'Name: ');
+        var aboutme = document.getElementById("about-me").value;
+		var aboutme = aboutme.replace (/^/,'About me: ');
+        var howfound = document.getElementById("how-found").value;
+		var howfound = howfound.replace (/^/,'How I found ilot: ');
+        var ocuser = document.getElementById("oc-user").value;
+		var ocuser = ocuser.replace (/^/,'OpenCollective Profile: ');
+		var description = name + "\n\n" + aboutme + "\n\n" + howfound + "\n\n" + ocuser;
+		console.log('Description:', description);
+
+		fetch(url, {
+		method: 'POST',
+		headers: {
+			'authorization': 'token b8d8617bb6049c0e47b7bba5cd0931799f54609c',
+			'Content-Type': 'application/json',
+		},
+			body: JSON.stringify({ title: email, body: description }),
+		})
+		.then(response => response.json())
+		.then(result => {
+			console.log('Success:', result);
+			alert("Request submitted. A working group member will process your registration shortly. If you receive no contact within seven days of registration, please send an email to support@ilot.io.");
+		})
+		.catch(error => {
+			console.error('Error:', error)
+		});
+	}
+</script>
+
 
 <header class="text-center">
 	<h1 class="post-title">Registration Form</h1>
diff --git a/join/index.fr.html b/join/index.fr.html
index 21579b3..f7e42ef 100644
--- a/join/index.fr.html
+++ b/join/index.fr.html
@@ -85,9 +85,85 @@
 
 		<main class="flex-shrink-0">
 		<div class="container" id="content">
-			
+			 
+<script>
+	async function checkDuplicate() {
+		var url='https://forge.ilot.io/api/v1/repos/ilot/registration/issues';
+        var email = document.getElementById("email").value;
+
+		const response = await fetch(url, {
+		headers: {
+			'authorization': 'token b8d8617bb6049c0e47b7bba5cd0931799f54609c',
+			'Content-Type': 'application/json',
+		},
+		})
+		const result = await response.json();
+		let index = result
+		.findIndex(item => item.title === email);
+
+		if (index !== -1) {
+			return true;
+		} else {
+			return false;
+		}
+	}
+
+	async function createIssue() {
+	  	var url = 'https://forge.ilot.io/api/v1/repos/ilot/registration/issues';
+        var mathspamtrap = document.getElementById("math-spam-trap").value;
+        var agreetoterms = document.getElementById("agree-to-terms").checked;
+        var email = document.getElementById("email").value;
+
+		if(!agreetoterms) {
+			alert("Vous devez être en accord avec notre code de conduite.");
+			return false;
+		}
+
+		if(!email) {
+			alert("Le courriel ne peut pas être vide.");
+			return false;
+		}
+
+		if(mathspamtrap != "9") {
+			alert("Ceci n'est pas la bonne réponse à l'exercise mathématique.");
+			return false;
+		}
+
+		if(await checkDuplicate(email) === true) {
+			alert("Ce courriel a déjà fait l'objet d'une demande de compte.");
+			return false;
+		}
+
+        var name = document.getElementById("name").value;
+		var name = name.replace (/^/,'Name: ');
+        var aboutme = document.getElementById("about-me").value;
+		var aboutme = aboutme.replace (/^/,'About me: ');
+        var howfound = document.getElementById("how-found").value;
+		var howfound = howfound.replace (/^/,'How I found ilot: ');
+        var ocuser = document.getElementById("oc-user").value;
+		var ocuser = ocuser.replace (/^/,'OpenCollective Profile: ');
+		var description = name + "\n\n" + aboutme + "\n\n" + howfound + "\n\n" + ocuser;
+		console.log('Description:', description);
+
+		fetch(url, {
+		method: 'POST',
+		headers: {
+			'authorization': 'token b8d8617bb6049c0e47b7bba5cd0931799f54609c',
+			'Content-Type': 'application/json',
+		},
+			body: JSON.stringify({ title: email, body: description }),
+		})
+		.then(response => response.json())
+		.then(result => {
+			console.log('Success:', result);
+			alert("Votre demande a été soumise. Un membre d'un groupe de travail va traiter votre demande sous peu. Si vous ne recevez pas de nouvelle d'ici sept jours, contactez-vous via support@ilot.io.");
+		})
+		.catch(error => {
+			console.error('Error:', error)
+		});
+	}
+</script>
 
-<script src="../js/join.js"></script>
 
 <header class="text-center">
 	<h1 class="post-title">Formulaire d'inscription</h1>
diff --git a/join/join-en/index.html b/join/join-en/index.html
new file mode 100644
index 0000000..afc656f
--- /dev/null
+++ b/join/join-en/index.html
@@ -0,0 +1,254 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" class="h-100">
+	<head>
+		<meta charset="utf-8" />
+		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
+		<meta name="viewport" content="width=device-width, initial-scale=1" />
+		<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
+		
+
+		<title>join-en - ilot.io</title>
+
+		<!-- cargo-culted from https://realfavicongenerator.net/ -->
+		<!-- for the record: it is absolutely ridiculous that new browsers
+		*and* operating systems each want their own little precious
+		snowflake just for a frigging icon -->
+		<link rel="apple-touch-icon" sizes="180x180" href="../../apple-touch-icon.png">
+		<link rel="icon" type="image/png" sizes="32x32" href="../../favicon-32x32.png">
+		<link rel="icon" type="image/png" sizes="16x16" href="../../favicon-16x16.png">
+		<link rel="manifest" href="../../site.webmanifest">
+		<meta name="msapplication-TileColor" content="#da532c">
+		<meta name="theme-color" content="#ffffff">
+
+		<!-- ikiwiki CSS -->
+		<link href="../../css/style.css" rel="stylesheet" />
+
+		<!-- Bootstrap core CSS -->
+		<!-- those checksums can be verified with: shasum -b -a 384 $file | xxd -r -p | base64 -->
+		<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
+
+		<!-- Custom styles for this template -->
+		<link href="../../css/bootstrap.local.css" rel="stylesheet" />
+
+		<!-- Custom styles for derivatives -->
+		
+			<link rel="stylesheet" href="../../css/local.css" type="text/css" />
+		
+
+	</head>
+	<body class="d-flex flex-column h-100">
+		<header>
+		<nav class="navbar fixed-top navbar-expand-md navbar-light bg-light border">
+			<div class="container-fluid">
+				<a class="navbar-brand me-auto" href="../../">
+					<img alt="ilot.io" src="../../favicon.png" width="48" height="48" />
+				</a>
+
+				
+
+				<button class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbarScroll" aria-expanded="false" aria-label="Toggle navigation">
+					<span class="navbar-toggler-icon"></span>
+				</button>
+
+				<div id="navbar" class="collapse navbar-collapse">
+					<!-- the anchors force ikiwiki to use a tags instead of spans. hopefully. -->
+<ul class="navbar-nav nav-link align-items-center ms-auto">
+<li><a href="../../index.en.html">Home</a></li>
+<li><a href="../../platforms/index.en.html">Platforms</a></li>
+<li><a href="../index.en.html">Join</a></li>
+<li class="btn p-0 border sign-in"><a href="https://ilot.io/apps/files">Your Files</a></li>
+</ul>
+
+					<ul class="nav navbar-nav">
+						
+					</ul>
+				</div>
+			</div>
+		</nav>
+		</header>
+
+		<main class="flex-shrink-0">
+		<div class="container" id="content">
+			<script>
+	async function checkDuplicate() {
+		var url='https://forge.ilot.io/api/v1/repos/ilot/registration/issues';
+        var email = document.getElementById("email").value;
+
+		const response = await fetch(url, {
+		headers: {
+			'authorization': 'token b8d8617bb6049c0e47b7bba5cd0931799f54609c',
+			'Content-Type': 'application/json',
+		},
+		})
+		const result = await response.json();
+		let index = result
+		.findIndex(item => item.title === email);
+
+		if (index !== -1) {
+			return true;
+		} else {
+			return false;
+		}
+	}
+
+	async function createIssue() {
+	  	var url = 'https://forge.ilot.io/api/v1/repos/ilot/registration/issues';
+        var mathspamtrap = document.getElementById("math-spam-trap").value;
+        var agreetoterms = document.getElementById("agree-to-terms").checked;
+        var email = document.getElementById("email").value;
+
+		if(!agreetoterms) {
+			alert("Registration requires agreement of Code of Conduct.");
+			return false;
+		}
+
+		if(!email) {
+			alert("Email cannot be empty.");
+			return false;
+		}
+
+		if(mathspamtrap != "9") {
+			alert("Wrong math answer.");
+			return false;
+		}
+
+		if(await checkDuplicate(email) === true) {
+			alert("This email address has already requested an account.");
+			return false;
+		}
+
+        var name = document.getElementById("name").value;
+		var name = name.replace (/^/,'Name: ');
+        var aboutme = document.getElementById("about-me").value;
+		var aboutme = aboutme.replace (/^/,'About me: ');
+        var howfound = document.getElementById("how-found").value;
+		var howfound = howfound.replace (/^/,'How I found ilot: ');
+        var ocuser = document.getElementById("oc-user").value;
+		var ocuser = ocuser.replace (/^/,'OpenCollective Profile: ');
+		var description = name + "\n\n" + aboutme + "\n\n" + howfound + "\n\n" + ocuser;
+		console.log('Description:', description);
+
+		fetch(url, {
+		method: 'POST',
+		headers: {
+			'authorization': 'token b8d8617bb6049c0e47b7bba5cd0931799f54609c',
+			'Content-Type': 'application/json',
+		},
+			body: JSON.stringify({ title: email, body: description }),
+		})
+		.then(response => response.json())
+		.then(result => {
+			console.log('Success:', result);
+			alert("Request submitted. A working group member will process your registration shortly. If you receive no contact within seven days of registration, please send an email to support@ilot.io.");
+		})
+		.catch(error => {
+			console.error('Error:', error)
+		});
+	}
+</script>
+
+			
+
+			
+		</div> <!-- /container -->
+		</main>
+
+		<footer class="footer mt-auto py-2 bg-light" role="contentinfo">
+			<div class="container">
+				<p class="text-muted">
+<div class="container">
+	<div class="row">
+	<div class="col-sm-3">
+		<h5>Support</h5>
+
+		<ul>
+		<li><a href="https://support.ilot.io/en/hc/706927618">FAQs</a></li>
+		<li><a href="https://forge.ilot.io/ilot/-/projects/3">Known issues</a></li>
+		<li><a href="https://support.ilot.io/help/706927618">Support ticket</a></li>
+		</ul>
+	</div>
+	<div class="col-sm-3">
+		<h5>Contribute</h5>
+
+		<ul>
+		<li><a href="../index.en.html">Become a member</a>
+		<li><a href="https://opencollective.com/ilot">Donate</a></li>
+		<li><a href="https://forge.ilot.io/ilot/-/projects">Git Forge</a></li>
+		<li><a href="https://wiki.ilot.io">Wiki</a></li>
+		</ul>
+	</div>
+	<div class="col-sm-3">
+		<h5>About us</h5>
+
+		<ul>
+		<li><a href="../../meta/code-of-conduct/">Code of conduct</a></li>
+		<li><a href="../../meta/license/">Licenses</a></li>
+		<li><a href="https://status.ilot.io/status/ilot">Network Status</a></li>
+	</div>
+	<div class="col-sm-3 listmonk-form">
+		<h5>News</h5>
+
+		<p>Subscribe to our <a href="https://notif.ilot.io/archive">newsletter</a></p>
+
+		<form method="post" action="https://notif.ilot.io/subscription/form" class="listmonk-form">
+
+			<!-- Converts enter key to tab -->
+			<script>
+				document.addEventListener('keydown', function (event) {
+					if (event.keyCode === 13 && event.target.nodeName === 'INPUT') {
+						var form = event.target.form;
+						var index = Array.prototype.indexOf.call(form, event.target);
+						form.elements[index + 1].focus();
+						event.preventDefault();
+					}
+				});
+			</script>
+
+			<input type="hidden" name="nonce" />
+			<input id="39425" type="hidden" name="l" value="39425113-44b5-46f7-9897-91151467b05f" />
+			<div class="t">
+				<input aria-label="Email" class="btn" type="email" name="email" required placeholder="E-mail" />
+			</div>
+			<button aria-label="Subscribe" class="btn" type="button" data-bs-toggle="modal" data-bs-target="#hcaptchamodal">Subscribe</button>
+			<div class="modal fade" id="hcaptchamodal" tabindex="-1" aria-labelledby="haptcha" aria-hidden="true">
+				<div class="modal-dialog">
+					<div class="modal-content">
+						<div class="modal-header">
+							<h5 class="modal-title" id="hcapatchamodallabel">Are you a robot?</h5>
+							<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+						</div>
+						<div class="modal-body">
+							<div class="h-captcha" data-sitekey="be08a59e-ae24-472e-8a80-22d07016ee90" data-callback="submitSubscribe"></div>
+							<script src="https://js.hcaptcha.com/1/api.js" async defer></script>
+						</div>
+						<div class="modal-footer">
+							<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
+							<button aria-label="Subscribe" class="btn" type="submit">Subscribe</button>
+						</div>
+					</div>
+				</div>
+			</div>
+		</form>
+
+	</div>
+	</div>
+</div>
+</p>
+
+			</div>
+		</footer>
+
+		<!-- Bootstrap core JavaScript
+		================================================== -->
+		<!-- Placed at the end of the document so the pages load faster -->
+		<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
+		<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
+
+	<!-- TODO: Find other ways to setup analytics
+		<script data-goatcounter="https://analytics.anarc.at/count" async src="//analytics.anarc.at/count.js"></script>
+		<noscript>
+		<img src="https://analytics.anarc.at/count?p=join/join-en&t=join-en" alt="tracking pixel to count visitors when Javascript is disabled" />
+		</noscript>
+	-->
+	</body>
+</html>
diff --git a/join/join-fr/index.html b/join/join-fr/index.html
new file mode 100644
index 0000000..78826cd
--- /dev/null
+++ b/join/join-fr/index.html
@@ -0,0 +1,254 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" class="h-100">
+	<head>
+		<meta charset="utf-8" />
+		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
+		<meta name="viewport" content="width=device-width, initial-scale=1" />
+		<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
+		
+
+		<title>join-fr - ilot.io</title>
+
+		<!-- cargo-culted from https://realfavicongenerator.net/ -->
+		<!-- for the record: it is absolutely ridiculous that new browsers
+		*and* operating systems each want their own little precious
+		snowflake just for a frigging icon -->
+		<link rel="apple-touch-icon" sizes="180x180" href="../../apple-touch-icon.png">
+		<link rel="icon" type="image/png" sizes="32x32" href="../../favicon-32x32.png">
+		<link rel="icon" type="image/png" sizes="16x16" href="../../favicon-16x16.png">
+		<link rel="manifest" href="../../site.webmanifest">
+		<meta name="msapplication-TileColor" content="#da532c">
+		<meta name="theme-color" content="#ffffff">
+
+		<!-- ikiwiki CSS -->
+		<link href="../../css/style.css" rel="stylesheet" />
+
+		<!-- Bootstrap core CSS -->
+		<!-- those checksums can be verified with: shasum -b -a 384 $file | xxd -r -p | base64 -->
+		<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
+
+		<!-- Custom styles for this template -->
+		<link href="../../css/bootstrap.local.css" rel="stylesheet" />
+
+		<!-- Custom styles for derivatives -->
+		
+			<link rel="stylesheet" href="../../css/local.css" type="text/css" />
+		
+
+	</head>
+	<body class="d-flex flex-column h-100">
+		<header>
+		<nav class="navbar fixed-top navbar-expand-md navbar-light bg-light border">
+			<div class="container-fluid">
+				<a class="navbar-brand me-auto" href="../../">
+					<img alt="ilot.io" src="../../favicon.png" width="48" height="48" />
+				</a>
+
+				
+
+				<button class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbarScroll" aria-expanded="false" aria-label="Toggle navigation">
+					<span class="navbar-toggler-icon"></span>
+				</button>
+
+				<div id="navbar" class="collapse navbar-collapse">
+					<!-- the anchors force ikiwiki to use a tags instead of spans. hopefully. -->
+<ul class="navbar-nav nav-link align-items-center ms-auto">
+<li><a href="../../index.en.html">Home</a></li>
+<li><a href="../../platforms/index.en.html">Platforms</a></li>
+<li><a href="../index.en.html">Join</a></li>
+<li class="btn p-0 border sign-in"><a href="https://ilot.io/apps/files">Your Files</a></li>
+</ul>
+
+					<ul class="nav navbar-nav">
+						
+					</ul>
+				</div>
+			</div>
+		</nav>
+		</header>
+
+		<main class="flex-shrink-0">
+		<div class="container" id="content">
+			<script>
+	async function checkDuplicate() {
+		var url='https://forge.ilot.io/api/v1/repos/ilot/registration/issues';
+        var email = document.getElementById("email").value;
+
+		const response = await fetch(url, {
+		headers: {
+			'authorization': 'token b8d8617bb6049c0e47b7bba5cd0931799f54609c',
+			'Content-Type': 'application/json',
+		},
+		})
+		const result = await response.json();
+		let index = result
+		.findIndex(item => item.title === email);
+
+		if (index !== -1) {
+			return true;
+		} else {
+			return false;
+		}
+	}
+
+	async function createIssue() {
+	  	var url = 'https://forge.ilot.io/api/v1/repos/ilot/registration/issues';
+        var mathspamtrap = document.getElementById("math-spam-trap").value;
+        var agreetoterms = document.getElementById("agree-to-terms").checked;
+        var email = document.getElementById("email").value;
+
+		if(!agreetoterms) {
+			alert("Vous devez être en accord avec notre code de conduite.");
+			return false;
+		}
+
+		if(!email) {
+			alert("Le courriel ne peut pas être vide.");
+			return false;
+		}
+
+		if(mathspamtrap != "9") {
+			alert("Ceci n'est pas la bonne réponse à l'exercise mathématique.");
+			return false;
+		}
+
+		if(await checkDuplicate(email) === true) {
+			alert("Ce courriel a déjà fait l'objet d'une demande de compte.");
+			return false;
+		}
+
+        var name = document.getElementById("name").value;
+		var name = name.replace (/^/,'Name: ');
+        var aboutme = document.getElementById("about-me").value;
+		var aboutme = aboutme.replace (/^/,'About me: ');
+        var howfound = document.getElementById("how-found").value;
+		var howfound = howfound.replace (/^/,'How I found ilot: ');
+        var ocuser = document.getElementById("oc-user").value;
+		var ocuser = ocuser.replace (/^/,'OpenCollective Profile: ');
+		var description = name + "\n\n" + aboutme + "\n\n" + howfound + "\n\n" + ocuser;
+		console.log('Description:', description);
+
+		fetch(url, {
+		method: 'POST',
+		headers: {
+			'authorization': 'token b8d8617bb6049c0e47b7bba5cd0931799f54609c',
+			'Content-Type': 'application/json',
+		},
+			body: JSON.stringify({ title: email, body: description }),
+		})
+		.then(response => response.json())
+		.then(result => {
+			console.log('Success:', result);
+			alert("Votre demande a été soumise. Un membre d'un groupe de travail va traiter votre demande sous peu. Si vous ne recevez pas de nouvelle d'ici sept jours, contactez-vous via support@ilot.io.");
+		})
+		.catch(error => {
+			console.error('Error:', error)
+		});
+	}
+</script>
+
+			
+
+			
+		</div> <!-- /container -->
+		</main>
+
+		<footer class="footer mt-auto py-2 bg-light" role="contentinfo">
+			<div class="container">
+				<p class="text-muted">
+<div class="container">
+	<div class="row">
+	<div class="col-sm-3">
+		<h5>Support</h5>
+
+		<ul>
+		<li><a href="https://support.ilot.io/en/hc/706927618">FAQs</a></li>
+		<li><a href="https://forge.ilot.io/ilot/-/projects/3">Known issues</a></li>
+		<li><a href="https://support.ilot.io/help/706927618">Support ticket</a></li>
+		</ul>
+	</div>
+	<div class="col-sm-3">
+		<h5>Contribute</h5>
+
+		<ul>
+		<li><a href="../index.en.html">Become a member</a>
+		<li><a href="https://opencollective.com/ilot">Donate</a></li>
+		<li><a href="https://forge.ilot.io/ilot/-/projects">Git Forge</a></li>
+		<li><a href="https://wiki.ilot.io">Wiki</a></li>
+		</ul>
+	</div>
+	<div class="col-sm-3">
+		<h5>About us</h5>
+
+		<ul>
+		<li><a href="../../meta/code-of-conduct/">Code of conduct</a></li>
+		<li><a href="../../meta/license/">Licenses</a></li>
+		<li><a href="https://status.ilot.io/status/ilot">Network Status</a></li>
+	</div>
+	<div class="col-sm-3 listmonk-form">
+		<h5>News</h5>
+
+		<p>Subscribe to our <a href="https://notif.ilot.io/archive">newsletter</a></p>
+
+		<form method="post" action="https://notif.ilot.io/subscription/form" class="listmonk-form">
+
+			<!-- Converts enter key to tab -->
+			<script>
+				document.addEventListener('keydown', function (event) {
+					if (event.keyCode === 13 && event.target.nodeName === 'INPUT') {
+						var form = event.target.form;
+						var index = Array.prototype.indexOf.call(form, event.target);
+						form.elements[index + 1].focus();
+						event.preventDefault();
+					}
+				});
+			</script>
+
+			<input type="hidden" name="nonce" />
+			<input id="39425" type="hidden" name="l" value="39425113-44b5-46f7-9897-91151467b05f" />
+			<div class="t">
+				<input aria-label="Email" class="btn" type="email" name="email" required placeholder="E-mail" />
+			</div>
+			<button aria-label="Subscribe" class="btn" type="button" data-bs-toggle="modal" data-bs-target="#hcaptchamodal">Subscribe</button>
+			<div class="modal fade" id="hcaptchamodal" tabindex="-1" aria-labelledby="haptcha" aria-hidden="true">
+				<div class="modal-dialog">
+					<div class="modal-content">
+						<div class="modal-header">
+							<h5 class="modal-title" id="hcapatchamodallabel">Are you a robot?</h5>
+							<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+						</div>
+						<div class="modal-body">
+							<div class="h-captcha" data-sitekey="be08a59e-ae24-472e-8a80-22d07016ee90" data-callback="submitSubscribe"></div>
+							<script src="https://js.hcaptcha.com/1/api.js" async defer></script>
+						</div>
+						<div class="modal-footer">
+							<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
+							<button aria-label="Subscribe" class="btn" type="submit">Subscribe</button>
+						</div>
+					</div>
+				</div>
+			</div>
+		</form>
+
+	</div>
+	</div>
+</div>
+</p>
+
+			</div>
+		</footer>
+
+		<!-- Bootstrap core JavaScript
+		================================================== -->
+		<!-- Placed at the end of the document so the pages load faster -->
+		<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
+		<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
+
+	<!-- TODO: Find other ways to setup analytics
+		<script data-goatcounter="https://analytics.anarc.at/count" async src="//analytics.anarc.at/count.js"></script>
+		<noscript>
+		<img src="https://analytics.anarc.at/count?p=join/join-fr&t=join-fr" alt="tracking pixel to count visitors when Javascript is disabled" />
+		</noscript>
+	-->
+	</body>
+</html>