diff options
Diffstat (limited to 'assets')
| -rw-r--r-- | assets/index.html | 9 | ||||
| -rw-r--r-- | assets/style.css | 9 |
2 files changed, 13 insertions, 5 deletions
diff --git a/assets/index.html b/assets/index.html index 69f1958..9282726 100644 --- a/assets/index.html +++ b/assets/index.html @@ -38,9 +38,12 @@ fetch("rspace").then(resp => resp.text()).then(roomspace => { let roomspacenum = Number(roomspace); let e = document.getElementById('rspace'); - let t = document.createTextNode("room slots filled, if a room empties of active players it can be replaced by a new one"); + if (roomspacenum == 0) { + e.appendChild(document.createTextNode("all room slots filled, when a room empties it can be replaced by a new one")); + document.getElementById("createbtn").disabled = "disabled"; + } if (roomspacenum == 1) { - e.appendChild(document.createTextNode(`there is one available room slot`)); + e.appendChild(document.createTextNode(`there is 1 available room slot`)); } else if (roomspacenum > 1) { e.appendChild(document.createTextNode(`there are ${roomspacenum} available room slots`)); } @@ -61,7 +64,7 @@ <label>public, ie. shown in the lobby <input name="raccess" type="checkbox" checked></label><br> <label>safe first move (if possible)<input name="ralwayssafe1move" type="checkbox" checked></label><br> <label>player limit<input name="rlimit" type="number" value="32"></label><br> - <button>create</button> + <button id="createbtn">create</button> </fieldset> <form> </body> diff --git a/assets/style.css b/assets/style.css index 66130eb..58da34f 100644 --- a/assets/style.css +++ b/assets/style.css @@ -36,13 +36,18 @@ body { padding: 0.1em 0.1em; } -#rlist a, span { +#rlist a, #rlist span { text-decoration: none; - line-height: 0.4; color: #dfdfff; background-color: #3c3c3c; } +span, h1, h4 { + margin: 0 auto; +} + +h4 { margin-left: 1em; } + a :visited { color: inherit; } |