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); }