kj7rrv/hcra
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Rearrange client files

Browse Source
This commit is contained in:
Samuel Sloniker 2021-06-17 15:04:51 -07:00
parent d57905c731
commit 6061c80cbe
5 changed files with 43 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
client/css/color.css Normal file
View File

@ -0,0 +1,13 @@
body {
background-color: black;
color: white;
}
input {
background-color: #222222;
color: white;
}
button {
background-color: #00FF00;
}

18
client/css/font.css Normal file
View File

@ -0,0 +1,18 @@
body {
font-family: sans-serif;
font-size: 16pt;
}
input {
font-size: 16pt;
text-align: left !important;
}
button {
font-size: 16pt;
}
#errorbox {
font-size: 200%;
}

21
client/client.css → client/css/layout.css
View File

@ -1,34 +1,27 @@
body {
background-color: black;
color: white;
font-family: sans-serif;
font-size: 16pt;
}
input { input {
background-color: #222222;
border: none; border: none;
color: white;
font-size: 16pt;
text-align: left !important;
} }
button { button {
background-color: #00FF00;
border: none; border: none;
font-size: 16pt;
} }
.loginline { .loginline {
padding: 3px; padding: 3px;
} }
form { form {
float: left; float: left;
} }
form * { form * {
text-align: right; text-align: right;
} }
#errorbox { #errorbox {
font-size: 200%;
text-align: center text-align: center
} }
#holder { #holder {
margin: 0; margin: 0;
padding: 0; padding: 0;
@ -36,6 +29,7 @@ form * {
height: 100vh; height: 100vh;
text-align: center text-align: center
} }
#holder * { #holder * {
margin: 0 auto; margin: 0 auto;
position: absolute; position: absolute;
@ -43,6 +37,7 @@ form * {
left: 50%; left: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
} }
#errorbox * { #errorbox * {
position: static; position: static;
} }

6
client/client.html → client/index.html
View File

@ -2,7 +2,9 @@
<html> <html>
<head> <head>
<title>HamClock</title> <title>HamClock</title>
<link rel=stylesheet href=client.css> <link rel=stylesheet href=css/layout.css>
<link rel=stylesheet href=css/font.css>
<link rel=stylesheet href=css/color.css>
</head> </head>
<body> <body>
<div id=login> <div id=login>
@ -17,6 +19,6 @@
<div id=errorbox style="width: 800px; height: 480px">Loading...</div> <div id=errorbox style="width: 800px; height: 480px">Loading...</div>
<canvas id=canvas width=800 height=480 style="width: 800px; height: 480px; display: none"></canvas> <canvas id=canvas width=800 height=480 style="width: 800px; height: 480px; display: none"></canvas>
</div> </div>
<script src=client.js></script> <script src=js/main.js></script>
</body> </body>
</html> </html>

0
client/client.js → client/js/main.js
View File