diff --git a/client/Old/index.html b/client/Old/index.html new file mode 100644 index 0000000..825746d --- /dev/null +++ b/client/Old/index.html @@ -0,0 +1,18 @@ + + + + + + Embezzle + +
+ + + + + + + + diff --git a/client/Old/index.js b/client/Old/index.js new file mode 100644 index 0000000..1072916 --- /dev/null +++ b/client/Old/index.js @@ -0,0 +1,30 @@ +url="http://127.0.0.1:3000" + +function send() { + data = {name: $('#name').val(), ownerID: $("#ownerID").val(), gameID: $("#gameID").val(), seats: $("#seats").val()} + console.log(JSON.stringify(data)) + let xhr = new XMLHttpRequest(); + xhr.open("POST", url + "/" + $('#location').val(), true) + xhr.setRequestHeader('Content-Type', 'application/json'); + xhr.onreadystatechange = function () { + if (xhr.readyState == 4 && xhr.status == 200) { + + console.log(JSON.parse(xhr.responseText)) + + + } + } + xhr.send(JSON.stringify(data)) + } + + function get() { + let xhr = new XMLHttpRequest(); + xhr.open("GET", url + "/" + $('#location').val(), true) + xhr.setRequestHeader('Content-Type', 'application/json'); + xhr.onreadystatechange = function () { + if (xhr.readyState == 4 && xhr.status == 200) { + console.log(JSON.parse(xhr.responseText)) + } + } + xhr.send() + } \ No newline at end of file diff --git a/client/index.css b/client/index.css new file mode 100644 index 0000000..697175e --- /dev/null +++ b/client/index.css @@ -0,0 +1,202 @@ +* { + box-sizing: border-box; + } + body { + margin: 0; + } + .clearfix{ + clear:both; + } + .header-banner{ + padding-top:35px; + padding-bottom:100px; + color:#ffffff; + font-family:Helvetica, serif; + font-weight:100; + background-image:url("//grapesjs.com/img/bg-gr-v.png"), url(none); + background-attachment:scroll, scroll; + background-position:left top, center center; + background-repeat:repeat-y, no-repeat; + background-size:contain, cover; + opacity:1; + } + .container-width{ + width:90%; + max-width:1150px; + margin:0 auto; + float:none; + } + .logo-container{ + float:left; + width:50%; + } + .menu{ + float:right; + width:50%; + } + .lead-title{ + margin:150px 0 30px 0; + font-size:40px; + } + .footer-under{ + background-color:#312833; + padding-bottom:100px; + padding-top:100px; + min-height:500px; + color:#eee; + position:relative; + font-weight:100; + font-family:Helvetica,serif; + } + .footer-container{ + display:flex; + flex-wrap:wrap; + align-items:stretch; + justify-content:space-around; + } + .foot-list{ + float:left; + width:200px; + } + .foot-list-title{ + font-weight:400; + margin-bottom:10px; + padding:0.5em 0; + } + .foot-list-item{ + color:rgba(238, 238, 238, 0.8); + font-size:0.8em; + padding:0.5em 0; + } + .foot-list-item:hover{ + color:rgba(238, 238, 238, 1); + } + .foot-form-cont{ + width:300px; + float:right; + } + .foot-form-title{ + color:rgba(255,255,255,0.75); + font-weight:400; + margin-bottom:10px; + padding:0.5em 0; + text-align:right; + font-size:2em; + } + .form{ + border-radius:3px; + padding:10px 15px; + background-color:rgba(0,0,0,0.2); + } + .input{ + width:100%; + margin-bottom:15px; + padding:7px 10px; + border-radius:2px; + color:#fff; + background-color:#554c57; + border:none; + align-items:flex-start; + justify-content:flex-start; + flex-direction:row; + align-self:auto; + margin:15px 0 15px 0; + height:32px; + } + .sub-input{ + width:100%; + margin-bottom:15px; + padding:7px 10px; + border-radius:2px; + color:#fff; + background-color:#554c57; + border:none; + } + .label{ + width:100%; + display:block; + } + .button{ + width:100%; + margin:15px 0; + background-color:#785580; + border:none; + color:#fff; + border-radius:2px; + padding:7px 10px; + font-size:1em; + cursor:pointer; + align-items:flex-start; + align-self:flex-start; + } + .sub-btn{ + width:100%; + margin:15px 0; + background-color:#785580; + border:none; + color:#fff; + border-radius:2px; + padding:7px 10px; + font-size:1em; + cursor:pointer; + } + .sub-btn:hover{ + background-color:#91699a; + } + .sub-btn:active{ + background-color:#573f5c; + } + .row{ + display:flex; + justify-content:flex-start; + align-items:stretch; + flex-wrap:nowrap; + padding:10px; + } + .cell{ + min-height:75px; + flex-grow:1; + flex-basis:100%; + } + #ianajd{ + padding:10px; + } + #ipah9l{ + align-items:stretch; + } + #in2itk{ + flex-basis:286%; + } + #ilxqxl{ + padding:10px; + } + #imc13f{ + padding:10px; + } + #ibppca{ + padding:10px; + } + #ictkx3{ + padding:10px; + float:none; + font-weight:900; + text-align:center; + font-size:72px; + } + @media (max-width: 768px){ + .foot-form-cont{ + width:400px; + } + .foot-form-title{ + width:autopx; + } + .row{ + flex-wrap:wrap; + } + } + @media (max-width: 480px){ + .foot-lists{ + display:none; + } + } + \ No newline at end of file diff --git a/client/index.html b/client/index.html index 47be00a..a8c87a7 100644 --- a/client/index.html +++ b/client/index.html @@ -1,15 +1,175 @@ - - - - - - Debug - -
- - - - - \ No newline at end of file +
+ +
+
+
+ +
+
+
Embezzle +
+
+
+ \ No newline at end of file diff --git a/client/index.js b/client/index.js index 1072916..52ea764 100644 --- a/client/index.js +++ b/client/index.js @@ -1,30 +1,3 @@ -url="http://127.0.0.1:3000" - -function send() { - data = {name: $('#name').val(), ownerID: $("#ownerID").val(), gameID: $("#gameID").val(), seats: $("#seats").val()} - console.log(JSON.stringify(data)) - let xhr = new XMLHttpRequest(); - xhr.open("POST", url + "/" + $('#location').val(), true) - xhr.setRequestHeader('Content-Type', 'application/json'); - xhr.onreadystatechange = function () { - if (xhr.readyState == 4 && xhr.status == 200) { - - console.log(JSON.parse(xhr.responseText)) - - - } - } - xhr.send(JSON.stringify(data)) - } - - function get() { - let xhr = new XMLHttpRequest(); - xhr.open("GET", url + "/" + $('#location').val(), true) - xhr.setRequestHeader('Content-Type', 'application/json'); - xhr.onreadystatechange = function () { - if (xhr.readyState == 4 && xhr.status == 200) { - console.log(JSON.parse(xhr.responseText)) - } - } - xhr.send() - } \ No newline at end of file +fetch().then(result => { + console.log("Do the thing") +}) \ No newline at end of file