This repository has been archived by the owner on Oct 28, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
78 lines (73 loc) · 2.43 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
68
69
70
71
72
73
74
75
76
77
78
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>We Bought a Zoo</title>
<meta
name="description"
content="It's everyone's favorite secret auction game! Place your bets wisely and build the best possible zoo!"
/>
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<link rel="alernate icon" type="image/png" href="/favicon.png" />
<link rel="mask-icon" href="/favicon.svg" />
<link rel="apple-touch-icon" href="/maskable_icon.png" />
<link rel="manifest" href="/manifest.json" />
<meta name="color-scheme" content="light dark" />
<meta
name="theme-color"
content="#1a1a1a"
media="(prefers-color-scheme: dark)"
/>
<meta
name="theme-color"
content="#f2f2f2"
media="(prefers-color-scheme: light)"
/>
<link rel="stylesheet" href="/src/styles/index.css" />
</head>
<body>
<main>
<h1>We Bought a Zoo</h1>
<div id="gameContent" class="cmp-stack">
<p>
Each player starts with $100 of fictional money and secretly bids on
each animal exhibit. The player with the highest bid wins that
exhibit, and the player with the (subjectively) best zoo wins the
game!
</p>
<form class="cmp-stack cmp-entry-form" data-action="create-game">
<div>
<label for="hostName">Name</label>
<input id="hostName" type="text" name="host-name" />
</div>
<button type="submit">Create Game</button>
</form>
<form class="cmp-stack cmp-entry-form" data-action="join-game">
<div>
<label for="roomCode">Room Code</label>
<input
id="roomCode"
type="text"
name="room-code"
pattern="[a-zA-Z]{4}"
/>
</div>
<div>
<label for="playerName">Name</label>
<input id="playerName" type="text" name="player-name" />
</div>
<button type="submit">Join Game</button>
</form>
</div>
</main>
<script type="module" src="/src/scripts/main.ts"></script>
<script type="module">
if ('serviceWorker' in navigator) {
window.addEventListener('load', () => {
navigator.serviceWorker.register('/service-worker.js');
});
}
</script>
</body>
</html>