2rd rewrite of upload management error based on 3.0

Add file size before upload for SPIFFS and WebUpdate
new embedded page based on 3.0
- display fw version
   - menu link link to wiki / github
   - auto detection of index.html.gz when uploaded
   - websocket to limit to one instance
   - build batch to generate page and fw file
fix for Apple captive portal blocking websocket per @Nathan-ma suggestion
Fix update partition size in [ESP420] for ESP32
change versio to 36

Author: luc-github

embedded/nofile.h

@@ -1,26 +1,16 @@
 html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%; font-size:10px;}
 body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333333;background-color:#ffffff;}
-.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px;}
 table{border:0px;border-spacing:0;max-width:100%;}
-.table-bordered{ width:100%; border:1px solid #dddddd;margin-bottom:20px;}
 td{white-space:nowrap; padding:2mm;}
 th{text-align:left;}
 .table>thead>tr>th,.table>tbody>tr>th,.table>thead>tr>td,.table>tbody>tr>td{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #dddddd;}
-.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td{border:1px solid #dddddd;}
-.table-bordered>thead>tr>th,.table-bordered>thead>tr>td{border-bottom-width:2px;}
 .table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9;}
-@media (min-width:768px){.container{width:750px;}}
-@media (min-width:992px){.container{width:970px;}}
-@media (min-width:1200px){.container{width:1170px;}}
-.nav{ width:100%; color:#cccccc;padding-left:10;padding-right:10;list-style:none;background-color:#333333;border-radius:6px ;margin-bottom:20px;}
 a{position:relative;display:block;padding:10px 15px;text-decoration:none;color:#cccccc;}
 .active{color:#ffffff;background-color:#000000;}
 .active a,a:hover,a:focus{color:#FFFFFF;}
 .panel{margin-bottom:20px;background-color:#ffffff;border:1px solid #dddddd;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.05);box-shadow:0 1px 1px rgba(0,0,0,0.05);}
 .panel-body{padding:15px;}
 .panel-heading{padding:10px 15px;color:#333333;background-color:#f5f5f5;border-color:#dddddd;border-top-right-radius:3px;border-top-left-radius:3px;border-bottom:1px solid #dddddd;}
-label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:bold;}
-.text-info{color:#31708f;}
 .form-control{display:block;width:auto;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555555;background-color:#ffffff
 ;background-image:none;border:1px solid #cccccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
 * -webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
@@ -32,24 +22,12 @@ background-image:none;border:1px solid transparent;white-space:nowrap;padding:6p
 * -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
 .btn-primary{color:#ffffff;background-color:#337ab7;border-color:#2e6da4;}
 .btn-primary:focus,.btn-primary:active,.btn-primary:hover,.btn-primary.focus,.btn-primary.active,.btn-primary.hover{color:#ffffff;background-color:#286090;border-color:#122b40;}
-caption{padding-top:8px;padding-bottom:8px;color:#777777;text-align:left;}
-.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px;}
-.alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#3c763d;}
-.alert-danger{background-color:#f2dede;border-color:#ebccd1;color:#a94442;}
-.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);}
-.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483;}
-.has-error .control-label{color:#a94442;}
-.has-success .form-control {border-color: #3c763d;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);}
-.has-success .form-control:focus {border-color: #2b542c;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;}
-.has-success .control-label{color: #3c763d;}
-.btn-danger{color:#ffffff;background-color:#d9534f;border-color:#d43f3a;}
-.btn-danger:focus,.btn-danger:active,.btn-danger:hover,.btn-danger.focus,.btn-danger.active,.btn-danger.hover{color: #ffffff;background-color:#c9302c;border-color:#761c19;}
-.btnimg {cursor:hand; border-radius:6px ;;border:1px solid #FFFFFF;}
-.btnimg:hover{background-color:#F0F0F0;border-color:#00FFFF;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483;}
+.btnimg {cursor:hand; border-radius:6px ;border:1px solid #FFFFFF;}
+.btnimg:hover{background-color:#F0F0F0;border-color:#6c6c6c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #808080;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #808080;}
 .btnroundimg {cursor:hand; border-radius:30px;}
-.btnroundimg:hover{background-color:#F0F0F0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483;}
-.blacklink {color:#000000;}
-.blacklink:hover, .filelink:focus {color:#0094FF;}
+.btnroundimg:hover{background-color:#F0F0F0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #808080;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #808080;}
+.blacklink, .blacklink:active {color:#000000;}
+.blacklink:hover{color:#000000;}
 input[type="file"]::-webkit-file-upload-button{display:inline-block;margin-bottom:0;font-weight:normal;text-align:center;vertical-align:middle;-ms-touch-action:manipulation;  touch-action:manipulation;cursor:pointer;
 background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;
 * -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;  color: #ffffff;background-color: #5bc0de;border-color: #46b8da;}
@@ -59,22 +37,7 @@ background-image:none;border:1px solid transparent;white-space:nowrap;padding:6p
 input[type="file"]::-webkit-file-upload-button:hover{display:inline-block;margin-bottom:0;font-weight:normal;text-align:center;vertical-align:middle;-ms-touch-action:manipulation;  touch-action:manipulation;cursor:pointer;
 background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;
 * -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; color: #ffffff;background-color: #31b0d5;border-color: #269abc;}
-.filelink {color:#000000;}
-.filelink:hover, .filelink:focus {color:#0094FF;}
 .panel-footer{padding:10px 15px;color:#31708f;background-color:#f5f5f5;border-color:#dddddd;border-top:1px solid #dddddd;}
-.loader {
-    border: 4px solid #f3f3f3; /* Light grey */
-    border-top: 4px solid #3498db; /* Blue */
-    border-radius: 50%;
-    width: 12px;
-    height: 12px;
-    animation: spin 2s linear infinite;
-}
-
-@keyframes spin {
-    0% { transform: rotate(0deg); }
-    100% { transform: rotate(360deg); }
-}
 .panel-footer{padding:10px 15px;color:#31708f;background-color:#f5f5f5;border-color:#dddddd;border-top:1px solid #dddddd;}
 
 .modal {
@@ -125,6 +88,9 @@ background-image:none;border:1px solid transparent;white-space:nowrap;padding:6p
     border-bottom-left-radius: 10px;
     border-bottom-right-radius: 10px;
 }
+.hide_it {
+    display: none;
+}
 
 @media (min-width: 768px) {
     .modal-content {