master
Bel LaPointe 2023-04-09 11:37:46 -06:00
parent 52ee1e5083
commit 444245c0f5
1 changed files with 56 additions and 24 deletions

View File

@ -2,11 +2,19 @@
<html> <html>
<header> <header>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/dark.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/dark.css">
<script>
function formsay(message) {
console.log(`say '${message}'`)
}
function formsend(message) {
console.log(`send '${message}'`)
}
</script>
</header> </header>
<body> <body>
<form> <div>
<h3>WHO AM I</h3> <form>
<div> <h3>WHO AM I</h3>
<select id="user"> <select id="user">
<option>bel</option> <option>bel</option>
<option>zach</option> <option>zach</option>
@ -16,28 +24,52 @@
<option>roxy</option> <option>roxy</option>
<option>bill</option> <option>bill</option>
</select> </select>
</form>
<div>
<form action="" onsubmit="formsay(this.children.say.value); return false;" style="display: inline-block;">
<h3>SAY</h3>
<input type="text" name="say">
<input type="submit" value="say">
</form>
<form action="" onsubmit="formsend(this.children.send.value); return false;" style="display: inline-block;">
<h3>SEND</h3>
<select name="send">
<option>bel</option>
<option>zach</option>
<option>chase</option>
<option>mason</option>
<option>nat</option>
<option>roxy</option>
<option>bill</option>
</select>
<input type="submit" value="send">
</form>
</div> </div>
<h3>CONTROLS</h3> <details>
<div id="controls" style="display: flex; flex-wrap: wrap;"> <summary>CONTROLS</summary>
<div> <form id="controls">
<input type="text" maxLength=1 value="w" name="w" placeholder="up" onchange="recontrol()"> <div style="display: flex; flex-wrap: wrap;">
<input type="text" maxLength=1 value="s" name="s" placeholder="down" onchange="recontrol()"> <div>
<input type="text" maxLength=1 value="a" name="a" placeholder="left" onchange="recontrol()"> <input type="text" maxLength=1 value="w" name="w" placeholder="up" onchange="recontrol()">
<input type="text" maxLength=1 value="d" name="d" placeholder="right" onchange="recontrol()"> <input type="text" maxLength=1 value="s" name="s" placeholder="down" onchange="recontrol()">
</div> <input type="text" maxLength=1 value="a" name="a" placeholder="left" onchange="recontrol()">
<div> <input type="text" maxLength=1 value="d" name="d" placeholder="right" onchange="recontrol()">
<input type="text" maxLength=1 value="5" name="5" placeholder="start" onchange="recontrol()"> </div>
<input type="text" maxLength=1 value="q" name="q" placeholder="l" onchange="recontrol()"> <div>
<input type="text" maxLength=1 value="e" name="e" placeholder="r" onchange="recontrol()"> <input type="text" maxLength=1 value="5" name="5" placeholder="start" onchange="recontrol()">
</div> <input type="text" maxLength=1 value="q" name="q" placeholder="l" onchange="recontrol()">
<div> <input type="text" maxLength=1 value="e" name="e" placeholder="r" onchange="recontrol()">
<input type="text" maxLength=1 value="1" name="1" placeholder="a" onchange="recontrol()"> </div>
<input type="text" maxLength=1 value="2" name="2" placeholder="b" onchange="recontrol()"> <div>
<input type="text" maxLength=1 value="3" name="3" placeholder="x" onchange="recontrol()"> <input type="text" maxLength=1 value="1" name="1" placeholder="a" onchange="recontrol()">
<input type="text" maxLength=1 value="4" name="4" placeholder="y" onchange="recontrol()"> <input type="text" maxLength=1 value="2" name="2" placeholder="b" onchange="recontrol()">
</div> <input type="text" maxLength=1 value="3" name="3" placeholder="x" onchange="recontrol()">
</div> <input type="text" maxLength=1 value="4" name="4" placeholder="y" onchange="recontrol()">
</form> </div>
</div>
</form>
</details>
</div>
<div id="ntfy"></div> <div id="ntfy"></div>
<div id="ws"></div> <div id="ws"></div>
</body> </body>