Moved Javascript, added SCSS and CSS files for a basic look.

Signed-off-by: Rick Hays <rhays@haysgang.com>
This commit is contained in:
2019-09-25 16:31:54 -05:00
parent 1178328186
commit 1c2488c808
7 changed files with 297 additions and 85 deletions

119
scss/system.scss Normal file
View File

@@ -0,0 +1,119 @@
.clear
{
clear: both;
float: none;
}
body
{
background-color: lightgray;
width: 100%;
header
{
div
{
margin: 0 auto;
width: 80%;
p
{
text-align: left;
}
}
}
section
{
form
{
div#latitude_error
{
color: red;
margin: 0 auto;
text-align: left;
width: 80%;
}
div#latitute_input
{
margin: 10px auto;
text-align: left;
width: 80%;
div#latitute_input_label
{
float: left;
text-align: right;
width: 80px;
}
div#latitute_input_input
{
float: left;
text-align: left;
width: 100px;
}
}
div#longitude_error
{
color: red;
margin: 0 auto;
text-align: left;
width: 80%;
}
div#longitude_input
{
margin: 10px auto;
width: 80%;
div#longitude_input_label
{
float: left;
text-align: right;
width: 80px;
}
div#longitude_input_text
{
float: left;
text-align: left;
width: 100px;
}
}
div#submit_button
{
padding: 20px 0 20px 180px;
width: 80%;
}
}
}
section
{
div#result_header
{
margin: 0 auto;
text-align: left;
width: 80%;
}
div#results
{
background-color: aqua;
margin: 0 auto;
text-align: left;
width: 80%;
}
}
footer
{
p
{
margin: 20px auto;
text-align: left;
width: 80%;
}
}
}