<!DOCTYPE html>
<html>
<head>
<title>Game: Maze</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-maze-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: Maze</h1>
<div class="game-area" id="game-area">Loading ...</div>
<h2>How to:</h2>
<p>Use the arrow keys up, down, left and right to move, or [W], [S], [A] and [D].<br>
Press spacebar or enter, to select.</p>
<button onclick="startMaze('game-area', 480, 320, 1);">start normal</button>
<button onclick="startMaze('game-area', 320 , 480, 1);">start portrait</button>
<button onclick="startMaze('game-area', 800 , 640, 1);">start large</button>
<script>
WTerminal.instalDropdownTerminal();
startMaze('game-area', 800, 640, 1); // 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>