Added hint

css/main.css

@@ -41,4 +41,10 @@ a {
 #list a:hover {
 	background-color: #5491D2;
 	color: #fff;
+}
+
+#hint {
+	display:none;
+	position: absolute;
+	bottom: 1em;
 }

index.html

@@ -32,6 +32,10 @@
         <div class="content">
           <p id="intro"></p>
   	  	  <ul id="list"></ul>
+  	  	  <small id="hint">
+  	  	  	Can't find your device? Make sure your on the same wifi network. <br/>
+  	  	  	You can always use an ethernet cable and go to <a href="http://192.168.5.1">192.168.5.1</a>.
+  	  	  </small>
   	 	  <div id="preloader"></div>
         </div>
       </div>

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