283 lines
11 KiB
HTML
283 lines
11 KiB
HTML
<!DOCTYPE html>
|
|
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
|
<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>Se joindre - 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="../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://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous" />
|
|
|
|
<!-- Custom styles for this template -->
|
|
<link href="../bootstrap.local.css" rel="stylesheet" />
|
|
|
|
<!-- Custom styles for derivatives -->
|
|
|
|
<link rel="stylesheet" href="../local.css" type="text/css" />
|
|
|
|
|
|
</head>
|
|
<body>
|
|
|
|
<nav class="navbar navbar-default navbar-fixed-top">
|
|
<div class="container">
|
|
<div class="navbar-header">
|
|
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
|
|
<span class="sr-only">Toggle navigation</span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
</button>
|
|
<a class="navbar-brand" href="../">
|
|
<img alt="ilot.io" src="../favicon.png" width="48" height="48" />
|
|
</a>
|
|
</div>
|
|
|
|
<div id="navbar" class="collapse navbar-collapse">
|
|
|
|
|
|
<div class="dropdown navbar-left">
|
|
<button class="btn language-switcher dropdown-toggle" type="button" id="language-menu-top" data-toggle=
|
|
"dropdown" aria-haspopup="true" aria-expanded="true">
|
|
Français
|
|
<img src="../wikiicons/languages.png">
|
|
</button>
|
|
<ul class="dropdown-menu" aria-labelledby="language-menu-top">
|
|
|
|
<li>
|
|
<a href="./index.en.html">English</a>
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- the anchors force ikiwiki to use a tags instead of spans. hopefully. -->
|
|
<ul class="nav navbar-nav navbar-right">
|
|
<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>
|
|
<button class="btn sign-in"
|
|
onclick="window.location.href='https://ilot.io/apps/files';"> Vos fichiers
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
|
|
|
|
<ul class="nav navbar-nav">
|
|
|
|
|
|
|
|
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
</nav>
|
|
|
|
<div class="container" id="content">
|
|
|
|
|
|
|
|
<script src=/join.js></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"> <label for="emptyfield">Veuillez ne
|
|
pas écrire dans cette espace</label> <input id="emptyfield"
|
|
name="emptyfield" 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>
|
|
|
|
|
|
|
|
<!-- Hide until we get an OpenCollective account going
|
|
<h2 id="open-collective">
|
|
Open Collective:</h2>
|
|
<p>Contributing through <a href="https://opencollective.com/ilotio">Open Collective</a> is a condition
|
|
of membership, so applicants must have an existing Open Collective profile, which can be set up <a href="https://opencollective.com/create-account">here</a>.</p>
|
|
<p><label for="oc-user">Link to your OpenCollective profile</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 -->
|
|
|
|
<footer class="footer" role="contentinfo">
|
|
<div class="container">
|
|
|
|
|
|
<p class="text-muted">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-sm-3">
|
|
<h5>Soutient</h5>
|
|
|
|
<ul>
|
|
<li><a href="https://support.ilot.io/fr/hc/706927618">FAQ</a></li>
|
|
<li><a href="https://forge.ilot.io/ilot/-/projects/3">Problèmes connus</a></li>
|
|
<li><a href="https://support.ilot.io/help/706927618">Soutient technique</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-sm-3">
|
|
<h5>Contribuer</h5>
|
|
|
|
<ul>
|
|
<li><span class="selflink">Devenir membre</span>
|
|
<li><a href="https://forge.ilot.io/ilot/-/projects">Forge Git</a></li>
|
|
<li><a href="https://wiki.ilot.io">Wiki</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-sm-3">
|
|
<h5>À propos de nous</h5>
|
|
|
|
<ul>
|
|
<li><a href="../meta/code-of-conduct/">Code de conduite</a></li>
|
|
<li><a href="../meta/license/">Licenses</a></li>
|
|
<li><a href="https://status.ilot.io/status/ilot">État du réseau</a></li>
|
|
</div>
|
|
<div class="col-sm-3 listmonk-form">
|
|
<h5>Nouvelles</h5>
|
|
|
|
<p>S'abonner à notre <a href="https://notif.ilot.io/archive">liste de diffusion</a></p>
|
|
|
|
<form method="post" action="https://notif.ilot.io/subscription/form" class="listmonk-form">
|
|
|
|
<input type="hidden" name="nonce" /> <input id="9c490" type="hidden"
|
|
name="l" value="9c490957-b50b-4162-898d-92259e350cd6" />
|
|
<div class="t">
|
|
<input aria-label="Email" class="btn" type="email" name="email" required
|
|
placeholder="Courriel" />
|
|
</div>
|
|
<button aria-label="Subscribe" class="btn" type="submit">S'abonner</button>
|
|
</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://code.jquery.com/jquery-3.2.1.min.js" crossorigin="anonymous" integrity="sha384-xBuQ/xzmlsLoJpyjoggmTEz8OWUFM0/RC5BsqQBDX2v5cMvDHcMakNTNrHIW2I5f"></script>
|
|
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" crossorigin="anonymous" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"></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=Se%20joindre" alt="tracking pixel to count visitors when Javascript is disabled" />
|
|
</noscript>
|
|
-->
|
|
</body>
|
|
</html>
|