75 lines
4.9 KiB
HTML
75 lines
4.9 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="fr">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<meta name="description" content="Formulaire d'inscription à WikiLerni.">
|
||
<title>Créer son compte WikiLerni</title>
|
||
<!-- Version lisible des scripts : https://gitlab.com/lefablab/wikilerni/-/tree/master/front/src -->
|
||
<script src="/JS/polyfill.app.js" defer></script>
|
||
<script src="/JS/subscribe.app.js" defer></script>
|
||
<link rel="shortcut icon" href="/img/favicon.ico">
|
||
<link rel="stylesheet" href="/themes/wikilerni/css/style.css">
|
||
<link rel="canonical" href="https://www.wililerni.com/inscription.html">
|
||
</head>
|
||
|
||
<body class="cardboard">
|
||
<!-- En tête -->
|
||
<header class="cardboard">
|
||
<a href="/" title="Page d'accueil WikLerni"><img src="/themes/wikilerni/img/wikilerni-purple-2-128.png" alt="WikiLerni (logo)" title="Accéder à la page d'accueil de WikiLerni" /></a>
|
||
<ul id="headLinks">
|
||
<li><a href="/contact.html" rel="nofollow">Contact</a></li>
|
||
<li><a href="/quizs/" id="indexHeadLink" title="Les dernières publications">Parcourir</a></li>
|
||
<li><a href="/connexion.html" id="accountHeadLink">Mon compte</a></li>
|
||
<li><a href="/a-propos.html">À propos</a></li>
|
||
<li><a href="/" title="Page d'accueil de WikiLerni">Accueil</a></li>
|
||
</ul>
|
||
</header>
|
||
|
||
<div id="prompt" class="cardboard">
|
||
<img src="/themes/wikilerni/img/wikilerni-purple-2-512.png" alt="Logo WikiLerni" title="W I K I L E R N I" />
|
||
<p>Cultivons notre jardin !</p>
|
||
</div>
|
||
|
||
<div id="signup" class="cardboard">
|
||
|
||
<h1 class="cardboard">Créer votre compte WIKILERNI</h1>
|
||
|
||
<noscript>Désolé, mais pour l’instant, l’utilisation de WikiLerni nécessite l’activation du JavaScript.</noscript>
|
||
<form class="needJS" id="subscription" method="POST">
|
||
<fieldset>
|
||
<label for="email">E-mail : </label><input id="email" type="email" name="email" placeholder="Adresse e-mail" class="cardboard">
|
||
<input id="email2" type="email" name="email2" placeholder="Si vous voyez ce champ, laissez-le vide" class="needJS">
|
||
<div id="emailMessage"></div>
|
||
</fieldset>
|
||
<ul class="checkbox_li">
|
||
<li class="checkbox_li">
|
||
<label for="cguOk" class="check"><input type="checkbox" id="cguOk" name="cguOk" value="true" /><div class="checkbox_override"></div> J'accepte <a href="/CGV-CGU.html" target="_blank" rel="noopener" title="À lire :)">les Conditions Générales d’Utilisation</a> du site.</label>
|
||
</li>
|
||
</ul>
|
||
<div class="input_wrapper">
|
||
<input id="submitDatas" type="submit" value="Valider" class="cardboard" />
|
||
</div>
|
||
</form>
|
||
<div id="response"></div>
|
||
|
||
<div id="explanations" class="framed engraved">
|
||
<h2>Besoin d’aide ?</h2>
|
||
<p>Votre compte WikiLerni va vous permettre de <b>recevoir régulièrement par e-mail des suggestions d’articles lisibles en quelques minutes sur des thèmes variés : arts, cinéma, littérature, musique, mythologie, sciences, etc.</b> Ces lectures sont suivies de <b>quizs vous permettant de tester ce que vous en avez retenu</b>.</p>
|
||
<p>La création de votre compte est <b>gratuite et sans engagement</b> et vous pouvez ensuite <b>stopper les envois en un clic</b>. Elle vous permet de tester WikiLerni durant une période de 15 jours. Libre à vous ensuite de vous abonner ou pas.</p>
|
||
<p>Pour créer votre compte, saisissez juste votre adresse e-mail et acceptez les Conditions Générales d’Utilisation. <b>Vous recevrez un lien de validation sur l’adresse e-mail saisie, qui doit donc être valide</b>.</p>
|
||
<p>Une fois cliqué sur ce lien, <b>vous serez invité à compléter vos informations (choix d’un pseudo, mot de passe…) ou encore à désigner votre « parrain »</b> (facultatif).</p>
|
||
</div>
|
||
|
||
</div>
|
||
<footer class="cardboard">
|
||
<ul id="footLinks">
|
||
<li><a href="https://framasphere.org/people/7e54b7a0b53201389eef2a0000053625" title="Blog WikiLerni sur diaspora*">Blog</a></li>
|
||
<li><a href="/credits.html">Crédits</a></li>
|
||
<li><a href="/mentions-legales.html" rel="nofollow">Mentions légales</a></li>
|
||
<li><a href="/donnees.html">Données personnelles</a></li>
|
||
<li><a href="/CGV-CGU.html" rel="nofollow">CGV & CGU</a></li>
|
||
</ul>
|
||
</footer>
|
||
</body>
|
||
</html> |