Rearrange client files

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

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%;
}

View File

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

View File

@ -2,7 +2,9 @@
<html>
<head>
<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>
<body>
<div id=login>
@ -17,6 +19,6 @@
<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>
</div>
<script src=client.js></script>
<script src=js/main.js></script>
</body>
</html>