WikiLerni/front/public/inscription.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>S'inscrire à 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 derniers quizs">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="name">Nom ou pseudonyme : </label><input id="name" type="text" name="name" placeholder="Nom de votre choix" class="cardboard" >
                </fieldset>
                
                <fieldset>
                    <label for="email">E-mail : </label><input id="email" type="email" name="email" placeholder="Adresse e-mail" class="cardboard">
                    <div id="emailMessage"></div>
                </fieldset>
                
                
                <fieldset>
                    <label for="password">Mot de passe : </label><input id="password" type="password" name="password" 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 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>
                

                <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érale d'Utilisation</a> du site (requis).</label>
                    </li>
                    <li class="checkbox_li">
                       <label for="newsletterOk" class="check"><input type="checkbox" id="newsletterOk" name="newsletterOk" value="true" /><div class="checkbox_override"></div> Je souhaite recevoir des suggestions de quiz par e-mail (facultatif et vous pourrez stopper facilement).</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>La saisie d'un pseudonyme, d'une adresse e-mail et d'un mot de passe <b>est obligatoire</b> et <b>vous devez accepter les Conditions Générales d'Utilisation</b>.</p>
                <p>Votre pseudonyme est complétement libre, mais servira à personnaliser certains affichages.</p>
                <p><b>Vous recevrez un lien sur l'adresse e-mail saisie</b> sur lequel vous devrez cliquer pour valider la création de votre compte.</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.</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>
            </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 &amp; CGU</a></li>
            </ul>
        </footer>
    </body>
</html>
Initial commit for publishing on gitlab 2020-08-07 12:23:59 +02:00			`<!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>S'inscrire à WikiLerni</title>`
Ajout du lien vers version lisible sur Gitlab des fichiers JS dans l'entête des pages HTML. 2020-08-10 16:46:02 +02:00			`<!-- Version lisible des scripts : https://gitlab.com/lefablab/wikilerni/-/tree/master/front/src -->`
Initial commit for publishing on gitlab 2020-08-07 12:23:59 +02:00			`<script src="/JS/polyfill.app.js" defer></script>`
			`<script src="/JS/subscribe.app.js" defer></script>`
			`<link rel="shortcut icon" href="/img/favicon.ico">`
Revue HTML/CSS pour obtenir une seule feuille de style + intégration mobile, avec l'aide de Vincent Le Vert 2020-09-04 12:58:44 +02:00			`<link rel="stylesheet" href="/themes/wikilerni/css/style.css">`
Initial commit for publishing on gitlab 2020-08-07 12:23:59 +02:00			`<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 derniers quizs">Parcourir</a></li>`
			`<li><a href="/connexion.html" id="accountHeadLink">Mon compte</a></li>`
			`<li><a href="/a-propos.html">À propos</a></li>`
Revue HTML/CSS pour obtenir une seule feuille de style + intégration mobile, avec l'aide de Vincent Le Vert 2020-09-04 12:58:44 +02:00			`<li><a href="/" title="Page d'accueil de WikiLerni">Accueil</a></li>`
Initial commit for publishing on gitlab 2020-08-07 12:23:59 +02:00			`</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" />`
Revue HTML/CSS pour obtenir une seule feuille de style + intégration mobile, avec l'aide de Vincent Le Vert 2020-09-04 12:58:44 +02:00			`<p>Cultivons notre jardin !</p>`
Initial commit for publishing on gitlab 2020-08-07 12:23:59 +02:00			`</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>`
Revue HTML/CSS pour obtenir une seule feuille de style + intégration mobile, avec l'aide de Vincent Le Vert 2020-09-04 12:58:44 +02:00			`<label for="name">Nom ou pseudonyme : </label><input id="name" type="text" name="name" placeholder="Nom de votre choix" class="cardboard" >`
Initial commit for publishing on gitlab 2020-08-07 12:23:59 +02:00			`</fieldset>`

			`<fieldset>`
Revue textes + CSS pages inscription/connexion 2020-08-11 17:04:59 +02:00			`<label for="email">E-mail : </label><input id="email" type="email" name="email" placeholder="Adresse e-mail" class="cardboard">`
Revue HTML/CSS pour obtenir une seule feuille de style + intégration mobile, avec l'aide de Vincent Le Vert 2020-09-04 12:58:44 +02:00			`<div id="emailMessage"></div>`
Initial commit for publishing on gitlab 2020-08-07 12:23:59 +02:00			`</fieldset>`
Revue textes + CSS pages inscription/connexion 2020-08-11 17:04:59 +02:00
Initial commit for publishing on gitlab 2020-08-07 12:23:59 +02:00
			`<fieldset>`
Revue textes + CSS pages inscription/connexion 2020-08-11 17:04:59 +02:00			`<label for="password">Mot de passe : </label><input id="password" type="password" name="password" placeholder="Mot de passe de votre choix" class="cardboard">`
Revue HTML/CSS pour obtenir une seule feuille de style + intégration mobile, avec l'aide de Vincent Le Vert 2020-09-04 12:58:44 +02:00			`<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>`
Initial commit for publishing on gitlab 2020-08-07 12:23:59 +02:00			`</fieldset>`
Revue textes + CSS pages inscription/connexion 2020-08-11 17:04:59 +02:00
Initial commit for publishing on gitlab 2020-08-07 12:23:59 +02:00
			`<fieldset>`
Revue HTML/CSS pour obtenir une seule feuille de style + intégration mobile, avec l'aide de Vincent Le Vert 2020-09-04 12:58:44 +02:00			`<label for="codeGodfather">Code ou e-mail 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>`
Initial commit for publishing on gitlab 2020-08-07 12:23:59 +02:00			`</fieldset>`
Revue textes + CSS pages inscription/connexion 2020-08-11 17:04:59 +02:00
Initial commit for publishing on gitlab 2020-08-07 12:23:59 +02:00
			`<ul class="checkbox_li">`
			`<li class="checkbox_li">`
Revue textes + CSS pages inscription/connexion 2020-08-11 17:04:59 +02:00			`<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érale d'Utilisation</a> du site (requis).</label>`
Initial commit for publishing on gitlab 2020-08-07 12:23:59 +02:00			`</li>`
			`<li class="checkbox_li">`
Revue HTML/CSS pour obtenir une seule feuille de style + intégration mobile, avec l'aide de Vincent Le Vert 2020-09-04 12:58:44 +02:00			`<label for="newsletterOk" class="check"><input type="checkbox" id="newsletterOk" name="newsletterOk" value="true" /><div class="checkbox_override"></div> Je souhaite recevoir des suggestions de quiz par e-mail (facultatif et vous pourrez stopper facilement).</label>`
Initial commit for publishing on gitlab 2020-08-07 12:23:59 +02:00			`</li>`
			`</ul>`
			`<div class="input_wrapper">`
Revue HTML/CSS pour obtenir une seule feuille de style + intégration mobile, avec l'aide de Vincent Le Vert 2020-09-04 12:58:44 +02:00			`<input id="submitDatas" type="submit" value="Valider." class="cardboard" />`
Initial commit for publishing on gitlab 2020-08-07 12:23:59 +02:00			`</div>`
			`</form>`
			`<div id="response"></div>`

Revue HTML/CSS pour obtenir une seule feuille de style + intégration mobile, avec l'aide de Vincent Le Vert 2020-09-04 12:58:44 +02:00			`<div id="explanations" class="framed engraved">`
Initial commit for publishing on gitlab 2020-08-07 12:23:59 +02:00			`<h2>Besoin d'aide ?</h2>`
Revue HTML/CSS pour obtenir une seule feuille de style + intégration mobile, avec l'aide de Vincent Le Vert 2020-09-04 12:58:44 +02:00			`<p>La saisie d'un pseudonyme, d'une adresse e-mail et d'un mot de passe <b>est obligatoire</b> et <b>vous devez accepter les Conditions Générales d'Utilisation</b>.</p>`
			`<p>Votre pseudonyme est complétement libre, mais servira à personnaliser certains affichages.</p>`
			`<p><b>Vous recevrez un lien sur l'adresse e-mail saisie</b> sur lequel vous devrez cliquer pour valider la création de votre compte.</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.</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>`
Initial commit for publishing on gitlab 2020-08-07 12:23:59 +02:00			`</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>`