index.html

1	<!doctype html>
2	<html lang="en">
3	<head>
4	<meta charset="utf-8" />
5	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover, user-scalable=no" />
6	<title>EXPLODORAMA!</title>
7	<meta name="description" content="A turn-based, mobile-first, rogue-like bomb-laying game. Every bomb counts down with your moves." />
8	<meta name="theme-color" content="#353541" />
9	<link rel="icon" type="image/png" href="/assets/kenney/bomb.png" />
10	<meta name="mobile-web-app-capable" content="yes" />
11	<meta name="apple-mobile-web-app-capable" content="yes" />
12	<meta name="apple-mobile-web-app-title" content="EXPLODORAMA!" />
13	<link rel="manifest" href="/manifest.webmanifest" />
14	<link rel="apple-touch-icon" href="/icons/apple-touch-icon.png" />
15	<link rel="stylesheet" href="/src/style.css" />
16	</head>
17	<body>
18	<header id="hud" aria-live="polite">
19	<div id="hud-items">
20	<div class="hud-row">
21	<span id="hud-lives"></span>
22	<span id="hud-level"></span>
23	<span id="hud-enemies"></span>
24	<span id="hud-coins"></span>
25	</div>
26	<div class="hud-row">
27	<span id="hud-turn"></span>
28	<span id="hud-stats"></span>
29	</div>
30	<div class="hud-row" id="hud-third">
31	<span id="hud-modes"></span>
32	<span id="hud-extras"></span>
33	</div>
34	</div>
35	<div id="hud-buttons">
36	<button id="info-button" type="button" aria-label="What is that?" aria-pressed="false"></button>
37	<button id="fullscreen-button" type="button" aria-label="Fullscreen" aria-pressed="false" title="Fullscreen" hidden></button>
38	<button id="menu-button" type="button" aria-label="Menu"><span></span><span></span><span></span></button>
39	</div>
40	</header>
41	<nav id="actions" aria-label="Actions"></nav>
42	<div id="banner" hidden>
43	<div class="panel">
44	<img id="banner-icon" alt="" />
45	<canvas id="banner-clip" class="clip" aria-hidden="true" hidden></canvas>
46	<p id="banner-text"></p>
47	<button id="banner-button" type="button" class="ui-button"></button>
48	<button id="banner-button-2" type="button" class="ui-button plain" hidden></button>
49	<button id="banner-scores" type="button" class="ui-button plain" hidden>High scores</button>
50	</div>
51	</div>
52	<dialog id="dialog" aria-labelledby="dialog-title">
53	<div class="panel" tabindex="-1">
54	<button id="dialog-close" type="button" aria-label="Close"></button>
55	<img id="dialog-icon" alt="" />
56	<h2 id="dialog-title"></h2>
57	<div id="dialog-body"></div>
58	<div id="dialog-buttons"></div>
59	</div>
60	</dialog>
61	<div id="view-mask" aria-hidden="true"></div>
62	<h1 id="demo-title" hidden>EXPLODORAMA!<span class="demo-hint">Tap anywhere to play</span></h1>
63	<div id="demo-time"></div>
64	<div id="demo" hidden aria-live="polite">
65	<p id="demo-caption"></p>
66	<div class="demo-nav">
67	<button id="demo-prev" type="button" aria-label="Previous scene"></button>
68	<span id="demo-count"></span>
69	<button id="demo-next" type="button" aria-label="Next scene"></button>
70	<button id="demo-shuffle" type="button" aria-label="Shuffle the scenes" title="Shuffle the scenes" aria-pressed="false"></button>
71	<button id="demo-restart" type="button" aria-label="Back to the first scene" title="Back to the first scene"></button>
72	</div>
73	<div class="demo-nav demo-input-row">
74	<button id="demo-input" type="button" title="Show the demo for another kind of input"></button>
75	</div>
76	</div>
77	<div id="demo-finger" hidden aria-hidden="true"></div>
78	<div id="demo-you" hidden aria-hidden="true"></div>
79	<div id="demo-crt" hidden aria-hidden="true"><i class="crt-roll"></i><i class="crt-line"></i><i class="crt-line"></i></div>
80	<script type="module" src="/src/main.ts"></script>
81	</body>
82	</html>