Add hostname display. Shown on left, between logo and menu

html/style.css

@@ -206,6 +206,16 @@ pre.console a {
 	color: #fff;
 }
 
+#menu .hostname {
+	width: 100%;
+	font-size: 12px;
+	height: 20px;
+	padding-left: 10px;
+	text-align: center;
+	color: #fff;
+	background: #9d1414;
+}
+
 #menu .pure-menu-heading {
 	font-size: 110%;
 	color: #fff;

html/ui.js

@@ -226,6 +226,7 @@ onLoad(function() {
       <div class="pure-menu">\
         <a class="pure-menu-heading" href="https://github.com/jeelabs/esp-link">\
         <img src="/favicon.ico" height="32">&nbsp;esp-link</a>\
+        <div id="hostname" class="hostname"></div>\
         <ul id="menu-list" class="pure-menu-list"></ul>\
       </div>\
     </div>\
@@ -258,6 +259,9 @@ onLoad(function() {
 
       v = $("#version");
       if (v != null) { v.innerHTML = data.version; }
+      
+    $("#hostname").innerHTML = data.hostname;
+
     }, function() { setTimeout(getMenu, 1000); });
   };
   getMenu();

user/cgi.c

@@ -66,7 +66,7 @@ int ICACHE_FLASH_ATTR cgiMenu(HttpdConnData *connData) {
 	os_sprintf(buff,
 			"{\"menu\": [\"Home\", \"/home.html\", \"Wifi\", \"/wifi/wifi.html\","
 			"\"\xC2\xB5" "C Console\", \"/console.html\", \"Debug log\", \"/log.html\" ],\n"
-			" \"version\": \"%s\" }", esp_link_version);
+			" \"version\": \"%s\", \"hostname\": \"%s\"}", esp_link_version, wifi_station_get_hostname());
 	httpdSend(connData, buff, -1);
 	return HTTPD_CGI_DONE;
 }