:art: Add footer and API hints. Change main font (more readable)

api/public/blockchain.html

@@ -51,7 +51,7 @@
              <strong><i class="fab fa-github-alt"></i> GitHub</strong>
             </a>
             <a class="button is-light" href="https://github.com/mudler/edgevpn/issues/new" target=_blank>
-             <i class="fas fa-bug"></i> Report issue
+             <i class="fas fa-bug"></i>&nbsp; Report issue
             </a>
           </div>
         </div>
@@ -66,6 +66,7 @@
             <i class="fas fa-dice-d20"></i> Blockchain index
           </h1>
           <h2 class="subtitle">
+            Accessible via api at <a href="/api/blockchain" target=_blank><code> /api/blockchain </code></a>
           </h2>
         </div>
       </div>
@@ -120,5 +121,13 @@
                 }, 30000 );
             } );
         </script>  
+        <footer class="footer">
+          <div class="content has-text-centered">
+            <p>
+              <strong>EdgeVPN</strong> by <a href="https://github.com/mudler/edgevpn">Ettore Di Giacinto</a>. The source code is licensed
+              <a href="https://github.com/mudler/edgevpn/blob/master/LICENSE">GPLv3</a>.
+            </p>
+          </div>
+        </footer>
     </body>
 </html>

api/public/css/style.css

@@ -1,5 +1,5 @@
 body {
-    font-family: 'Hammersmith One', sans-serif;
+    font-family: 'Duru Sans', sans-serif;
 }
    
 table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}div.dataTables_wrapper div.dataTables_length select{width:75px;display:inline-block}div.dataTables_wrapper div.dataTables_filter{text-align:right}div.dataTables_wrapper div.dataTables_filter label{font-weight:400;white-space:nowrap;text-align:left}div.dataTables_wrapper div.dataTables_filter input{margin-left:.5em;display:inline-block;width:auto}div.dataTables_wrapper div.dataTables_paginate{white-space:nowrap;float:right}@media screen and (max-width: 768px){div.dataTables_paginate{white-space:nowrap;float:none!important;display:flex;justify-content:space-around}}table.dataTable thead>tr>th.sorting_asc,table.dataTable thead>tr>th.sorting_desc,table.dataTable thead>tr>th.sorting,table.dataTable thead>tr>td.sorting_asc,table.dataTable thead>tr>td.sorting_desc,table.dataTable thead>tr>td.sorting{padding-right:30px}table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled{cursor:pointer;position:relative}table.dataTable thead .sorting:after,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_desc:after,table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:after{position:absolute;bottom:4px;right:4px;display:block;font-family:"Font Awesome\ 5 Free";opacity:.5}table.dataTable thead .sorting:after{opacity:.2;content:"\f0dc"}table.dataTable thead .sorting_asc:after{content:"\f0de"}table.dataTable thead .sorting_desc:after{content:"\f0dd"}table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:after{color:#eee}@media screen and (max-width: 768px){div.dataTables_wrapper div.dataTables_length,div.dataTables_wrapper div.dataTables_filter,div.dataTables_wrapper div.dataTables_info,div.dataTables_wrapper div.dataTables_paginate{text-align:center}}

api/public/index.html

@@ -52,7 +52,7 @@
              <strong><i class="fab fa-github-alt"></i> GitHub</strong>
             </a>
             <a class="button is-light" href="https://github.com/mudler/edgevpn/issues/new" target=_blank>
-             <i class="fas fa-bug"></i> Report issue
+             <i class="fas fa-bug"></i>&nbsp; Report issue
             </a>
           </div>
         </div>
@@ -67,7 +67,7 @@
             <i class="fas fa-desktop"></i> Connected Machines
           </h1>
           <h2 class="subtitle">
-             
+            Accessible via api at <a href="/api/data" target=_blank><code> /api/data </code></a>
           </h2>
         </div>
       </div>
@@ -126,6 +126,14 @@
                     table.ajax.reload();
                 }, 5000 ); // 5 s
             } );
-        </script>  
+        </script>
+        <footer class="footer">
+          <div class="content has-text-centered">
+            <p>
+              <strong>EdgeVPN</strong> by <a href="https://github.com/mudler/edgevpn">Ettore Di Giacinto</a>. The source code is licensed
+              <a href="https://github.com/mudler/edgevpn/blob/master/LICENSE">GPLv3</a>.
+            </p>
+          </div>
+        </footer>  
     </body>
 </html>