85 lines
5.4 KiB
HTML
85 lines
5.4 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 de connexion à WikiLerni.">
|
||
|
<title>Se connecter à WikiLerni</title>
|
||
|
<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/common.css" media="screen and (min-width: 970px)">
|
||
|
<link rel="stylesheet" href="/themes/wikilerni/css/common-mobile.css" media="screen and (max-width: 969px)">
|
||
|
<link rel="stylesheet" href="/themes/wikilerni/css/login.css" media="screen and (min-width: 970px)">
|
||
|
<link rel="stylesheet" href="/themes/wikilerni/css/login-mobile.css" media="screen and (max-width: 969px)">
|
||
|
<link rel="canonical" href="https://www.wililerni.com/connexion.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>
|
||
|
</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 class="cardboard">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">Pas de compte WikiLerni ? <a href="/inscription.html">créez-le ici</a>.</p>
|
||
|
<div id="message"></div>
|
||
|
<form class="needJS" id="connection" method="POST">
|
||
|
<fieldset>
|
||
|
<label for="email">Email :</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"><i>Oublié ? Alors laissez vide et cochez la case ci-dessous.</i></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 class="framed">
|
||
|
<h2>Besoin d'aide?</h2>
|
||
|
<p class="engraved">Si vous avez oublié votre mot de passe, 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 class="engraved">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">nous contacter</a> en fournissant des informations permettant de vous identifier.</p>
|
||
|
<p class="engraved">La case "Je souhaite ne pas avoir à me connecter à chaque fois." vous permettra de rester connecté.e jusqu'à 6 mois, pour peu que vous utilisiez le même navigateur internet.</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>
|