home · contact · privacy
Fix terminal link coloring.
[plomrogue2] / rogue_chat_nocanvas_monochrome.html
index 105866376f1f40df2f6dd76e8d7709d6598fb582..59d03a98141cda17de586e956b1abd6d88bf8dff 100644 (file)
@@ -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>