diff options
| author | stonedDiscord <Tukz@gmx.de> | 2022-03-16 23:11:54 +0100 |
|---|---|---|
| committer | stonedDiscord <Tukz@gmx.de> | 2022-03-16 23:11:54 +0100 |
| commit | 7f0eaa80f7a2535ad30c1380546173fd6a60920d (patch) | |
| tree | 6568a06cd60d98a037f2d30c641a6d0394d2f2b5 /public/client.html | |
| parent | 34653b82f175af4df5995ce9194fd8ffbaed5015 (diff) | |
add a loading bar and a wrapper for all overlaying "windows"
Diffstat (limited to 'public/client.html')
| -rw-r--r-- | public/client.html | 11 |
1 files changed, 7 insertions, 4 deletions
diff --git a/public/client.html b/public/client.html index dc924fb..10a3496 100644 --- a/public/client.html +++ b/public/client.html @@ -45,11 +45,11 @@ </head> <body> +<div id="client_waiting"> + <noscript><p style="color: red;">webAO requires JavaScript to work</p></noscript> <div id="client_loading"> <h1 id="client_loadingtext">Loading</h1> - <noscript><p style="color: red;">webAO requires JavaScript to work</p></noscript> - <p>Having trouble? <a href="https://discord.gg/9rYQVVQ">Join us on Discord</a></p> - <button class="client_reconnect" onclick="ReconnectButton()">Reconnect</button> + <progress id="client_loadingbar" value="0"></progress> </div> <div id="client_charselect"> <p>Choose your character</p> @@ -64,8 +64,11 @@ <p style="color: #a00">Code: <span id="error_id">(none)</span> </p> - <button class="client_reconnect" onclick="ReconnectButton()">Reconnect</button> + </div> + <p>Having trouble? <a href="https://discord.gg/9rYQVVQ">Join us on Discord</a></p> + <button class="client_reconnect" onclick="ReconnectButton()">Reconnect</button> +</div> </body> <template id="client_wrapper"> |