73 lines
2.7 KiB
HTML
73 lines
2.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" href="./assets/css/index.css">
|
|
<title>Connexion</title>
|
|
</head>
|
|
<body style="background-image: url('./assets/img/login_wallpaper.gif');">
|
|
|
|
<main>
|
|
<button class="close" onclick="system.call('window::close')">
|
|
<i class="fas fa-times"></i>
|
|
</button>
|
|
<button class="close" onclick="system.call('window::reduce')">
|
|
<i class="fas fa-minus"></i>
|
|
</button>
|
|
<article class="loginchoice">
|
|
<div frame="select">
|
|
<h2>
|
|
Se connecter avec
|
|
</h2>
|
|
<button class="login" onclick="selectLoginType('microsoft')">
|
|
<img src="./assets/img/microsoft.png" alt="">
|
|
<span>
|
|
Connexion via Microsoft
|
|
</span>
|
|
</button>
|
|
<button class="login" onclick="selectLoginType('mojang')">
|
|
<img src="./assets/img/mojang.png" alt="">
|
|
<span>
|
|
Connexion via Mojang
|
|
</span>
|
|
</button>
|
|
</div>
|
|
<div frame="mojang" hidden>
|
|
<input type="text" name="username" id="username" placeholder="Adresse e-mail / pseudo">
|
|
<br>
|
|
<input type="password" name="password" id="password" placeholder="Mot de passe">
|
|
<p>
|
|
Il n'est plus possible de réinitialiser le mot de passe d'un compte mojang.
|
|
</p>
|
|
<button class="classic" style="width: 90%;" onclick="system.call('auth::mojang', { username: username.value, password: password.value })">
|
|
Connexion
|
|
</button>
|
|
<button class="classic" style="width: 90%; background-color: #aa3939;" onclick="selectLoginType('select')">
|
|
Retour
|
|
</button>
|
|
</div>
|
|
<div frame="microsoft" hidden>
|
|
<h2>
|
|
Processus en cours...
|
|
</h2>
|
|
<br>
|
|
<p>
|
|
La page d'authentification microsoft est ouverte
|
|
</p>
|
|
</div>
|
|
<div frame="token" hidden>
|
|
<h2>
|
|
Connexion au compte précédant...
|
|
</h2>
|
|
<br>
|
|
<p>
|
|
Connexion via le token sauvegarder du dernier compte utilisé
|
|
</p>
|
|
</div>
|
|
</article>
|
|
<script src="./assets/js/login.js"></script>
|
|
</main>
|
|
|
|
</body>
|
|
</html> |