114 lines
4.5 KiB
HTML
114 lines
4.5 KiB
HTML
<!doctype html>
|
|
<html id="html" lang="">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
|
<title>Sokoban</title>
|
|
<meta name="description" content="">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<link rel="icon" href="./res/player.png"/>
|
|
<!-- Place favicon.ico in the root directory -->
|
|
<link rel="stylesheet" href="./style.css"/>
|
|
|
|
</head>
|
|
<body>
|
|
<!--[if lt IE 8]>
|
|
<p class="browserupgrade">
|
|
You are using an <strong>outdated</strong> browser. Please
|
|
<a href="http://browsehappy.com/">upgrade your browser</a> to improve
|
|
your experience.
|
|
</p>
|
|
<![endif]-->
|
|
<nav>
|
|
<h1>Sokoban</h1>
|
|
<ol id="level-list" class="not-in-win-animation">
|
|
</ol>
|
|
</nav>
|
|
<div class="container">
|
|
<aside class="left-sidebar">
|
|
<table border="1">
|
|
<thead>
|
|
<th>Name</th>
|
|
<th>Score</th>
|
|
</thead>
|
|
|
|
<tbody id="scoreTable">
|
|
<tr>
|
|
<td>
|
|
Axel
|
|
</td>
|
|
<td>1</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
Ronan
|
|
</td>
|
|
<td>2</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</aside>
|
|
<main>
|
|
<article class="not-in-win-animation">
|
|
<canvas id="canvas" width="800" height="400"></canvas>
|
|
<div id="tutorial-speech-bubble" class="text-bubble">
|
|
<div class="dialog">
|
|
<p id="tutorial-box" class="speech"></p>
|
|
<div class="right-point">
|
|
</div>
|
|
<div class="right-point shifted">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
|
|
</main>
|
|
<aside class="controls not-in-win-animation right-sidebar">
|
|
<div id="timer">Time</div>
|
|
<button id="pause-1">Pause</button>
|
|
<button id="pause-2">Pause</button><br/>
|
|
<label for="dificulty-slider">Difficulty</label><br/>
|
|
<input type="range" min="0" max="100" value="50" id="difficulty-slider">
|
|
<!-- PLF - / -->
|
|
<form action="mailto:graneyasmine@gmail.com?subject=Fomulaire Mon javascript" name="envoi" method=POST enctype="text/plain">
|
|
<table border="0"><tr><td>
|
|
<b>Nom : </b><input name="nom"size=50 maxlength=50 ><br>
|
|
<b>Prenom : </b><input name="Yas"size=50 maxlength=50 ><br>
|
|
<b>Commentaires (Aidez nous à ameliorer notre site web)<br>
|
|
<textarea name="message" cols="60" rows="5"></textarea>
|
|
</td></tr></table><br>
|
|
Est-ce votre 1ère visite sur notre site
|
|
<input type="radio" name="visite" value="oui">
|
|
Oui -
|
|
<input type="radio" name="visite" value="plusieurs fois">
|
|
plusieurs fois-
|
|
<br>
|
|
Votre avis sur le jeu
|
|
<input type="radio" name="avis" value="tres cool" >
|
|
tres cool -
|
|
<input type="radio" name="avis" value="cool">
|
|
Cool -
|
|
<input type="radio" name="avis" value="moyen">
|
|
Moyen -
|
|
<input type="radio" name="avis" value="Pas amusant">
|
|
Pas amusant<br>
|
|
<input type="submit" value="Envoyer" name="Envoyer">
|
|
<input type="reset" name="Submit" value="Effacer">
|
|
</form>
|
|
<hr>
|
|
<br/>
|
|
</aside>
|
|
</div>
|
|
|
|
|
|
<footer>
|
|
<p>Sokoban 2022</p>
|
|
<p>Pour une meilleure expérience, veuillez utiliser ce jeu sur un ordinateur avec un écran horizontal.</p>
|
|
</footer>
|
|
|
|
</body>
|
|
<!-- <script type="module" src="./modules/ressources.mjs"></script> -->
|
|
<script type="module" src="./script.js"></script>
|
|
<!-- <script type="text/javascript" src="./canvas.js"></script> -->
|
|
</html>
|