64 lines
2.3 KiB
HTML
64 lines
2.3 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/common.css">
|
|
<link rel="stylesheet" href="./assets/css/login.css">
|
|
</head>
|
|
<body>
|
|
|
|
<main>
|
|
<header>
|
|
<button id="close" onclick="system.call('window::close')">
|
|
<i class="fal fa-times"></i>
|
|
</button>
|
|
</header>
|
|
<section class="logo">
|
|
<img src="./assets/img/title.png">
|
|
</section>
|
|
<section class="frames">
|
|
<article class="frame provider" hidden>
|
|
<button id="yggdrasil" onclick="showFrame('manual')">
|
|
<i class="fad fa-shield-alt"></i>
|
|
Connexion via Lentia
|
|
</button>
|
|
<button id="discord" onclick="requestLoginWithOAuth2()">
|
|
<i class="fab fa-discord"></i>
|
|
Connexion via Discord
|
|
</button>
|
|
</article>
|
|
<article class="frame manual" hidden>
|
|
<input type="text" name="username" id="username" placeholder="Nom d'utilisateur">
|
|
<input type="password" name="password" id="password" placeholder="Mot de passe">
|
|
<a >Mot de passe oublié ?</a>
|
|
<a onclick="clearPassword();showFrame('provider')">Retourner à l'acceuil</a>
|
|
<button id="manualLogin" onclick="login()">
|
|
<i class="fas fa-sign-in"></i> Connexion
|
|
</button>
|
|
</article>
|
|
<article class="frame oauth2" hidden>
|
|
<p>
|
|
Une fenêtre contextuelle de connexion à Microsoft va s'ouvrir.
|
|
Pour annuler, veuillez la fermer.
|
|
</p>
|
|
</article>
|
|
</section>
|
|
<section class="information">
|
|
<p id="version">Launcher version</p>
|
|
</section>
|
|
<div class="loader">
|
|
<div class="full">
|
|
<div class="loading">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
|
|
<script src="./assets/js/ipc.js"></script>
|
|
<script src="./assets/js/frames.js"></script>
|
|
<script src="./assets/js/common.js"></script>
|
|
<script src="./assets/js/login.js"></script>
|
|
|
|
</body>
|
|
</html> |