<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>signaling server test</title>
<!-- main script -->
<script type="module" src="script.js"></script>
<!-- katex fonts, as they can't be loaded from within the shadow dom -->
<link rel="stylesheet" href="../fonts.css">
<style>
html, body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
#button {
padding: 10px 30px;
font-size: 30px;
background: orange;
color: white;
border: none;
border-radius: 4px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
cursor: pointer;
}
#button:disabled {
cursor: default;
background: #dfa580;
}
</style>
</head>
<body>
<button id="button">Host game</button>
</body>
</html>