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

1
css/system-min.css vendored Normal file
View File

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

61
css/system.css Normal file
View File

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