pre.html

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Maze Game</title>

  <link rel ="stylesheet" href="fp.css"> 
  <script src="lib/phaser.js"></script>
  <h1 id = "title"> Maze Game </h1>
</head>


<body> 
<canvas id="myCanvas" width="100" height="500" style="border:1px solid #c3c3c3;">
Your browser does not support the HTML5 canvas tag.
</canvas>
<button class="button button1">Start</button>


<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.fillStyle = "#99ffcc";
ctx.fillRect(30,60,1000,250);
</script>

<p id = "preface"> Join Alice on her journey as she grows up and ventures into the world. </br> Help her get past obstacles 
she faces as a girl!  </br> 
Use the arrow keys to navigate through the maze of life and the space bar to </br> jump over obstacles.</p>
<link href='https://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>


<button class = "button button1" onclick= "myFunction()">Start</button>
<p id="demo"></p>
</body>

</html>

