diff --git a/app/static/script.js b/app/static/script.js index 7a13fa9..3ca76a8 100644 --- a/app/static/script.js +++ b/app/static/script.js @@ -9,20 +9,27 @@ $(document).ready(function() { var phoneNumber = $("#input-phone").val(); var values = {"name": name, "searchingForName": searchingForName, "message": message, "phoneNumber": phoneNumber}; - $("#main-form").hide(); $.ajax({ type: "POST", - url: "http://7b3eabbd.ngrok.com", + url: "http://www.connectmeback.org/sms", data: values, success: function(data){ if (JSON.stringify(data) == "{}") { - console.log("Nothing came back from the server."); - var newElement = "
You'll be notified via SMS as soon as your loved one submits a message. Please submit another here.
" + $("#main-form").hide(); + var newElement = "
You'll be notified via SMS as soon as your loved one submits a message. Please submit another here.
" $("#slogan").append(newElement); - } else { + } + if ('name' in data) { + $("#main-form").hide(); console.log("Got a response from the server, going to present it to the user now."); - var newElement = "
You'll be notified via SMS as soon as your loved one submits a message. Please submit another here.
" + console.log(data); + + var searchingForName = data['name']; + var myName = data['searchingForName']; + var message = data['message']; + var phoneNumber = data['phone']; + var newElement = "
Wow! We found a match. " + searchingForName + " was also looking for you, too. They say: '" + message + "', and you can contact them at: " + phoneNumber + ".
"; $("#slogan").append(newElement); } } diff --git a/app/static/style.css b/app/static/style.css index 5eff4c7..969cdae 100644 --- a/app/static/style.css +++ b/app/static/style.css @@ -8,15 +8,25 @@ #logo { position: absolute; - bottom: 0px; + /*bottom: 0px;*/ z-index: 1; - top: 24em; + top: 32em; left: 10px; - float: left; - height:280px; + min-height: 120px; + min-width: 120px; + max-height: 200px; + max-width: 170px; /*float: left;*/ } +body { + height: 100%; +} + +a:hover { + color: #FFD30D; +} + .contact{ font-size: 12; @@ -56,6 +66,12 @@ clear: both; } +input[type="checkbox"]:after, +.checkbox input[type="checkbox"]:after, +.checkbox-inline input[type="checkbox"]:after { + border: 1px solid #DC912C; +} + h1 { font-size: 72px; } diff --git a/app/templates/home.html b/app/templates/home.html index 7cdcfc8..eea8502 100644 --- a/app/templates/home.html +++ b/app/templates/home.html @@ -70,7 +70,7 @@ - +