2020-12-05 21:08:32 +01:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
<title>Launcher Projet Secret</title>
|
|
|
|
|
<meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline';" />
|
|
|
|
|
<link href="style.css" rel="stylesheet" />
|
|
|
|
|
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
|
|
|
|
</head>
|
2020-12-07 23:57:48 +01:00
|
|
|
<body>
|
2020-12-05 21:08:32 +01:00
|
|
|
<div id="menubar">
|
2020-12-07 23:57:48 +01:00
|
|
|
<ul class="left">
|
|
|
|
|
</ul>
|
2020-12-05 21:08:32 +01:00
|
|
|
<ul class="right">
|
2020-12-07 23:57:48 +01:00
|
|
|
<!-- Mettre ce code en ligne pour éviter que chrome ne met un espace automatiquement entre les éléments -->
|
|
|
|
|
<li id="minimize-btn"><i class="material-icons">minimize</i></li><li id="max-unmax-btn"><i class="material-icons">crop_square</i></li><li id="close-btn"><i class="material-icons">close</i></li>
|
2020-12-05 21:08:32 +01:00
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="content">
|
2020-12-07 23:57:48 +01:00
|
|
|
<div id="sidebar">
|
|
|
|
|
<h3>Connexion</h3>
|
|
|
|
|
<hr>
|
|
|
|
|
<form style="display:flex;align-items: center;flex-direction: column;">
|
|
|
|
|
<div><label for="nickname">Pseudonyme:</label><br />
|
|
|
|
|
<input type="text" name="nickname" id="nickname"><br /></div>
|
|
|
|
|
<div><label for="password">Mot de passe:</label><br />
|
|
|
|
|
<input type="password" name="password" id="password"><br /></div>
|
|
|
|
|
<input type="submit" value="Se connecter">
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="main">
|
|
|
|
|
<img id="main-img" src="./maxresdefault.jpg">
|
|
|
|
|
<div id="launch">
|
|
|
|
|
<button id="launch-btn">Lancer le jeu</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2020-12-05 21:08:32 +01:00
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
<script src="script.js"></script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
