diff --git a/public/index.html b/public/index.html index 729bf2d..1f27dc1 100755 --- a/public/index.html +++ b/public/index.html @@ -18,63 +18,15 @@ - + - + - +
@@ -105,28 +57,5 @@ - + diff --git a/public/main.js b/public/main.js new file mode 100644 index 0000000..e88f228 --- /dev/null +++ b/public/main.js @@ -0,0 +1,22 @@ +function UserAction(state) { + var xhttp = new XMLHttpRequest(); + xhttp.open("POST", state, false); + xhttp.setRequestHeader("Content-type", "application/text"); + xhttp.send(); + console.log(xhttp.status) + if (xhttp.status == "200" && xhttp.responseText != 'none') { + var stateDisplay = document.getElementById('state'); + stateDisplay.innerText = xhttp.responseText.toUpperCase(); + } +} + +window.onload = function() { + var xhttp = new XMLHttpRequest(); + xhttp.open("GET", "state", false); + xhttp.send(); + + if (xhttp.status == "200") { + var stateDisplay = document.getElementById('state'); + stateDisplay.innerText = xhttp.responseText.toUpperCase(); + } +} \ No newline at end of file diff --git a/public/style.css b/public/style.css new file mode 100644 index 0000000..1cd3dec --- /dev/null +++ b/public/style.css @@ -0,0 +1,47 @@ +html * { + font-family: 'Ubuntu', sans-serif !important; +} +.myContainer { + margin-top: 85px; + margin-left: auto; + margin-right: auto; + width: 100%; +} +.myBg { + background-color: #eee; +} +.btn { + height: 60px; + width: 120px; + + margin-right: 10px; + margin-left: 10px; +} +.state_display { + height: 150px; + width: 80%; + margin-top: 70px; + margin-left: auto; + margin-right: auto; + padding-top: 45px; + background-color: white; + + border-style: solid; + border-width: 0px; + border-radius: 4px; + + text-align: center; + font-size: 40px; +} +.state_display h4 { + position: absolute; + margin-top: -70px; +} +.footer { + width: 100%; + margin: 0 auto; + position: fixed; + bottom: 0; + padding-bottom: 15px; + text-align: center; +} \ No newline at end of file