52 lines
1.3 KiB
HTML
52 lines
1.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<link rel="icon" href="./favicon.ico" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Maze of the Minotaur</title>
|
|
<script
|
|
type="module"
|
|
crossorigin
|
|
src="./assets/index-BR90kO-n.js"
|
|
></script>
|
|
<link rel="stylesheet" crossorigin href="./assets/index-BwPfcn-3.css" />
|
|
</head>
|
|
<body>
|
|
<div id="app">
|
|
<div id="app-maze-window">
|
|
<h4>The Maze of the Minotaur</h4>
|
|
<pre id="mazeOutput"></pre>
|
|
</div>
|
|
<div id="app-interface-window">
|
|
<h5>Inventory</h5>
|
|
<div id="app-inventory-controls">
|
|
<select
|
|
id="inventoryOutput"
|
|
name="inventoryOutput"
|
|
size="4"
|
|
>
|
|
<option value=""><em>Empty</em></option>
|
|
</select>
|
|
<button id="inventory-useButton" style="margin-left: auto">
|
|
Use
|
|
</button>
|
|
</div>
|
|
<div id="app-controls-window">
|
|
<button id="goNorthButton">North</button>
|
|
<button id="goWestButton">West</button>
|
|
<button id="goEastButton">East</button>
|
|
<button id="goSouthButton">South</button>
|
|
</div>
|
|
</div>
|
|
<div id="app-text-output"></div>
|
|
<div id="app-modal">
|
|
<h4 id="app-modal-result">You Died!</h4>
|
|
<div id="app-modal-button">
|
|
<button>Play Again</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|