home · contact · privacy
projects / plomrogue2 / blobdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | inline | side by side
Fix terminal link coloring.
[plomrogue2] / rogue_chat_nocanvas_monochrome.html
diff --git a/rogue_chat_nocanvas_monochrome.html b/rogue_chat_nocanvas_monochrome.html
index 381b0f2c3679a0c146dddac02caa69f6037a8f80..59d03a98141cda17de586e956b1abd6d88bf8dff 100644 (file)
--- a/rogue_chat_nocanvas_monochrome.html
+++ b/rogue_chat_nocanvas_monochrome.html
@@ -1,30 +1,37 @@
 <!DOCTYPE html>
 <html><head>
 <style>
+  pre {
+      display: inline-block;
+  }
+  pre a {
+      color: white;
+  }
 </style>
 </head><body>
 <div>
 terminal rows: <input id="n_rows" type="number" step=4 min=24 value=24 />
 terminal columns: <input id="n_cols" type="number" step=4 min=80 value=80 />
 </div>
-<pre id="terminal" style="display: inline-block;"></pre>
+<pre id="terminal"></pre>
 <textarea id="input" style="opacity: 0; width: 0px;"></textarea>
 <div>
-<h3>for mouse players</h3>
+<a href="https://plomlompom.com/repos/?p=plomrogue2;a=summary">source code</a> (includes proper terminal / curses client)
+<h3>button controls 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 style="text-align: right"><button id="move_upleft">up-left</button></td>
+    <td style="text-align: center"><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 style="text-align: right;"><button id="move_left">left</button></td>
+    <td stlye="text-align: center;">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 style="text-align: center"><button id="move_down">down</button></td>
     <td><button id="move_downright">down-right</button></td>
   </tr>
 </table>
@@ -167,8 +174,7 @@ let key_selectors = document.querySelectorAll('[id^="key_"]');
 
 for (const key_switch_selector of document.querySelectorAll('[id^="key_switch_to_"]')) {
     const action = key_switch_selector.id.slice("key_switch_to_".length);
-    const msg = "[" + mode_helps[action].short + "]: ";
-    key_switch_selector.parentNode.prepend(msg);
+    key_switch_selector.parentNode.prepend(mode_helps[action].short + ': ');
 }
 
 function restore_selector_value(selector) {
@@ -550,13 +556,26 @@ let tui = {
     for (let key_selector of key_selectors) {
         this.keys[key_selector.id.slice(4)] = key_selector.value;
     }
-    this.movement_keys = {
-        [this.keys.square_move_up]: 'UP',
-        [this.keys.square_move_left]: 'LEFT',
-        [this.keys.square_move_down]: 'DOWN',
-        [this.keys.square_move_right]: 'RIGHT'
-    };
-    if (game.map_geometry == 'Hex') {
+    if (game.map_geometry == 'Square') {
+        this.movement_keys = {
+            [this.keys.square_move_up]: 'UP',
+            [this.keys.square_move_left]: 'LEFT',
+            [this.keys.square_move_down]: 'DOWN',
+            [this.keys.square_move_right]: 'RIGHT'
+        };
+        document.getElementById("move_upright").hidden = true;
+        document.getElementById("move_upleft").hidden = true;
+        document.getElementById("move_downright").hidden = true;
+        document.getElementById("move_downleft").hidden = true;
+        document.getElementById("move_up").hidden = false;
+        document.getElementById("move_down").hidden = false;
+    } else if (game.map_geometry == 'Hex') {
+        document.getElementById("move_upright").hidden = false;
+        document.getElementById("move_upleft").hidden = false;
+        document.getElementById("move_downright").hidden = false;
+        document.getElementById("move_downleft").hidden = false;
+        document.getElementById("move_up").hidden = true;
+        document.getElementById("move_down").hidden = true;
         this.movement_keys = {
             [this.keys.hex_move_upleft]: 'UPLEFT',
             [this.keys.hex_move_upright]: 'UPRIGHT',
@@ -582,40 +601,13 @@ let tui = {
     }
     this.empty_input();
     this.restore_input_values();
-    document.getElementById("take_thing").disabled = true;
-    document.getElementById("drop_thing").disabled = true;
-    document.getElementById("flatten").disabled = true;
-    document.getElementById("teleport").disabled = true;
-    document.getElementById("toggle_map_mode").disabled = true;
-    document.getElementById("switch_to_chat").disabled = true;
-    document.getElementById("switch_to_play").disabled = true;
-    document.getElementById("switch_to_study").disabled = true;
-    document.getElementById("switch_to_edit").disabled = true;
-    document.getElementById("switch_to_portal").disabled = true;
-    document.getElementById("switch_to_annotate").disabled = true;
-    document.getElementById("switch_to_password").disabled = true;
-    document.getElementById("switch_to_admin").disabled = true;
-    document.getElementById("switch_to_control_pw_type").disabled = true;
-    document.getElementById("switch_to_control_tile_type").disabled = true;
-    document.getElementById("move_left").disabled = true;
-    document.getElementById("move_upleft").disabled = true;
-    document.getElementById("move_up").disabled = true;
-    document.getElementById("move_upright").disabled = true;
-    document.getElementById("move_downleft").disabled = true;
-    document.getElementById("move_down").disabled = true;
-    document.getElementById("move_downright").disabled = true;
-    document.getElementById("move_right").disabled = true;
+    for (let el of document.getElementsByTagName("button")) {
+        el.disabled = true;
+    }
+    document.getElementById("help").disabled = false;
     if (this.mode.name == 'play' || this.mode.name == 'study' || this.mode.name == 'control_tile_draw') {
-        document.getElementById("move_left").disabled = false;
-        document.getElementById("move_right").disabled = false;
-        if (game.map_geometry == 'Hex') {
-            document.getElementById("move_upleft").disabled = false;
-            document.getElementById("move_upright").disabled = false;
-            document.getElementById("move_downleft").disabled = false;
-            document.getElementById("move_downright").disabled = false;
-        } else {
-            document.getElementById("move_up").disabled = false;
-            document.getElementById("move_down").disabled = false;
+        for (const move_key of document.querySelectorAll('[id^="move_"]')) {
+            move_key.disabled = false;
         }
     }
     if (!this.mode.is_intro && this.mode.name != 'play') {
Unnamed repository; edit this file 'description' to name the repository.