From: Christian Heller <c.heller@plomlompom.de> Date: Sun, 22 Nov 2020 02:44:36 +0000 (+0100) Subject: Improve web client click table layout. X-Git-Url: https://plomlompom.com/repos/%7B%7Bdb.prefix%7D%7D/static/%7B%7B%20web_path%20%7D%7D/decks/template?a=commitdiff_plain;h=0631c709258a54e0a9f153e522e0e76df384ac5f;p=plomrogue2 Improve web client click table layout. --- diff --git a/rogue_chat_nocanvas_monochrome.html b/rogue_chat_nocanvas_monochrome.html index 9db72e4..6713a27 100644 --- a/rogue_chat_nocanvas_monochrome.html +++ b/rogue_chat_nocanvas_monochrome.html @@ -12,28 +12,58 @@ terminal columns: <input id="n_cols" type="number" step=4 min=80 value=80 /> <div> <h3>for mouse players</h3> <table style="float: left"> -<tr><td><button id="move_upleft">up-left</button></td><td><button id="move_up">up</button></td><td><button id="move_upright">up-right</button></td></tr> -<tr><td><button id="move_left">left</button></td><td>MOVE</td><td><button id="move_right">right</button></td></tr> -<tr><td><button id="move_downleft">down-left</button></td><td><button id="move_down">down</button></td><td><button id="move_downright">down-right</button></td></tr> + <tr> + <td><button id="move_upleft">up-left</button></td> + <td><button id="move_up">up</button></td> + <td><button id="move_upright">up-right</button></td> + </tr> + <tr> + <td><button id="move_left">left</button></td> + <td>MOVE</td> + <td><button id="move_right">right</button></td> + </tr> + <tr> + <td><button id="move_downleft">down-left</button></td> + <td><button id="move_down">down</button></td> + <td><button id="move_downright">down-right</button></td> + </tr> +</table> +<table> + <tr> + <td><button id="help">help</button></td> + </tr> + <tr> + <td><button id="switch_to_chat">chat mode</button><br /></td> + </tr> + <td><button id="switch_to_study">study mode</button></td> + <td><button id="toggle_map_mode">toggle terrain/annotations/control view</button> + <tr> + <td><button id="switch_to_play">play mode</button></td> + <td> + <table> + <tr> + <td><button id="take_thing">take thing</button></td> + <td><button id="switch_to_edit">change tile</button></td> + <td><button id="switch_to_admin">become admin</button></td> + </tr> + <tr> + <td><button id="drop_thing">drop thing</button></td> + <td><button id="switch_to_password">change tile editing password</button></td> + <td><button id="switch_to_control_pw_type">change tile control password</button></td> + </tr> + <tr> + <td><button id="flatten">flatten surroundings</button></td> + <td><button id="switch_to_annotate">annotate tile</button></td> + <td><button id="switch_to_control_tile_type">change tiles control</button></td> + </tr> + <tr> + <td><button id="teleport">teleport</button></td> + <td><button id="switch_to_portal">edit portal link</button></td> + </tr> + </table> + </td> + </tr> </table> -<div> -<button id="help">help</button> -<button id="switch_to_play">play mode</button> -<button id="switch_to_study">study mode</button> -<button id="switch_to_chat">chat mode</button><br /> -<button id="take_thing">take thing</button> -<button id="drop_thing">drop thing</button> -<button id="flatten">flatten surroundings</button> -<button id="teleport">teleport</button> -<button id="switch_to_edit">change tile</button><br /> -<button id="switch_to_password">change tile editing password</button> -<button id="switch_to_annotate">annotate tile</button> -<button id="switch_to_portal">edit portal link</button> -<button id="toggle_map_mode">toggle terrain/annotations/control view</button> -<button id="switch_to_admin">become admin</button> -<button id="switch_to_control_pw_type">change tile control password</button> -<button id="switch_to_control_tile_type">change tiles control</button> -</div> <h3>edit keybindings</h3> (see <a href="https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key/Key_Values">here</a> for non-obvious available values):<br /> <ul> <li>move up (square grid): <input id="key_square_move_up" type="text" value="w" /> (hint: ArrowUp)