diff options
Diffstat (limited to 'assets')
| -rw-r--r-- | assets/client.js | 4 | ||||
| -rw-r--r-- | assets/index.html | 13 | ||||
| -rw-r--r-- | assets/room.html | 2 | ||||
| -rw-r--r-- | assets/style.css | 10 |
4 files changed, 23 insertions, 6 deletions
diff --git a/assets/client.js b/assets/client.js index b23222c..a6a2a73 100644 --- a/assets/client.js +++ b/assets/client.js @@ -163,8 +163,8 @@ function movSelWin(win, x, y) { } else { win.style.display = ""; } - win.style.left = (anch.x + (tpos.x * tile_w)) + 'px'; - win.style.top = (anch.y + ((tpos.y + 0.35) * tile_h)) + 'px'; + win.style.left = (window.scrollX + anch.x + (tpos.x * tile_w)) + 'px'; + win.style.top = (window.scrollY + anch.y + ((tpos.y + 0.35) * tile_h)) + 'px'; win.style.width = tile_w + 'px'; win.style.height = tile_h + 'px'; } diff --git a/assets/index.html b/assets/index.html index 6fc9c46..763b9ef 100644 --- a/assets/index.html +++ b/assets/index.html @@ -11,9 +11,16 @@ <script> let rlist = document.getElementById('rlist'); fetch('rlist').then(r => r.json()).then(rooms => { - rooms.forEach(x => { + Object.keys(rooms).forEach(x => { + let roominfo = JSON.parse(rooms[x]); + let bc = roominfo.board_conf; let a = document.createElement('a'); - a.appendChild(document.createTextNode(x)); + let h1 = document.createElement('h1'); + h1.appendChild(document.createTextNode(`> ${roominfo.name}`)); + let h4 = document.createElement('h4'); + h4.appendChild(document.createTextNode(`${bc.w} by ${bc.h} with ${bc.mine_ratio[0]} in every ${bc.mine_ratio[1]} tiles mined`)); + a.append(h1); + a.append(h4); a.href = 'room/' + x; rlist.append(a); rlist.append(document.createElement('br')); @@ -33,7 +40,7 @@ tiles are mines </label><br> <label>public, ie. shown in the lobby <input name="raccess" type="checkbox" checked></label><br> - <label>always safe first move <input name="ralwayssafe1move" 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> </fieldset> diff --git a/assets/room.html b/assets/room.html index 27f9ae1..e3e6ff9 100644 --- a/assets/room.html +++ b/assets/room.html @@ -7,7 +7,7 @@ <link rel="stylesheet" type="text/css" href="/s.css"> </head> <body> - <div class="cent"> + <div> <div id="board-container"> <span id="board"></span> </div> diff --git a/assets/style.css b/assets/style.css index d217b8d..52a2021 100644 --- a/assets/style.css +++ b/assets/style.css @@ -36,3 +36,13 @@ body { padding: 0.1em 0.1em; } +#rlist a { + text-decoration: none; + line-height: 0.4; + color: #dfdfff; + background-color: #3c3c3c; +} + +a :visited { + color: inherit; +} |