RLG-Web client: some cleanup
Separate RLG-specific CSS into its own file, fix some typos.
This commit is contained in:
parent
2d86b63c98
commit
018adf9acf
4 changed files with 21 additions and 7 deletions
|
|
@ -6,6 +6,7 @@
|
||||||
<script type="text/javascript" src="termemu-keys.js"></script>
|
<script type="text/javascript" src="termemu-keys.js"></script>
|
||||||
<script type="text/javascript" src="rlgterm.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="tty.css">
|
||||||
|
<link rel="stylesheet" type="text/css" href="style-rlg.css">
|
||||||
</head>
|
</head>
|
||||||
<body onload="setup()" onkeydown="sendkey(event)">
|
<body onload="setup()" onkeydown="sendkey(event)">
|
||||||
<h1>RLG-Web</h1>
|
<h1>RLG-Web</h1>
|
||||||
|
|
@ -105,7 +106,7 @@ Choose game: <select name="game" id="input_game">
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
<div class="rbutton" onclick="setmode("register")">Register</div>
|
<div class="rbutton" onclick="setmode('register')">Register</div>
|
||||||
<div class="modal" id="register">
|
<div class="modal" id="register">
|
||||||
<form id="regform" action="/addacct" method="post">
|
<form id="regform" action="/addacct" method="post">
|
||||||
<div>
|
<div>
|
||||||
|
|
@ -119,7 +120,7 @@ E-mail (optional): <input type="text" name="email" id="regin_email">
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<input type="submit" value="Sign up" onclick="formreg(event)">
|
<input type="submit" value="Sign up" onclick="formreg(event)">
|
||||||
<input type="reset" value="Cancel" onclick="setmode("login", event)">
|
<input type="reset" value="Cancel" onclick="setmode('login', event)">
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -419,7 +419,7 @@ function logout() {
|
||||||
nrecv = 0;
|
nrecv = 0;
|
||||||
msgQ = [];
|
msgQ = [];
|
||||||
//document.getElementById("loginform").style.display = "block";
|
//document.getElementById("loginform").style.display = "block";
|
||||||
setform("login");
|
setmode("login");
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
11
style-rlg.css
Normal file
11
style-rlg.css
Normal file
|
|
@ -0,0 +1,11 @@
|
||||||
|
html {
|
||||||
|
background-color: #C0FFC0;
|
||||||
|
color: #101040;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
div.modal {
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
10
tty.css
10
tty.css
|
|
@ -7,9 +7,6 @@ img#bell {
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
margin-left: 2em;
|
margin-left: 2em;
|
||||||
}
|
}
|
||||||
div.modal {
|
|
||||||
clear: both;
|
|
||||||
}
|
|
||||||
div.keyrow {
|
div.keyrow {
|
||||||
font-size: 1.2em;
|
font-size: 1.2em;
|
||||||
}
|
}
|
||||||
|
|
@ -23,6 +20,8 @@ div.key {
|
||||||
border: 2px solid black;
|
border: 2px solid black;
|
||||||
margin: 0.2em;
|
margin: 0.2em;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
background-color: white;
|
||||||
|
color: black;
|
||||||
}
|
}
|
||||||
div.keysel {
|
div.keysel {
|
||||||
width: 2em;
|
width: 2em;
|
||||||
|
|
@ -31,7 +30,8 @@ div.keysel {
|
||||||
border: 2px solid black;
|
border: 2px solid black;
|
||||||
margin: 0.2em;
|
margin: 0.2em;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
background-color: #C0FFC0;
|
background-color: #A0EEA0;
|
||||||
|
color: black;
|
||||||
}
|
}
|
||||||
div#shiftkey {
|
div#shiftkey {
|
||||||
width: 4em;
|
width: 4em;
|
||||||
|
|
@ -87,6 +87,8 @@ div#debug {
|
||||||
overflow: scroll;
|
overflow: scroll;
|
||||||
white-space: pre;
|
white-space: pre;
|
||||||
clear: both;
|
clear: both;
|
||||||
|
background-color: white;
|
||||||
|
color: black;
|
||||||
}
|
}
|
||||||
div#debug > div {
|
div#debug > div {
|
||||||
font-family: monospace;
|
font-family: monospace;
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue