2020-03-23 13:09:28 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
|
<title>My Snake</title>
|
2020-03-23 17:25:46 +00:00
|
|
|
<link rel="stylesheet" href="assets/style.css">
|
2020-03-23 13:09:28 +00:00
|
|
|
</head>
|
|
|
|
|
<body>
|
2020-03-23 17:25:46 +00:00
|
|
|
|
|
|
|
|
<div id="backlayer"></div>
|
2020-03-23 13:09:28 +00:00
|
|
|
|
|
|
|
|
<div id="startScreen">
|
|
|
|
|
<h1>My Snake</h1>
|
|
|
|
|
|
|
|
|
|
Please choose a level:
|
|
|
|
|
<ul id="levelChoice"></ul>
|
|
|
|
|
|
2020-03-23 17:25:46 +00:00
|
|
|
<p>Use the arrows to navigate. Press p to make a pause.</p>
|
2020-03-27 16:39:47 +00:00
|
|
|
<a href=#-1 id="rulesBtn" >Rules</a>
|
2020-03-23 13:09:28 +00:00
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="gameScreen">
|
2020-03-23 16:39:20 +00:00
|
|
|
<p>Score: <span id="scoreTarget"></span></p>
|
2020-03-23 13:09:28 +00:00
|
|
|
|
2020-03-23 13:16:25 +00:00
|
|
|
<div id="canvasTarget"></div>
|
|
|
|
|
|
2020-03-27 16:39:47 +00:00
|
|
|
<a href=# id="menuBtn">Stop Game</a>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="rulesScreen">
|
|
|
|
|
<h1>Rules</h1>
|
|
|
|
|
|
|
|
|
|
<a href=# id="menuBtn">Go back to menu</a>
|
2020-03-23 13:09:28 +00:00
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<script src="script.js"></script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
