<!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 de connexion à WikiLerni."> <title>Se connecter à 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/connection.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 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"> <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> </div> <div id="login" class="cardboard"> <h1 class="cardboard">Connectez-vous à WikiLerni</h1> <noscript>Désolé, mais pour l'instant, l'utilisation de WikiLerni nécessite l'activation du JavaScript.</noscript> <p class="engraved framed"><b>Pas encore de compte WikiLerni ? <a href="/inscription.html">créez-le ici</a></b>.</p> <div id="message"></div> <form class="needJS" id="connection" method="POST"> <fieldset> <label for="email">E-mail :</label><input id="email" type="email" name="email" placeholder="Adresse e-mail utilisée pour ce site" class="cardboard"required> </fieldset> <fieldset> <label for="password">Mot de passe :</label> <input id="password" type="password" name="password" placeholder="Votre mot de passe" class="cardboard"> <div id="passwordMessage" class="cardboard"><span class="info">Oublié ? Alors laissez vide et cochez la case ci-dessous.</span></div> </fieldset> <ul class="checkbox_li"> <li class="checkbox_li"> <label for="getLoginLink" class="check"><input type="checkbox" id="getLoginLink" name="getLoginLink" value="true" /><div class="checkbox_override"></div> Je préfère recevoir un lien de connexion par e-mail.</label> </li> <li class="checkbox_li"> <label for="keepConnected" class="check"><input type="checkbox" id="keepConnected" name="keepConnected" value="true" /><div class="checkbox_override"></div> Je souhaite ne pas avoir à me connecter à chaque fois.</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>Si vous avez <b>oublié votre mot de passe</b>, il vous suffit de cocher la case "Je souhaite recevoir un lien de connexion par e-mail". Un lien valide pendant une courte durée vous permettra de vous connecter au site.</p> <p>Si vous ne vous souvenez pas non plus de l'adresse e-mail utilisée sur ce site ou que vous n'y avez plus accès, vous pouvez <a href="/contact.html">me contacter</a>, en fournissant des informations permettant de vous identifier.</p> <p>La case <b>"Je souhaite ne pas avoir à me connecter à chaque fois."</b> vous permettra de rester connecté jusqu'à 6 mois, pour peu que vous utilisiez le même navigateur internet sur le même ordinateur.</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>