103 lines
7.2 KiB
HTML
103 lines
7.2 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="robots" content="noindex">
|
||
<title>Valider la création de votre 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/subscribeValidation.app.js" defer></script>
|
||
<link rel="shortcut icon" href="/img/favicon.ico">
|
||
<link rel="stylesheet" href="/themes/wikilerni/css/style.css">
|
||
</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">
|
||
<a href="/" title="Page d'accueil WikLerni"><img src="/themes/wikilerni/img/wikilerni-purple-2-512.png" alt="Logo WikiLerni" title="W I K I L E R N I" /></a>
|
||
<p>Cultivons notre jardin !</p>
|
||
<h1 class="cardboard">Valider la création de votre compte</h1>
|
||
<div id="message"></div>
|
||
|
||
<form class="needJS" id="subscription2" method="POST">
|
||
<h3>Personnalisez votre abonnement</h3>
|
||
<fieldset>
|
||
<label for="name">Choisissez votre nom ou pseudo : </label><input id="name" type="text" name="name" placeholder="Nom de votre choix" class="cardboard" >
|
||
</fieldset>
|
||
|
||
<fieldset>
|
||
<label for="newPassword">Choisissez votre mot de passe : </label><input id="newPassword" type="password" name="newPassword" placeholder="Mot de passe de votre choix" class="cardboard">
|
||
<div id="passwordMessage"><span class="info">Au moins 8 caractères. <a href="#password" id="getPassword">Générer un mot de passe</a>.</span></div>
|
||
</fieldset>
|
||
|
||
<fieldset>
|
||
<label for="codeGodfather">Code ou e-mail de votre « parrain » ?</label><input id="codeGodfather" type="text" name="codeGodfather" placeholder="Code ou email de votre parrain." class="cardboard">
|
||
<div id="codeGodfatherMessage"><span class="info">Facultatif.</span></div>
|
||
</fieldset>
|
||
|
||
<div class="framed">
|
||
<p>Quels jours de la semaine souhaitez-vous recevoir des e-mails (nouveaux articles ou quizs) ?</p>
|
||
<ul class="checkbox_li">
|
||
<li class="checkbox_li">
|
||
<label for="d2" class="check"><input type="checkbox" id="d2" name="d2" value="true" /><div class="checkbox_override"></div> Lundi.</label>
|
||
</li>
|
||
<li class="checkbox_li">
|
||
<label for="d3" class="check"><input type="checkbox" id="d3" name="d3" value="true" /><div class="checkbox_override"></div> Mardi.</label>
|
||
</li>
|
||
<li class="checkbox_li">
|
||
<label for="d4" class="check"><input type="checkbox" id="d4" name="d4" value="true" /><div class="checkbox_override"></div> Mercredi.</label>
|
||
</li>
|
||
<li class="checkbox_li">
|
||
<label for="d5" class="check"><input type="checkbox" id="d5" name="d5" value="true" /><div class="checkbox_override"></div> Jeudi.</label>
|
||
</li>
|
||
<li class="checkbox_li">
|
||
<label for="d6" class="check"><input type="checkbox" id="d6" name="d6" value="true" /><div class="checkbox_override"></div> Vendredi.</label>
|
||
</li>
|
||
<li class="checkbox_li">
|
||
<label for="d7" class="check"><input type="checkbox" id="d7" name="d7" value="true" /><div class="checkbox_override"></div> Samedi.</label>
|
||
</li>
|
||
<li class="checkbox_li">
|
||
<label for="d1" class="check"><input type="checkbox" id="d1" name="d1" value="true" /><div class="checkbox_override"></div> Dimanche.</label>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="input_wrapper">
|
||
<input id="submitDatas" type="submit" value="Valider vos choix." class="cardboard" />
|
||
</div>
|
||
</form>
|
||
<div id="response"></div>
|
||
|
||
<div id="explanations" class="framed engraved">
|
||
<h2>Besoin d'aide ?</h2>
|
||
<p><b>Votre pseudonyme</b> est complétement libre, mais servira à personnaliser certains affichages.</p>
|
||
<p><b>Votre mot de passe doit compter au moins 8 caractères.</b> Si vous manquez d’inspiration, cliquez sur le lien « Générer un mot de passe » pour en obtenir un. <b>Si vous ne choisissez pas de mot de passe</b>, vous ne pourrez vous connecter à votre compte que via des liens de connexion envoyés sur votre adresse e-mail.</p>
|
||
<p>Si vous connaissez une personne déjà inscrite à WikiLerni, <b>vous pouvez fournir son code parrain ou encore son adresse e-mail</b>. Dans le cas où vous optez ensuite pour un abonnement prémium, il sera alors allongé de 30 jours grâce à ce parrainage.</p>
|
||
<p>Vous pouvez sélectionner <b>les jours de la semaine où vous acceptez de recevoir des mails de WikiLerni</b>.<br>Chaque jour sélectionné, vous recevrez soit une « graine de savoir » WikiLerni, soit un quiz permettant de tester ce que vous avez retenu des envois des jours précédents. S’il n’y a plus de nouveautés, vous recevrez un quiz au hasard parmi ceux déjà envoyés.</p>
|
||
<p><b>Toutes les informations ci-dessus pourront être modifiées par la suite</b> (sauf la désignation de votre éventuel « parrain »).</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> |