-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
35 lines (31 loc) · 1.3 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!DOCTYPE html>
<html>
<header>
<link rel="stylesheet" href="style.css">
<script src="script.js" async="true"></script>
<title>worm</title>
</header>
<body>
<h1>worm</h1>
<div class="container">
<canvas id="board" width="200" height="200"></canvas>
</div>
<div class="modal" id="instructionsModal">
<div class="modal_content">
<p>This is a game called Worm. It's very similar to the classic game Snake.</p>
<p>The worm makes compost in the wormery it lives in. Help keep the worm and compost healthy by making sure the worm only eats things that are good for it!</p>
<p>Bananas and cardboard are great, but plastic isn't.</p>
<p>Click 'Start' to close this info box. When you're ready to begin the game, hit an arrow key to start moving.</p>
</div>
<button class="modal_close" id="startGame">Start game</button>
</div>
<div class="modal" id="gameOverModal">
<div class="modal_content">
<p>Game over!</p>
<p>You lasted <span id="counter"></span> seconds.</p>
<button class="modal_close" id="reloadModal">Play again</button>
</div>
</div>
<footer><p>Images generated by Dall-E. Game designed and built by Ollie Zhang. </p></footer>
</body>
</html>