131 lines
4.7 KiB
HTML
131 lines
4.7 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||
<html>
|
||
<head>
|
||
<title>RLG-Web α</title>
|
||
<script type="text/javascript" src="termemu.js"></script>
|
||
<script type="text/javascript" src="termemu-keys.js"></script>
|
||
<script type="text/javascript" src="rlgterm.js"></script>
|
||
<link rel="stylesheet" type="text/css" href="tty.css">
|
||
<link rel="stylesheet" type="text/css" href="style-rlg.css">
|
||
</head>
|
||
<body onload="setup()" onkeydown="sendkey(event)">
|
||
<h1>RLG-Web α</h1>
|
||
<div id ="top">
|
||
<span id="ttitle"></span>
|
||
<img src="/bell.png" alt="bell" id="bell">
|
||
</div>
|
||
<div id="termwrap">TERM</div>
|
||
<div class="modal" id="keyboard">
|
||
<div class="keyrow">
|
||
<div class="key" onclick="vkey('`')">`</div>
|
||
<div class="key" onclick="vkey('1')">1</div>
|
||
<div class="key" onclick="vkey('2')">2</div>
|
||
<div class="key" onclick="vkey('3')">3</div>
|
||
<div class="key" onclick="vkey('4')">4</div>
|
||
<div class="key" onclick="vkey('5')">5</div>
|
||
<div class="key" onclick="vkey('6')">6</div>
|
||
<div class="key" onclick="vkey('7')">7</div>
|
||
<div class="key" onclick="vkey('8')">8</div>
|
||
<div class="key" onclick="vkey('9')">9</div>
|
||
<div class="key" onclick="vkey('0')">0</div>
|
||
<div class="key" onclick="vkey('-')">-</div>
|
||
<div class="key" onclick="vkey('=')">=</div>
|
||
<div class="key" onclick="vkey('\b')" style="width: 2.5em">Bksp</div>
|
||
</div>
|
||
<div class="keyrow">
|
||
<div class="key" onclick="vkey('\t')" style="width: 2.5em">Tab</div>
|
||
<div class="key" onclick="vkey('q')">Q</div>
|
||
<div class="key" onclick="vkey('w')">W</div>
|
||
<div class="key" onclick="vkey('e')">E</div>
|
||
<div class="key" onclick="vkey('r')">R</div>
|
||
<div class="key" onclick="vkey('t')">T</div>
|
||
<div class="key" onclick="vkey('y')">Y</div>
|
||
<div class="key" onclick="vkey('u')">U</div>
|
||
<div class="key" onclick="vkey('i')">I</div>
|
||
<div class="key" onclick="vkey('o')">O</div>
|
||
<div class="key" onclick="vkey('p')">P</div>
|
||
<div class="key" onclick="vkey('[')">[</div>
|
||
<div class="key" onclick="vkey(']')">]</div>
|
||
<div class="key" onclick="vkey('\\')">\</div>
|
||
</div>
|
||
<div class="keyrow">
|
||
<div class="key" onclick="togglectrl()" id="ctrlkey">Ctrl</div>
|
||
<div class="key" onclick="vkey('a')">A</div>
|
||
<div class="key" onclick="vkey('s')">S</div>
|
||
<div class="key" onclick="vkey('d')">D</div>
|
||
<div class="key" onclick="vkey('f')">F</div>
|
||
<div class="key" onclick="vkey('g')">G</div>
|
||
<div class="key" onclick="vkey('h')">H</div>
|
||
<div class="key" onclick="vkey('j')">J</div>
|
||
<div class="key" onclick="vkey('k')">K</div>
|
||
<div class="key" onclick="vkey('l')">L</div>
|
||
<div class="key" onclick="vkey(';')">;</div>
|
||
<div class="key" onclick="vkey('\'')">'</div>
|
||
<div class="key" onclick="vkey('\n')" style="width: 4em">Ret</div>
|
||
</div>
|
||
<div class="keyrow">
|
||
<div class="key" onclick="toggleshift()" id="shiftkey">Shift</div>
|
||
<div class="key" onclick="vkey('z')">Z</div>
|
||
<div class="key" onclick="vkey('x')">X</div>
|
||
<div class="key" onclick="vkey('c')">C</div>
|
||
<div class="key" onclick="vkey('v')">V</div>
|
||
<div class="key" onclick="vkey('b')">B</div>
|
||
<div class="key" onclick="vkey('n')">N</div>
|
||
<div class="key" onclick="vkey('m')">M</div>
|
||
<div class="key" onclick="vkey(',')">,</div>
|
||
<div class="key" onclick="vkey('.')">.</div>
|
||
<div class="key" onclick="vkey('/')">/</div>
|
||
</div>
|
||
<div class="keyrow">
|
||
<div class="key" onclick="vkey(' ')" id="spacebar"></div>
|
||
</div>
|
||
<div class="rbutton" onclick="stop()">Stop</div>
|
||
<div class="rbutton">Font:
|
||
<span onclick="textsize(false)">Smaller</span>
|
||
<span onclick="textsize(true)">Larger</span>
|
||
</div>
|
||
</div>
|
||
<div class="modal" id="login">
|
||
<form id="loginform" action="/login" method="post">
|
||
<div>
|
||
Name: <input type="text" name="name" id="input_name">
|
||
</div>
|
||
<div>
|
||
Password: <input type="password" name="pw" id="input_pw">
|
||
</div>
|
||
<div>
|
||
Choose game: <select name="game" id="input_game">
|
||
<option label="Rogue V3" value="rogue3">Rogue V3</option>
|
||
<option label="Rogue V4" value="rogue4">Rogue V4</option>
|
||
<option label="Rogue V5" value="rogue5">Rogue V5</option>
|
||
<option label="Super-Rogue" value="srogue">Super-Rogue</option>
|
||
</select>
|
||
</div>
|
||
<div>
|
||
<input type="submit" value="Play" onclick="formlogin(event)">
|
||
</div>
|
||
</form>
|
||
</div>
|
||
<div class="rbutton" onclick="setmode('register')">Register</div>
|
||
<div class="modal" id="register">
|
||
<form id="regform" action="/addacct" method="post">
|
||
<div>
|
||
Name: <input type="text" name="name" id="regin_name">
|
||
</div>
|
||
<div>
|
||
Password: <input type="password" name="pw" id="regin_pw">
|
||
</div>
|
||
<div>
|
||
E-mail (optional): <input type="text" name="email" id="regin_email">
|
||
</div>
|
||
<div>
|
||
<input type="submit" value="Sign up" onclick="formreg(event)">
|
||
<input type="reset" value="Cancel" onclick="setmode('login', event)">
|
||
</div>
|
||
</form>
|
||
</div>
|
||
<div id="debug">
|
||
<p>Debugging Output</p>
|
||
</div>
|
||
</body>
|
||
</html>
|