diff --git a/css/main.css b/css/main.css
index f8dc4b9..eefae89 100644
--- a/css/main.css
+++ b/css/main.css
@@ -41,4 +41,10 @@ a {
#list a:hover {
background-color: #5491D2;
color: #fff;
+}
+
+#hint {
+ display:none;
+ position: absolute;
+ bottom: 1em;
}
\ No newline at end of file
diff --git a/index.html b/index.html
index 20cacc0..7b709e8 100644
--- a/index.html
+++ b/index.html
@@ -32,6 +32,10 @@
+
+ Can't find your device? Make sure your on the same wifi network.
+ You can always use an ethernet cable and go to 192.168.5.1.
+
diff --git a/js/main.js b/js/main.js
index d6a73c4..13b2040 100644
--- a/js/main.js
+++ b/js/main.js
@@ -1,5 +1,5 @@
-var retrieveListInterval = 5000;
+var retrieveListInterval = 3000;
var retrieveListDelay; // retry setTimout instance
var boxTimeoutTime = 500;
@@ -8,6 +8,7 @@ var numBoxesFound = 0; // count how many boxes responded
var $list;
var $intro;
+var $hint;
var $preloader;
var spinner;
@@ -16,6 +17,7 @@ $(function() {
$intro = $("#intro");
$list = $("#list");
+ $hint = $("#hint");
$preloader = $("#preloader");
var spinnerSettings = {
@@ -121,11 +123,14 @@ function removeBox(box) {
}
function updateIntro() {
+ $intro.fadeIn();
if(numBoxesChecking <= 0) {
if(numBoxesFound > 0) {
$intro.html("Found the following boxes near you:");
+ $hint.fadeOut();
} else {
$intro.html("No boxes found near you.");
+ $hint.fadeIn();
}
$preloader.fadeOut(1000);
}