-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
67 lines (67 loc) · 3.42 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<base href="" id="baseElement">
<title>Game Demo</title>
<script type="text/javascript">
window.ServiceWorkerRegistration ||= {};
window.onerror = function(error) {
errorMessageElement.querySelector(".errorMessage").innerText = error
errorMessageElement.showModal();
}
</script>
<script type="module" src="/src/client.ts"></script>
<link rel="stylesheet" href="/src/style.css" />
</head>
<body>
<noscript><h1>Sorry, but JavaScript must be <a href="https://www.wikihow.com/Enable-JavaScript">enabled</a> to play.</h1></noscript>
<dialog id="errorMessageElement">
<h1>Sorry / ごめんなさい</h1>
<pre class="errorMessage"></pre>
<p>Looks like you found a pretty serious bug. Please <a href="https://github.com/patreeceeo/zomboban/issues/">file an issue</a> and I will work on it.</p>
<p>In the meantime, try loading this page agian without any browser extensions/plugins. That can be done with an "incognito" or "private"<sup>*</sup> tab.</p>
<p>Otherwise, though I want to support all browsers/systems/people (that's the promise of the web, after all) try using Google Chrome / <a href="https://www.chromium.org/Home/">Chromium</a>. If you're not already.</p>
<sup>*</sup>or whatever your browser calls it</sup>
</dialog>
<main>
<div class="canvasShrinkwrap">
<div class="display:flex">
<my-admin-tools z-show="isSignedIn" current-level-id="currentLevelId"></my-admin-tools>
<my-toolbar is-paused="isPaused" is-undoing="isUndoing"></my-toolbar>
</div>
<canvas id="canvas"></canvas>
<my-vars-form z-show="devToolsVarsFormEnabled" class="bottom right absolute z-index:1"></my-vars-form>
<div z-hide-until-init z-show="isUndoing" class="absolute bottom width:100% left f-col justify-content:center align-items:center z-index:1 ponter-events:none">
<h1>Undoing…</h1>
<progress max="$completedActionCountBeforeUndo" value="$completedActionCount"/>
</div>
<!-- TODO uncomment -->
<!-- <h1 z-hide-until-init class="absolute width:100% z-index:1 ponter-events:none text-align:center" style="top: calc(50% - 4em)"> -->
<!-- $currentInputFeedback -->
<!-- </h1> -->
<h1 z-hide-until-init z-show="savedMessageCountdown" class="absolute width:100% z-index:1 ponter-events:none text-align:center" style="top: calc(50% + 4em)">Saving $savedChangeCount changes…</h1>
</div>
<dialog id="modal" z-show="showModal">
<my-main-menu z-route="`menu`" is-at-start="isAtStart"></my-main-menu>
<my-help z-route="`help`"></my-help>
<my-story z-route="`story`"></my-story>
<div z-show="loadingItems">
<div class="RequestIndicator">
<div class="RequestIndicator-progress">
<img src="/assets/images/rotating-cube.gif"/>
<progress z-hide-until-init max="1" value="$loadingProgress"></progress>
</div>
<h1 class="RequestIndicator-message">loading<span z-hide-until-init> $loadingGroupDescription</span>…</h1>
</div>
</div>
</dialog>
</main>
<script>
modal.showModal();
</script>
<div class="fixed top z-index:3 width:100%" id="flashesElement"></div>
</dialog>
<my-sign-in-form></my-sign-in-form>
</body>
</html>