Autohide navbar based on screen dimensions at load

nginx/public_html/index.js

@@ -100,6 +100,9 @@ var asyncRequest = function(request, callback, raw=false) {
 onload = function() {
     el_out = document.getElementById("output");
 
+    let aspect_ratio = window.innerWidth/window.innerHeight;
+    let mobile = aspect_ratio < 1.33; // smaller than 4:3
+
     var app = new Vue({
         el: '#app',
         data: {
@@ -107,7 +110,7 @@ onload = function() {
             now: getCurrentTime(),
             lastpong: new Date(0),
             last_updated: new Date(0),
-            nav_hidden: true,
+            nav_hidden: mobile,
             uptime: null,
             chaininfo: null,
             mininginfo: null,