<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
  <title>Tower blocks</title>
  <link rel="stylesheet" href="./hidden_towerblock.css">

</head>
<body>
	<nav>
		<a href="index.html"><img src="image/logo.png"></a>
		<div class="nav-links" id="navLinks">
			<i onclick="hideMenu()"><img class="fa" src="image/menu2.png"></i>
			<ul>
				<li><a href="index.html">HOME</a></li>
				<li><a href="https://discord.gg/Srutr3zGNS">DISCORD</a></li>
			</ul>
		</div>
		<i onclick="showMenu()"><img class="fa" src="image/menu.png"></i>
	</nav>
<!-- partial:index.partial.html -->
<meta name="viewport" content="width=device-width,user-scalable=no">

<div id="container">
	<div id="game"></div>
	<div id="score">0</div>
	<div id="instructions">Click (or press the spacebar) to place the block</div>
	<div class="game-over">
		<h2>Game Over</h2>
		<p>You did great, you're the best.</p>
		<p>Click or spacebar to start again</p>
	</div>
	<div class="game-ready">
		<div id="start-button">Start</div>
		<div></div>
	</div>
</div>
<!-- partial -->
<script src='https://cdnjs.cloudflare.com/ajax/libs/three.js/r83/three.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js'></script><script  src="./towerblock.js"></script>

</body>
</html>
