366 lines
14 KiB
HTML
366 lines
14 KiB
HTML
<!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 - 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>
|
|
|
|
|
|
<div class="dropdown ps-2 pe-2">
|
|
<button class="btn language-switcher dropdown" type="button" id="language-menu-top" data-bs-toggle="dropdown" aria-expanded="false">
|
|
<div class="collapse navbar-collapse float-end ms-1" id="navbar">
|
|
Français
|
|
</div>
|
|
<img src="../images/languages.png">
|
|
</button>
|
|
<ul class="dropdown-menu dropdown-menu-end dropdown-menu-lg-start" aria-labelledby="language-menu-top">
|
|
|
|
<li><a href="./index.en.html">English</a></li>
|
|
|
|
|
|
</ul>
|
|
</div>
|
|
|
|
|
|
<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.fr.html">Accueil</a></li>
|
|
<li><a href="../platforms/index.fr.html">Plateformes</a></li>
|
|
<li><span class="selflink">Se joindre</span></li>
|
|
<li class="btn p-0 border sign-in"><a href="https://ilot.io/apps/files">Vos fichiers</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 d'accord avec notre code de conduite"),
|
|
return false;
|
|
}
|
|
|
|
if(!email) {
|
|
alert("Le courriel ne peut pas être vide");
|
|
return false;
|
|
}
|
|
|
|
if(mathspamtrap != "9") {
|
|
alert("Pas la bonne réponse mathématique");
|
|
return false;
|
|
}
|
|
|
|
if(await checkDuplicate(email) === true) {
|
|
alert("Ce courriel à déja fait 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é soumis. 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>
|
|
|
|
|
|
<header class="text-center">
|
|
<h1 class="post-title">Formulaire d'inscription</h1>
|
|
</header>
|
|
<hr>
|
|
|
|
<div class="post-content clearfix">
|
|
|
|
<p>Si vous souhaitez rejoindre l'ilot, veuillez remplir ce formulaire avec vos
|
|
coordonnées, et quelqu'un vous répondra rapidement par courrier
|
|
électronique. Les individus, les coopératives et les autres organisations
|
|
qui s'identifient au mouvement coopératif sont les bienvenus. Si vous n'êtes
|
|
pas contacté dans les sept jours suivant votre inscription, veuillez envoyer
|
|
un courriel à <a href="mailto:support@ilot.io">support@ilot.io</a>.</p>
|
|
<div>
|
|
|
|
<noscript><p>Vous avez besoin de JavaScript pour remplir ce formulaire. Vous pouvez
|
|
également envoyer un courriel <a href="mailto:support@ilot.io">support@ilot.io</a>
|
|
pour vous inscrire</p></noscript>
|
|
|
|
<form>
|
|
|
|
<h2 id="basic-info">Informations de base:</h2>
|
|
<div class="formgroup">
|
|
<label for="name">Nom <i>(optionnel)</i></label> <input id="name"
|
|
name="name" type="text" maxlength="40">
|
|
|
|
<p><label for="email">Adresse électronique de contact</label> <input id="email"
|
|
name="email" type="email" required></p>
|
|
</div>
|
|
|
|
|
|
<p>En 500 caractères maximum, pouvez-vous nous parler un peu de vous ? Par
|
|
exemple, pourquoi vous souhaitez rejoindre l'ilot, et quels sont vos espoirs
|
|
ou vos aspirations pour le site et/ou votre participation ? Nous aimerions
|
|
nous faire une idée de la manière dont nos membres souhaitent utiliser le
|
|
site.</p>
|
|
<p><textarea id="about-me" name="about-me" rows="10"
|
|
maxlength="500"></textarea></p>
|
|
<p>Comment avez-vous connu ilot ? Nous voulons mieux comprendre comment les
|
|
gens nous trouvent.</p>
|
|
<p><textarea id="how-found" name="how-found" rows="10"
|
|
maxlength="500"></textarea></p>
|
|
|
|
<h2 id="open-collective">Open Collective:</h2>
|
|
<p>Faire une contribution à travers <a href="https://opencollective.com/ilot">Open
|
|
Collective</a> est fortement encouragé. Nous
|
|
utilisons cette plateforme pour gérer nos finances. Or, vous devez avoir un
|
|
profil Open Collective, qui peut être créé
|
|
<a href="https://opencollective.com/create-account">ici</a>.</p>
|
|
<p><label for="oc-user">Lien de votre profil Open Collective</label> <input
|
|
id="oc-user" name="oc-user" type="text" required maxlength="50"></p>
|
|
|
|
<h2 id="code-of-conduct">Code de conduite:</h2>
|
|
<p>Les nouveaux membres doivent également accepter notre <span class="createlink">Code de
|
|
conduite</span> et doivent avoir atteint l'âge du
|
|
consentement.</p>
|
|
<p><input type="checkbox" id="agree-to-terms" name="agree-to-terms"
|
|
value="agree-to-terms" required> J'ai plus de 18 ans et j'ai lu, compris et
|
|
accepté les conditions d'utilisation et d'engagement énoncées dans le <a href="../meta/code-of-conduct/">Code
|
|
de conduite</a>. Vous trouverez ci-dessous un résumé du
|
|
code ; n'oubliez pas de consulter le code complet en cliquant sur le
|
|
lien.</p>
|
|
<p>Le code de conduite est un document évolutif qui décrit les comportements
|
|
acceptables lorsque les membres utilisent Nextcloud et tous les autres
|
|
espaces régis par la coopérative. Ilot adopte les "valeurs de la
|
|
coopérative" : l'auto-responsabilité, la démocratie, l'égalité, l'équité et
|
|
la solidarité. Nos membres croient aux valeurs éthiques que sont
|
|
l'honnêteté, l'ouverture, la responsabilité sociale et l'attention portée
|
|
aux autres. Nous suivons également les autres principes coopératifs de
|
|
l'ACI. </p>
|
|
<p>Nous accueillons toute personne capable d'utiliser nos services et prête à
|
|
accepter les responsabilités liées à l'adhésion, indépendamment de qualités
|
|
telles que l'identité ou l'expression de genre, l'orientation sexuelle, le
|
|
handicap, la maladie mentale, la neuro(a)typicité, l'apparence physique, la
|
|
taille, l'âge, la race, la nationalité, l'ethnicité, le statut
|
|
socio-économique, la structure familiale, la spiritualité, la religion (ou
|
|
l'absence de religion), l'éducation ou d'autres traits personnels.</p>
|
|
<p>Nous célébrons tout particulièrement la diversité et ne tolérons aucune
|
|
forme de sectarisme, de préjugé ou de suprématie. Les opinions diverses sur
|
|
la politique, la religion et d'autres sujets sont les bienvenues tant
|
|
qu'elles sont en accord avec nos valeurs fondamentales. Qu'il n'y ait pas de
|
|
confusion, ilot est antiraciste, antifasciste et anti-transphobe. Les
|
|
modérateurs prendront des mesures à l'égard des messages qui contreviennent
|
|
à ce code de conduite.</p>
|
|
|
|
<h2 id="are-you-a-robot">Êtes-vous un robot ?</h2>
|
|
<p><label for="math-spam-trap">Qu'est-ce que deux plus sept ?</label> <input
|
|
id="math-spam-trap" name="math-spam-trap" type="text" required
|
|
maxlength="50"></p> <input type="button" value="Soumettre" id = "submit"
|
|
onClick = "createIssue()"> </form>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</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><span class="selflink">Become a member</span>
|
|
<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.fr&t=Join" alt="tracking pixel to count visitors when Javascript is disabled" />
|
|
</noscript>
|
|
-->
|
|
</body>
|
|
</html>
|