<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>StarKingdoms.IO</title>
</head>
<body class="bg-grid">
<div class="popup popup-center popup-max-width-300" id="server_selector">
<h1>StarKingdoms</h1>
<h2>Join Game</h2>
<form id="join-fm" class="form">
<label for="username" class="label">Username</label>
<input class="textentry" id="username" required autocomplete="off" />
<label class="label" for="select">Server</label>
<select id="select" class="select" autocomplete="off">
<option>Loading server list, please wait...</option>
</select>
<button id="launch-btn" class="btn">Launch!</button>
<span id="server-danger" class="server-danger hidden">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20"
fill="currentColor"
class="server-danger-icon"
>
<path
fill-rule="evenodd"
d="M8.485 2.495c.673-1.167 2.357-1.167 3.03 0l6.28 10.875c.673 1.167-.17 2.625-1.516 2.625H3.72c-1.347 0-2.189-1.458-1.515-2.625L8.485 2.495zM10 5a.75.75 0 01.75.75v3.5a.75.75 0 01-1.5 0v-3.5A.75.75 0 0110 5zm0 9a1 1 0 100-2 1 1 0 000 2z"
clip-rule="evenodd"
/>
</svg>
Here be dragons! You have a <b>prerelease server</b> selected. Expect
bugs, and save data on this server may be wiped at any time.
</span>
<span id="account-info" class="account-info"
>You are not logged in. Save data will be stored in your browser
cache. <a href="/login/">Log in</a> to save your data on the server
and sync it between devices.</span
>
</form>
</div>
<span class="footer-left" id="footer-left">StarKingdoms Client</span>
<span class="footer-right" id="footer-right"
>Made with
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20"
fill="currentColor"
class="footer-icon"
>
<path
d="M9.653 16.915l-.005-.003-.019-.01a20.759 20.759 0 01-1.162-.682 22.045 22.045 0 01-2.582-1.9C4.045 12.733 2 10.352 2 7.5a4.5 4.5 0 018-2.828A4.5 4.5 0 0118 7.5c0 2.852-2.044 5.233-3.885 6.82a22.049 22.049 0 01-3.744 2.582l-.019.01-.005.003h-.002a.739.739 0 01-.69.001l-.002-.001z"
/>
</svg>
by the StarKingdoms team</span
>
<script type="module" src="src/routes/menu/main.ts"></script>
</body>
</html>