<!DOCTYPE html>
<html>
<head>
<title>Game: Tetris</title>
<link rel="icon" type="image/x-icon" href="./favicon.ico">
<link rel="stylesheet" href="css/game.css" />
<link rel="stylesheet" href="css/main.css" />
<script src="term/wterminal.js"></script>
<script src="js/game-tetris-context2d.js"></script>
</head>
<body>
<header>
<button title="Dark theme on/off" onclick="toggleTheme();">☀</button>
<a href="index.html">Willem Games</a>
</header>
<main>
<h1>Game: Tetris</h1>
<div class="game-area" id="game-area">Loading ...</div>
<!-- <audio id="clearsound" src="snd/pop.mp3" preload="auto" controls="none"></audio> -->
<h2>How to:</h2>
<p>Use the arrow keys left, right and down to move, or [A], [D] and [S].<br>
Use the up arrow to rotate, or [W].<br>
Press spacebar or enter, to start a next round, or to pause/resume.</p>
<script>
WTerminal.instalDropdownTerminal();
startTetris('game-area'); // startGame(element-id, width, height, zoom)
</script>
</main>
<footer>
<p class="float-right">Author: Ward Truyen</p>
</footer>
<script src="js/theme.js"></script>
<script src="term/wterminal-autoextend.js"></script>
</body>
</html>