Website new design v5

docs/battery.html

@@ -8,7 +8,8 @@
 
   <!-- CSS -->
   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
-  <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-LRlmVvLKVApDVGuspQFnRQJjkv0P7/YFrw84YYQtmYG4nK8c+M+NlmYDCv0rKWpG" crossorigin="anonymous">
+  <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.15.1/css/all.css" integrity="sha384-9ZfPnbegQSumzaE7mks2IYgHoayLtuto3AS6ieArECeaR8nCfliJVuLh/GaQ1gyM" crossorigin="anonymous">
+  <link rel="stylesheet" href="roboto/css/roboto.css">
   <link rel="stylesheet" href="styles.css">
   <script src="main.js"></script>
 
@@ -271,31 +272,33 @@ si.battery().then(data => console.log(data));</code></pre class="example">
       <div class="row">
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
-            <li><a href=".">Home</a></li>
+            <li><a href="." class="medium home">Home</a></li>
+            <li>&nbsp;</li>
+            <li><a href="security.html">Security Advisories&nbsp;&nbsp;<i class="fas fa-shield-check"></i></a></li>
             <li><a href="https://github.com/sebhildebrandt/systeminformation">Github <i class="fab fa-github"></i></a></li>
-            <li><a href="contributors.html">Contributors</a></li>
+            <li><a href="https://buymeacoff.ee/systeminfo" class="medium badge bg-primary"><i class="fas fa-coffee"></i>&nbsp;&nbsp;Buy me a coffee</a></li>
-            <li><a href="https://buymeacoff.ee/systeminfo">Buy me a coffee</a></li>
           </ul>
         </div>
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
             <li><a href="gettingstarted.html">Quick Start</a></li>
+            <li><a href="v5changes.html">Version 5 Changes</a></li>
+            <li><a href="history.html">Full Version history</a></li>
             <li><a href="issues.html">Known Issues</a></li>
             <li><a href="statsfunctions.html">Stats Functions</a></li>
-            <li><a href="history.html">Version history</a></li>
           </ul>
         </div>
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
-            <li><a href="https://www.plus-innovations.com">&copy; 2021 Sebastian Hildebrandt, +innovations</a></li>
+            <li><a href="contributors.html">Contributors</a></li>
-            <li><a href="copyright.html">Copyright &amp; License</a></li>
             <li><a href="trademarks.html">Trademarks</a></li>
-            <li><a href="https://github.com/sebhildebrandt/systeminformation/blob/master/LICENSE"><img src="https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square" alt="MIT license" /></a></li>
+            <li><a href="copyright.html">Copyright &amp; License&nbsp;&nbsp;<img src="https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square" alt="MIT license" /></a></li>
+            <li><a href="https://www.plus-innovations.com">&copy; 2021 Sebastian Hildebrandt</a></li>
+            <li><a href="https://www.plus-innovations.com">+innovations GmbH</a></li>
           </ul>
         </div>
       </div>
     </div>
-
   </footer>
 
   <script>

docs/contributors.html

@@ -8,7 +8,8 @@
 
   <!-- CSS -->
   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
-  <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-LRlmVvLKVApDVGuspQFnRQJjkv0P7/YFrw84YYQtmYG4nK8c+M+NlmYDCv0rKWpG" crossorigin="anonymous">
+  <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.15.1/css/all.css" integrity="sha384-9ZfPnbegQSumzaE7mks2IYgHoayLtuto3AS6ieArECeaR8nCfliJVuLh/GaQ1gyM" crossorigin="anonymous">
+  <link rel="stylesheet" href="roboto/css/roboto.css">
   <link rel="stylesheet" href="styles.css">
   <script src="main.js"></script>
 
@@ -80,31 +81,33 @@
       <div class="row">
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
-            <li><a href=".">Home</a></li>
+            <li><a href="." class="medium home">Home</a></li>
+            <li>&nbsp;</li>
+            <li><a href="security.html">Security Advisories&nbsp;&nbsp;<i class="fas fa-shield-check"></i></a></li>
             <li><a href="https://github.com/sebhildebrandt/systeminformation">Github <i class="fab fa-github"></i></a></li>
-            <li><a href="contributors.html">Contributors</a></li>
+            <li><a href="https://buymeacoff.ee/systeminfo" class="medium badge bg-primary"><i class="fas fa-coffee"></i>&nbsp;&nbsp;Buy me a coffee</a></li>
-            <li><a href="https://buymeacoff.ee/systeminfo">Buy me a coffee</a></li>
           </ul>
         </div>
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
             <li><a href="gettingstarted.html">Quick Start</a></li>
+            <li><a href="v5changes.html">Version 5 Changes</a></li>
+            <li><a href="history.html">Full Version history</a></li>
             <li><a href="issues.html">Known Issues</a></li>
             <li><a href="statsfunctions.html">Stats Functions</a></li>
-            <li><a href="history.html">Version history</a></li>
           </ul>
         </div>
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
-            <li><a href="https://www.plus-innovations.com">&copy; 2021 Sebastian Hildebrandt, +innovations</a></li>
+            <li><a href="contributors.html">Contributors</a></li>
-            <li><a href="copyright.html">Copyright &amp; License</a></li>
             <li><a href="trademarks.html">Trademarks</a></li>
-            <li><a href="https://github.com/sebhildebrandt/systeminformation/blob/master/LICENSE"><img src="https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square" alt="MIT license" /></a></li>
+            <li><a href="copyright.html">Copyright &amp; License&nbsp;&nbsp;<img src="https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square" alt="MIT license" /></a></li>
+            <li><a href="https://www.plus-innovations.com">&copy; 2021 Sebastian Hildebrandt</a></li>
+            <li><a href="https://www.plus-innovations.com">+innovations GmbH</a></li>
           </ul>
         </div>
       </div>
     </div>
-
   </footer>
 
   <script>

docs/copyright.html

@@ -8,7 +8,8 @@
 
   <!-- CSS -->
   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
-  <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-LRlmVvLKVApDVGuspQFnRQJjkv0P7/YFrw84YYQtmYG4nK8c+M+NlmYDCv0rKWpG" crossorigin="anonymous">
+  <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.15.1/css/all.css" integrity="sha384-9ZfPnbegQSumzaE7mks2IYgHoayLtuto3AS6ieArECeaR8nCfliJVuLh/GaQ1gyM" crossorigin="anonymous">
+  <link rel="stylesheet" href="roboto/css/roboto.css">
   <link rel="stylesheet" href="styles.css">
   <script src="main.js"></script>
 
@@ -41,12 +42,33 @@
         <div class="row">
           <div class="col-12 sectionheader">
             <div class="title">Copyright Information</div>
-            <div class="text">&copy; 2021 Sebstian Hildebrandt, <a href="https://github.com/sebhildebrandt/"> <i class="fab fa-github"></i> sebhildebrandt</a>, <a href="https://www.plus-innovations.com"><i class="fal fa-globe"></i> +innovations</a></div>
           </div>
         </div>
         <div class="row">
           <div class="col-12 sectionheader">
-            <div class="title">License <img src="https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square" alt="MIT license" /></div>
+            <div>&nbsp;</div>
+            <h4>Software:</h4>
+            <div class="text">&copy; 2021 Sebstian Hildebrandt, <a href="https://github.com/sebhildebrandt/"> <i class="fab fa-github"></i> sebhildebrandt</a>, <a href="https://www.plus-innovations.com"><i class="fal fa-globe"></i> +innovations</a></div>
+          </div>
+        </div>
+
+        <div class="row">
+          <div class="col-12 sectionheader">
+            <div class="text">&nbsp;</div>
+            <h4>Website:</h4>
+            <div class="text">Concept, design, documentation &copy; 2021 Sebstian Hildebrandt, <a href="https://www.plus-innovations.com"><i class="fal fa-globe"></i> +innovations</a>, All rights reserved.<br>If you want to copy this website design or concept for your own project, please ask for permission.</div>
+          </div>
+        </div>
+        <div class="row">
+          <div class="col-12 sectionheader">
+            <div class="text">&nbsp;</div>
+            <h4>Photos:</h4>
+            <div class="text">Luan Gjokaj <a href="https://unsplash.com/@luangjokaj">@luangjokaj (unsplash)</a></div>
+          </div>
+        </div>
+        <div class="row">
+          <div class="col-12 sectionheader">
+            <div class="title">License <img src="https://img.shields.io/badge/license-MIT-blue.svg?style=for-the-badge" alt="MIT license" /></div>
             <div class="text">
               <p>Permission is hereby granted, free of charge, to any person obtaining a copy
                 of this software and associated documentation files (the &quot;Software&quot;), to deal
@@ -75,31 +97,33 @@
       <div class="row">
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
-            <li><a href=".">Home</a></li>
+            <li><a href="." class="medium home">Home</a></li>
+            <li>&nbsp;</li>
+            <li><a href="security.html">Security Advisories&nbsp;&nbsp;<i class="fas fa-shield-check"></i></a></li>
             <li><a href="https://github.com/sebhildebrandt/systeminformation">Github <i class="fab fa-github"></i></a></li>
-            <li><a href="contributors.html">Contributors</a></li>
+            <li><a href="https://buymeacoff.ee/systeminfo" class="medium badge bg-primary"><i class="fas fa-coffee"></i>&nbsp;&nbsp;Buy me a coffee</a></li>
-            <li><a href="https://buymeacoff.ee/systeminfo">Buy me a coffee</a></li>
           </ul>
         </div>
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
             <li><a href="gettingstarted.html">Quick Start</a></li>
+            <li><a href="v5changes.html">Version 5 Changes</a></li>
+            <li><a href="history.html">Full Version history</a></li>
             <li><a href="issues.html">Known Issues</a></li>
             <li><a href="statsfunctions.html">Stats Functions</a></li>
-            <li><a href="history.html">Version history</a></li>
           </ul>
         </div>
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
-            <li><a href="https://www.plus-innovations.com">&copy; 2021 Sebastian Hildebrandt, +innovations</a></li>
+            <li><a href="contributors.html">Contributors</a></li>
-            <li><a href="copyright.html">Copyright &amp; License</a></li>
             <li><a href="trademarks.html">Trademarks</a></li>
-            <li><a href="https://github.com/sebhildebrandt/systeminformation/blob/master/LICENSE"><img src="https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square" alt="MIT license" /></a></li>
+            <li><a href="copyright.html">Copyright &amp; License&nbsp;&nbsp;<img src="https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square" alt="MIT license" /></a></li>
+            <li><a href="https://www.plus-innovations.com">&copy; 2021 Sebastian Hildebrandt</a></li>
+            <li><a href="https://www.plus-innovations.com">+innovations GmbH</a></li>
           </ul>
         </div>
       </div>
     </div>
-
   </footer>
 
   <script>

docs/cpu.html

@@ -8,7 +8,8 @@
 
   <!-- CSS -->
   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
-  <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-LRlmVvLKVApDVGuspQFnRQJjkv0P7/YFrw84YYQtmYG4nK8c+M+NlmYDCv0rKWpG" crossorigin="anonymous">
+  <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.15.1/css/all.css" integrity="sha384-9ZfPnbegQSumzaE7mks2IYgHoayLtuto3AS6ieArECeaR8nCfliJVuLh/GaQ1gyM" crossorigin="anonymous">
+  <link rel="stylesheet" href="roboto/css/roboto.css">
   <link rel="stylesheet" href="styles.css">
   <script src="main.js"></script>
 
@@ -585,31 +586,33 @@ si.cpuTemperature().then(data => console.log(data));</code></pre class="example"
       <div class="row">
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
-            <li><a href=".">Home</a></li>
+            <li><a href="." class="medium home">Home</a></li>
+            <li>&nbsp;</li>
+            <li><a href="security.html">Security Advisories&nbsp;&nbsp;<i class="fas fa-shield-check"></i></a></li>
             <li><a href="https://github.com/sebhildebrandt/systeminformation">Github <i class="fab fa-github"></i></a></li>
-            <li><a href="contributors.html">Contributors</a></li>
+            <li><a href="https://buymeacoff.ee/systeminfo" class="medium badge bg-primary"><i class="fas fa-coffee"></i>&nbsp;&nbsp;Buy me a coffee</a></li>
-            <li><a href="https://buymeacoff.ee/systeminfo">Buy me a coffee</a></li>
           </ul>
         </div>
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
             <li><a href="gettingstarted.html">Quick Start</a></li>
+            <li><a href="v5changes.html">Version 5 Changes</a></li>
+            <li><a href="history.html">Full Version history</a></li>
             <li><a href="issues.html">Known Issues</a></li>
             <li><a href="statsfunctions.html">Stats Functions</a></li>
-            <li><a href="history.html">Version history</a></li>
           </ul>
         </div>
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
-            <li><a href="https://www.plus-innovations.com">&copy; 2021 Sebastian Hildebrandt, +innovations</a></li>
+            <li><a href="contributors.html">Contributors</a></li>
-            <li><a href="copyright.html">Copyright &amp; License</a></li>
             <li><a href="trademarks.html">Trademarks</a></li>
-            <li><a href="https://github.com/sebhildebrandt/systeminformation/blob/master/LICENSE"><img src="https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square" alt="MIT license" /></a></li>
+            <li><a href="copyright.html">Copyright &amp; License&nbsp;&nbsp;<img src="https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square" alt="MIT license" /></a></li>
+            <li><a href="https://www.plus-innovations.com">&copy; 2021 Sebastian Hildebrandt</a></li>
+            <li><a href="https://www.plus-innovations.com">+innovations GmbH</a></li>
           </ul>
         </div>
       </div>
     </div>
-
   </footer>
 
   <script>

docs/docker.html

@@ -8,7 +8,8 @@
 
   <!-- CSS -->
   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
-  <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-LRlmVvLKVApDVGuspQFnRQJjkv0P7/YFrw84YYQtmYG4nK8c+M+NlmYDCv0rKWpG" crossorigin="anonymous">
+  <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.15.1/css/all.css" integrity="sha384-9ZfPnbegQSumzaE7mks2IYgHoayLtuto3AS6ieArECeaR8nCfliJVuLh/GaQ1gyM" crossorigin="anonymous">
+  <link rel="stylesheet" href="roboto/css/roboto.css">
   <link rel="stylesheet" href="styles.css">
   <script src="main.js"></script>
 
@@ -1049,31 +1050,33 @@
       <div class="row">
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
-            <li><a href=".">Home</a></li>
+            <li><a href="." class="medium home">Home</a></li>
+            <li>&nbsp;</li>
+            <li><a href="security.html">Security Advisories&nbsp;&nbsp;<i class="fas fa-shield-check"></i></a></li>
             <li><a href="https://github.com/sebhildebrandt/systeminformation">Github <i class="fab fa-github"></i></a></li>
-            <li><a href="contributors.html">Contributors</a></li>
+            <li><a href="https://buymeacoff.ee/systeminfo" class="medium badge bg-primary"><i class="fas fa-coffee"></i>&nbsp;&nbsp;Buy me a coffee</a></li>
-            <li><a href="https://buymeacoff.ee/systeminfo">Buy me a coffee</a></li>
           </ul>
         </div>
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
             <li><a href="gettingstarted.html">Quick Start</a></li>
+            <li><a href="v5changes.html">Version 5 Changes</a></li>
+            <li><a href="history.html">Full Version history</a></li>
             <li><a href="issues.html">Known Issues</a></li>
             <li><a href="statsfunctions.html">Stats Functions</a></li>
-            <li><a href="history.html">Version history</a></li>
           </ul>
         </div>
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
-            <li><a href="https://www.plus-innovations.com">&copy; 2021 Sebastian Hildebrandt, +innovations</a></li>
+            <li><a href="contributors.html">Contributors</a></li>
-            <li><a href="copyright.html">Copyright &amp; License</a></li>
             <li><a href="trademarks.html">Trademarks</a></li>
-            <li><a href="https://github.com/sebhildebrandt/systeminformation/blob/master/LICENSE"><img src="https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square" alt="MIT license" /></a></li>
+            <li><a href="copyright.html">Copyright &amp; License&nbsp;&nbsp;<img src="https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square" alt="MIT license" /></a></li>
+            <li><a href="https://www.plus-innovations.com">&copy; 2021 Sebastian Hildebrandt</a></li>
+            <li><a href="https://www.plus-innovations.com">+innovations GmbH</a></li>
           </ul>
         </div>
       </div>
     </div>
-
   </footer>
 
   <script>

docs/filesystem.html

@@ -8,7 +8,8 @@
 
   <!-- CSS -->
   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
-  <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-LRlmVvLKVApDVGuspQFnRQJjkv0P7/YFrw84YYQtmYG4nK8c+M+NlmYDCv0rKWpG" crossorigin="anonymous">
+  <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.15.1/css/all.css" integrity="sha384-9ZfPnbegQSumzaE7mks2IYgHoayLtuto3AS6ieArECeaR8nCfliJVuLh/GaQ1gyM" crossorigin="anonymous">
+  <link rel="stylesheet" href="roboto/css/roboto.css">
   <link rel="stylesheet" href="styles.css">
   <script src="main.js"></script>
 
@@ -856,31 +857,33 @@ setInterval(function() {
       <div class="row">
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
-            <li><a href=".">Home</a></li>
+            <li><a href="." class="medium home">Home</a></li>
+            <li>&nbsp;</li>
+            <li><a href="security.html">Security Advisories&nbsp;&nbsp;<i class="fas fa-shield-check"></i></a></li>
             <li><a href="https://github.com/sebhildebrandt/systeminformation">Github <i class="fab fa-github"></i></a></li>
-            <li><a href="contributors.html">Contributors</a></li>
+            <li><a href="https://buymeacoff.ee/systeminfo" class="medium badge bg-primary"><i class="fas fa-coffee"></i>&nbsp;&nbsp;Buy me a coffee</a></li>
-            <li><a href="https://buymeacoff.ee/systeminfo">Buy me a coffee</a></li>
           </ul>
         </div>
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
             <li><a href="gettingstarted.html">Quick Start</a></li>
+            <li><a href="v5changes.html">Version 5 Changes</a></li>
+            <li><a href="history.html">Full Version history</a></li>
             <li><a href="issues.html">Known Issues</a></li>
             <li><a href="statsfunctions.html">Stats Functions</a></li>
-            <li><a href="history.html">Version history</a></li>
           </ul>
         </div>
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
-            <li><a href="https://www.plus-innovations.com">&copy; 2021 Sebastian Hildebrandt, +innovations</a></li>
+            <li><a href="contributors.html">Contributors</a></li>
-            <li><a href="copyright.html">Copyright &amp; License</a></li>
             <li><a href="trademarks.html">Trademarks</a></li>
-            <li><a href="https://github.com/sebhildebrandt/systeminformation/blob/master/LICENSE"><img src="https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square" alt="MIT license" /></a></li>
+            <li><a href="copyright.html">Copyright &amp; License&nbsp;&nbsp;<img src="https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square" alt="MIT license" /></a></li>
+            <li><a href="https://www.plus-innovations.com">&copy; 2021 Sebastian Hildebrandt</a></li>
+            <li><a href="https://www.plus-innovations.com">+innovations GmbH</a></li>
           </ul>
         </div>
       </div>
     </div>
-
   </footer>
 
   <script>

docs/general.html

@@ -8,7 +8,8 @@
 
   <!-- CSS -->
   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
-  <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-LRlmVvLKVApDVGuspQFnRQJjkv0P7/YFrw84YYQtmYG4nK8c+M+NlmYDCv0rKWpG" crossorigin="anonymous">
+  <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.15.1/css/all.css" integrity="sha384-9ZfPnbegQSumzaE7mks2IYgHoayLtuto3AS6ieArECeaR8nCfliJVuLh/GaQ1gyM" crossorigin="anonymous">
+  <link rel="stylesheet" href="roboto/css/roboto.css">
   <link rel="stylesheet" href="styles.css">
   <script src="main.js"></script>
 
@@ -321,31 +322,33 @@ si.get(valueObject).then(data => console.log(data));</code></pre class="example"
       <div class="row">
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
-            <li><a href=".">Home</a></li>
+            <li><a href="." class="medium home">Home</a></li>
+            <li>&nbsp;</li>
+            <li><a href="security.html">Security Advisories&nbsp;&nbsp;<i class="fas fa-shield-check"></i></a></li>
             <li><a href="https://github.com/sebhildebrandt/systeminformation">Github <i class="fab fa-github"></i></a></li>
-            <li><a href="contributors.html">Contributors</a></li>
+            <li><a href="https://buymeacoff.ee/systeminfo" class="medium badge bg-primary"><i class="fas fa-coffee"></i>&nbsp;&nbsp;Buy me a coffee</a></li>
-            <li><a href="https://buymeacoff.ee/systeminfo">Buy me a coffee</a></li>
           </ul>
         </div>
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
             <li><a href="gettingstarted.html">Quick Start</a></li>
+            <li><a href="v5changes.html">Version 5 Changes</a></li>
+            <li><a href="history.html">Full Version history</a></li>
             <li><a href="issues.html">Known Issues</a></li>
             <li><a href="statsfunctions.html">Stats Functions</a></li>
-            <li><a href="history.html">Version history</a></li>
           </ul>
         </div>
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
-            <li><a href="https://www.plus-innovations.com">&copy; 2021 Sebastian Hildebrandt, +innovations</a></li>
+            <li><a href="contributors.html">Contributors</a></li>
-            <li><a href="copyright.html">Copyright &amp; License</a></li>
             <li><a href="trademarks.html">Trademarks</a></li>
-            <li><a href="https://github.com/sebhildebrandt/systeminformation/blob/master/LICENSE"><img src="https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square" alt="MIT license" /></a></li>
+            <li><a href="copyright.html">Copyright &amp; License&nbsp;&nbsp;<img src="https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square" alt="MIT license" /></a></li>
+            <li><a href="https://www.plus-innovations.com">&copy; 2021 Sebastian Hildebrandt</a></li>
+            <li><a href="https://www.plus-innovations.com">+innovations GmbH</a></li>
           </ul>
         </div>
       </div>
     </div>
-
   </footer>
 
   <script>

docs/gettingstarted.html

@@ -8,7 +8,8 @@
 
   <!-- CSS -->
   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
-  <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-LRlmVvLKVApDVGuspQFnRQJjkv0P7/YFrw84YYQtmYG4nK8c+M+NlmYDCv0rKWpG" crossorigin="anonymous">
+  <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.15.1/css/all.css" integrity="sha384-9ZfPnbegQSumzaE7mks2IYgHoayLtuto3AS6ieArECeaR8nCfliJVuLh/GaQ1gyM" crossorigin="anonymous">
+  <link rel="stylesheet" href="roboto/css/roboto.css">
   <link rel="stylesheet" href="styles.css">
   <script src="main.js"></script>
 
@@ -141,31 +142,33 @@ async function cpuData() {
       <div class="row">
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
-            <li><a href=".">Home</a></li>
+            <li><a href="." class="medium home">Home</a></li>
+            <li>&nbsp;</li>
+            <li><a href="security.html">Security Advisories&nbsp;&nbsp;<i class="fas fa-shield-check"></i></a></li>
             <li><a href="https://github.com/sebhildebrandt/systeminformation">Github <i class="fab fa-github"></i></a></li>
-            <li><a href="contributors.html">Contributors</a></li>
+            <li><a href="https://buymeacoff.ee/systeminfo" class="medium badge bg-primary"><i class="fas fa-coffee"></i>&nbsp;&nbsp;Buy me a coffee</a></li>
-            <li><a href="https://buymeacoff.ee/systeminfo">Buy me a coffee</a></li>
           </ul>
         </div>
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
             <li><a href="gettingstarted.html">Quick Start</a></li>
+            <li><a href="v5changes.html">Version 5 Changes</a></li>
+            <li><a href="history.html">Full Version history</a></li>
             <li><a href="issues.html">Known Issues</a></li>
             <li><a href="statsfunctions.html">Stats Functions</a></li>
-            <li><a href="history.html">Version history</a></li>
           </ul>
         </div>
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
-            <li><a href="https://www.plus-innovations.com">&copy; 2021 Sebastian Hildebrandt, +innovations</a></li>
+            <li><a href="contributors.html">Contributors</a></li>
-            <li><a href="copyright.html">Copyright &amp; License</a></li>
             <li><a href="trademarks.html">Trademarks</a></li>
-            <li><a href="https://github.com/sebhildebrandt/systeminformation/blob/master/LICENSE"><img src="https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square" alt="MIT license" /></a></li>
+            <li><a href="copyright.html">Copyright &amp; License&nbsp;&nbsp;<img src="https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square" alt="MIT license" /></a></li>
+            <li><a href="https://www.plus-innovations.com">&copy; 2021 Sebastian Hildebrandt</a></li>
+            <li><a href="https://www.plus-innovations.com">+innovations GmbH</a></li>
           </ul>
         </div>
       </div>
     </div>
-
   </footer>
 
   <script>

docs/graphics.html

@@ -8,7 +8,8 @@
 
   <!-- CSS -->
   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
-  <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-LRlmVvLKVApDVGuspQFnRQJjkv0P7/YFrw84YYQtmYG4nK8c+M+NlmYDCv0rKWpG" crossorigin="anonymous">
+  <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.15.1/css/all.css" integrity="sha384-9ZfPnbegQSumzaE7mks2IYgHoayLtuto3AS6ieArECeaR8nCfliJVuLh/GaQ1gyM" crossorigin="anonymous">
+  <link rel="stylesheet" href="roboto/css/roboto.css">
   <link rel="stylesheet" href="styles.css">
   <script src="main.js"></script>
 
@@ -517,31 +518,33 @@ si.graphics().then(data => console.log(data));</code></pre class="example">
       <div class="row">
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
-            <li><a href=".">Home</a></li>
+            <li><a href="." class="medium home">Home</a></li>
+            <li>&nbsp;</li>
+            <li><a href="security.html">Security Advisories&nbsp;&nbsp;<i class="fas fa-shield-check"></i></a></li>
             <li><a href="https://github.com/sebhildebrandt/systeminformation">Github <i class="fab fa-github"></i></a></li>
-            <li><a href="contributors.html">Contributors</a></li>
+            <li><a href="https://buymeacoff.ee/systeminfo" class="medium badge bg-primary"><i class="fas fa-coffee"></i>&nbsp;&nbsp;Buy me a coffee</a></li>
-            <li><a href="https://buymeacoff.ee/systeminfo">Buy me a coffee</a></li>
           </ul>
         </div>
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
             <li><a href="gettingstarted.html">Quick Start</a></li>
+            <li><a href="v5changes.html">Version 5 Changes</a></li>
+            <li><a href="history.html">Full Version history</a></li>
             <li><a href="issues.html">Known Issues</a></li>
             <li><a href="statsfunctions.html">Stats Functions</a></li>
-            <li><a href="history.html">Version history</a></li>
           </ul>
         </div>
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
-            <li><a href="https://www.plus-innovations.com">&copy; 2021 Sebastian Hildebrandt, +innovations</a></li>
+            <li><a href="contributors.html">Contributors</a></li>
-            <li><a href="copyright.html">Copyright &amp; License</a></li>
             <li><a href="trademarks.html">Trademarks</a></li>
-            <li><a href="https://github.com/sebhildebrandt/systeminformation/blob/master/LICENSE"><img src="https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square" alt="MIT license" /></a></li>
+            <li><a href="copyright.html">Copyright &amp; License&nbsp;&nbsp;<img src="https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square" alt="MIT license" /></a></li>
+            <li><a href="https://www.plus-innovations.com">&copy; 2021 Sebastian Hildebrandt</a></li>
+            <li><a href="https://www.plus-innovations.com">+innovations GmbH</a></li>
           </ul>
         </div>
       </div>
     </div>
-
   </footer>
 
   <script>

docs/history.html

@@ -8,7 +8,8 @@
 
   <!-- CSS -->
   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
-  <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-LRlmVvLKVApDVGuspQFnRQJjkv0P7/YFrw84YYQtmYG4nK8c+M+NlmYDCv0rKWpG" crossorigin="anonymous">
+  <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.15.1/css/all.css" integrity="sha384-9ZfPnbegQSumzaE7mks2IYgHoayLtuto3AS6ieArECeaR8nCfliJVuLh/GaQ1gyM" crossorigin="anonymous">
+  <link rel="stylesheet" href="roboto/css/roboto.css">
   <link rel="stylesheet" href="styles.css">
   <script src="main.js"></script>
 
@@ -42,37 +43,9 @@
           <div class="col-12 sectionheader">
             <div class="title">Version History</div>
             <div class="text">
-              <h3>Major Changes - Version 4</h3>
+              <h3>Major and Breaking Changes</h3>
-              <h4>New Functions</h4>
+              <p>To see detaild information on major und breaking changes for version 5.x, refer to the <a href="v5changes.html">Version 5 - Changes</a> page.<br>Be aware version 5 is <strong>NOT fully backward compatible</strong> to version 4.x ...</p>
-              <ul>
-                <li><span class="code">chassis()</span> chassis information</li>
-                <li><span class="code">vboxInfo()</span> detailed virtualBox VM information</li>
-                <li><span class="code">wifiNetworks()</span> detailed information about available wifi networks</li>
-              </ul>
-              <h4>Breaking Changes</h4>
-              <ul>
-                <li><span class="code">networkStats()</span>: will provide an <strong>array</strong> of stats for all given interfaces. In previous versions only one interface was provided as a parameter. Pass '*' for all interfaces</li>
-                <li><span class="code">networkStats()</span>: <span class="code">rx</span> and <span class="code">tx</span> changed to <span class="code">rx_bytes</span> and <span class="code">tx_bytes</span></li>
-                <li><span class="code">dockerContainerStats()</span> will provide an <strong>array</strong> of stats for all given docker containers. In previous versions only one interface was provided as a parameter. Pass '*' for all docker containers</li>
-              </ul>
-              <h4>Other Changes</h4>
-              <ul>
-                <li><span class="code">system()</span>: optimized system detection (e.g. new Raspberry Pi models, ...)</li>
-                <li><span class="code">system(), bios(), baseboard()</span>: information also as non-root (linux)</li>
-                <li><span class="code">graphics()</span>: added pip, pip3, virtualBox, </li>
-                <li><span class="code">versions()</span>: better controller and display detection, fixes</li>
-                <li><span class="code">networkInterfaces()</span>: optimization, fixes</li>
-                <li><span class="code">networkStats()</span> added <span class="code">operstate</span>, <span class="code">type</span>, <span class="code">duplex</span>, <span class="code">mtu</span>, <span class="code">speed</span>, <span class="code">carrierChanges</span></li>
-                <li>added TypeScript definitions </li>
-              </ul>
-              <p><strong>Be aware</strong>, that the new version 4.x is <strong>NOT fully backward compatible</strong> to version 3.x ...</p>
 
-              <h3>Major (breaking) Changes - Version 3</h3>
-              <ul>
-                <li>works only with <span class="code">node.js</span> v4.0.0 and above (using now internal ES6 promise function, arrow functions, ...)</li>
-                <li><strong>Promises</strong>. As you can see in the documentation, you can now also use it in a promise oriented way. But callbacks are still supported.</li>
-                <li><strong>Async/Await</strong>. Due to the promises support, systeminformation also works perfectly with the `async/await` pattern (available in <span class="code">node.js</span> <strong>v7.6.0</strong> and above). See example in the docs.</li>
-              </ul>
               <h3>Full version history</h3>
               <table class="table table-sm table-bordered table-striped">
                 <thead>
@@ -2044,31 +2017,33 @@
       <div class="row">
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
-            <li><a href=".">Home</a></li>
+            <li><a href="." class="medium home">Home</a></li>
+            <li>&nbsp;</li>
+            <li><a href="security.html">Security Advisories&nbsp;&nbsp;<i class="fas fa-shield-check"></i></a></li>
             <li><a href="https://github.com/sebhildebrandt/systeminformation">Github <i class="fab fa-github"></i></a></li>
-            <li><a href="contributors.html">Contributors</a></li>
+            <li><a href="https://buymeacoff.ee/systeminfo" class="medium badge bg-primary"><i class="fas fa-coffee"></i>&nbsp;&nbsp;Buy me a coffee</a></li>
-            <li><a href="https://buymeacoff.ee/systeminfo">Buy me a coffee</a></li>
           </ul>
         </div>
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
             <li><a href="gettingstarted.html">Quick Start</a></li>
+            <li><a href="v5changes.html">Version 5 Changes</a></li>
+            <li><a href="history.html">Full Version history</a></li>
             <li><a href="issues.html">Known Issues</a></li>
             <li><a href="statsfunctions.html">Stats Functions</a></li>
-            <li><a href="history.html">Version history</a></li>
           </ul>
         </div>
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
-            <li><a href="https://www.plus-innovations.com">&copy; 2021 Sebastian Hildebrandt, +innovations</a></li>
+            <li><a href="contributors.html">Contributors</a></li>
-            <li><a href="copyright.html">Copyright &amp; License</a></li>
             <li><a href="trademarks.html">Trademarks</a></li>
-            <li><a href="https://github.com/sebhildebrandt/systeminformation/blob/master/LICENSE"><img src="https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square" alt="MIT license" /></a></li>
+            <li><a href="copyright.html">Copyright &amp; License&nbsp;&nbsp;<img src="https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square" alt="MIT license" /></a></li>
+            <li><a href="https://www.plus-innovations.com">&copy; 2021 Sebastian Hildebrandt</a></li>
+            <li><a href="https://www.plus-innovations.com">+innovations GmbH</a></li>
           </ul>
         </div>
       </div>
     </div>
-
   </footer>
 
   <script>

docs/index.html

@@ -8,7 +8,8 @@
 
   <!-- CSS -->
   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
-  <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-LRlmVvLKVApDVGuspQFnRQJjkv0P7/YFrw84YYQtmYG4nK8c+M+NlmYDCv0rKWpG" crossorigin="anonymous">
+  <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.15.1/css/all.css" integrity="sha384-9ZfPnbegQSumzaE7mks2IYgHoayLtuto3AS6ieArECeaR8nCfliJVuLh/GaQ1gyM" crossorigin="anonymous">
+  <link rel="stylesheet" href="roboto/css/roboto.css">
   <link rel="stylesheet" href="styles.css">
 
   <!-- Favicon -->
@@ -168,8 +169,13 @@
       <a href="security.html" class="recommendation">Security advisory:<br>Update to v4.31.1</a>
       <img class="logo" src="assets/logo.png">
       <div class="title">systeminformation</div>
-      <div class="subtitle"><span id="typed"></span></div>
+      <<<<<<< HEAD <div class="subtitle"><span id="typed"></span>
+    </div>
     <div class="version">Current Version: <span id="version">4.34.9</span></div>
+    =======
+    <div class="subtitle"><span id="typed"></span>&nbsp;</div>
+    <div class="version">Current Version: <span id="version">4.34.4</span></div>
+    >>>>>>> Website new design v5
     <button class="btn btn-light" onclick="location.href='https://github.com/sebhildebrandt/systeminformation'">View on Github <i class=" fab fa-github"></i></button>
     </div>
     <div class="down">
@@ -183,7 +189,7 @@
     <div class="row">
       <div class="col-12 sectionheader index">
         <div class="title">Overview</div>
-        <div class="subtitle">Lightweight collection of 40+ functions to retrieve detailed hardware, system and OS information. For Linux, macOS, partial Windows, FreeBSD, OpenBSD, NetBSD and SunOS support</div>
+        <div class="subtitle">Node.js system information package. Lightweight collection of 45+ functions to retrieve detailed hardware, system and OS information. For Linux, macOS, partial Windows, FreeBSD, OpenBSD, NetBSD and SunOS support. Dependency free.</div>
         <div class="npmicons">
           <a href="https://npmjs.org/package/systeminformation" rel="nofollow"><img src="https://camo.githubusercontent.com/df25636cbefadf18ca1532e3bdcd0d2794235e19/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f762f73797374656d696e666f726d6174696f6e2e7376673f7374796c653d666c61742d737175617265" alt="NPM Version" data-canonical-src="https://img.shields.io/npm/v/systeminformation.svg?style=flat-square" style="max-width:100%;"></a>
           <a href="https://david-dm.org/sebhildebrandt/systeminformation" rel="nofollow"><img src="https://camo.githubusercontent.com/69739c043c2be3a38545f105b89381a2a6310f59/68747470733a2f2f696d672e736869656c64732e696f2f64617669642f73656268696c64656272616e64742f73797374656d696e666f726d6174696f6e2e7376673f7374796c653d666c61742d737175617265" alt="deps status" data-canonical-src="https://img.shields.io/david/sebhildebrandt/systeminformation.svg?style=flat-square" style="max-width:100%;"></a>
@@ -220,14 +226,14 @@
     <div class="row" id="docs">
       <div class="col-12 sectionheader index">
         <div class="title">Documentation</div>
-        <div class="subtitle">Detailed documentation and reference for Version 4.x.x</div>
+        <div class="subtitle">Detailed documentation and reference for version 5.x.x</div>
       </div>
     </div>
     <div class="row index">
       <a href="gettingstarted.html" class="col-xl-3 col-lg-3 col-md-4 col-6 features">
         <div class="inner">
           <div class="icons"><i class="fal fa-download"></i></div>
-          <div class="icontitle">Getting Started</div>
+          <div class="icontitle">Quick Start</div>
         </div>
       </a>
       <a href="general.html" class="col-xl-3 col-lg-3 col-md-4 col-6 features">
@@ -284,12 +290,24 @@
           <div class="icontitle">Disks / FS</div>
         </div>
       </a>
+      <a href="usb.html" class="col-xl-3 col-lg-3 col-md-4 col-6 features">
+        <div class="inner">
+          <div class="icons"><i class="fab fa-usb"></i></div>
+          <div class="icontitle">USB</div>
+        </div>
+      </a>
       <a href="printer.html" class="col-xl-3 col-lg-3 col-md-4 col-6 features">
         <div class="inner">
           <div class="icons"><i class="fal fa-print"></i></div>
           <div class="icontitle">Printer</div>
         </div>
       </a>
+      <a href="audio.html" class="col-xl-3 col-lg-3 col-md-4 col-6 features">
+        <div class="inner">
+          <div class="icons"><i class="fal fa-volume"></i></div>
+          <div class="icontitle">Audio</div>
+        </div>
+      </a>
       <a href="network.html" class="col-xl-3 col-lg-3 col-md-4 col-6 features">
         <div class="inner">
           <div class="icons"><i class="fal fa-network-wired"></i></div>
@@ -302,6 +320,12 @@
           <div class="icontitle">Wifi</div>
         </div>
       </a>
+      <a href="bluetooth.html" class="col-xl-3 col-lg-3 col-md-4 col-6 features">
+        <div class="inner">
+          <div class="icons"><i class="fab fa-bluetooth"></i></div>
+          <div class="icontitle">Bluetooth</div>
+        </div>
+      </a>
       <a href="docker.html" class="col-xl-3 col-lg-3 col-md-4 col-6 features">
         <div class="inner">
           <div class="icons"><i class="fab fa-docker"></i></div>
@@ -322,12 +346,11 @@
     </div>
     <div class="row">
       <div class="col-12 sectionheader index">
+        <div class="title-small">Breaking Changes - Version 5</div>
+        <div class="text">We made a lot of changes in the new version 5 - some of them are breaking changes. Please refer to the <a href="v5changes.html">Version 5 - Changes</a> page to see a full documentation on changes that you should have a look on.</div>
         <div class="title-small">Issues</div>
         <div class="text"><span class="bold">Security issues</span>: Please have a look at our <a href="security.html">security advisories</a></div>
-        <div class="text">If you run into problems, please check out <a href="issues.html">known issues page</a> first. If you still have problems, please feel free to open an issue on our <a href="https://github.com/sebhildebrandt/systeminformation/issues">github page</a></div>
+        <div class="text"><span class="bold">Having an issue</span>: If you run into problems, please check out <a href="issues.html">known issues page</a> first.<br>If you still have problems, please feel free to open an issue on our <a href="https://github.com/sebhildebrandt/systeminformation/issues">github page</a></div>
-        <div class="title-small">Upcoming ...</div>
-        <div class="text"><span class="bold">MacOS on ARM</span> - new hardware already arrived and we made quite a few changes to support Apple silicon M1 chips. <a href="https://github.com/sebhildebrandt/systeminformation/issues/453">Current status is documented here.</a><br /></div>
-        <div class="text"><span class="bold">Verion 5:</span> We are planning a new major version with some minor breaking changes and some additional features. We will try to make this available Q1 of 2021.<br /><br /></div>
       </div>
     </div>
   </section>
@@ -336,31 +359,33 @@
       <div class="row">
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
-            <li><a href=".">Home</a></li>
+            <li><a href="." class="medium home">Home</a></li>
+            <li>&nbsp;</li>
+            <li><a href="security.html">Security Advisories&nbsp;&nbsp;<i class="fas fa-shield-check"></i></a></li>
             <li><a href="https://github.com/sebhildebrandt/systeminformation">Github <i class="fab fa-github"></i></a></li>
-            <li><a href="contributors.html">Contributors</a></li>
+            <li><a href="https://buymeacoff.ee/systeminfo" class="medium badge bg-primary"><i class="fas fa-coffee"></i>&nbsp;&nbsp;Buy me a coffee</a></li>
-            <li><a href="https://buymeacoff.ee/systeminfo">Buy me a coffee</a></li>
           </ul>
         </div>
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
             <li><a href="gettingstarted.html">Quick Start</a></li>
+            <li><a href="v5changes.html">Version 5 Changes</a></li>
+            <li><a href="history.html">Full Version history</a></li>
             <li><a href="issues.html">Known Issues</a></li>
             <li><a href="statsfunctions.html">Stats Functions</a></li>
-            <li><a href="history.html">Version history</a></li>
           </ul>
         </div>
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
-            <li><a href="https://www.plus-innovations.com">&copy; 2021 Sebastian Hildebrandt, +innovations</a></li>
+            <li><a href="contributors.html">Contributors</a></li>
-            <li><a href="copyright.html">Copyright &amp; License</a></li>
             <li><a href="trademarks.html">Trademarks</a></li>
-            <li><a href="https://github.com/sebhildebrandt/systeminformation/blob/master/LICENSE"><img src="https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square" alt="MIT license" /></a></li>
+            <li><a href="copyright.html">Copyright &amp; License&nbsp;&nbsp;<img src="https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square" alt="MIT license" /></a></li>
+            <li><a href="https://www.plus-innovations.com">&copy; 2021 Sebastian Hildebrandt</a></li>
+            <li><a href="https://www.plus-innovations.com">+innovations GmbH</a></li>
           </ul>
         </div>
       </div>
     </div>
-
   </footer>
 
   <!-- Optional JavaScript -->

docs/issues.html

@@ -8,7 +8,8 @@
 
   <!-- CSS -->
   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
-  <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-LRlmVvLKVApDVGuspQFnRQJjkv0P7/YFrw84YYQtmYG4nK8c+M+NlmYDCv0rKWpG" crossorigin="anonymous">
+  <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.15.1/css/all.css" integrity="sha384-9ZfPnbegQSumzaE7mks2IYgHoayLtuto3AS6ieArECeaR8nCfliJVuLh/GaQ1gyM" crossorigin="anonymous">
+  <link rel="stylesheet" href="roboto/css/roboto.css">
   <link rel="stylesheet" href="styles.css">
   <script src="main.js"></script>
 
@@ -90,31 +91,33 @@
       <div class="row">
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
-            <li><a href=".">Home</a></li>
+            <li><a href="." class="medium home">Home</a></li>
+            <li>&nbsp;</li>
+            <li><a href="security.html">Security Advisories&nbsp;&nbsp;<i class="fas fa-shield-check"></i></a></li>
             <li><a href="https://github.com/sebhildebrandt/systeminformation">Github <i class="fab fa-github"></i></a></li>
-            <li><a href="contributors.html">Contributors</a></li>
+            <li><a href="https://buymeacoff.ee/systeminfo" class="medium badge bg-primary"><i class="fas fa-coffee"></i>&nbsp;&nbsp;Buy me a coffee</a></li>
-            <li><a href="https://buymeacoff.ee/systeminfo">Buy me a coffee</a></li>
           </ul>
         </div>
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
             <li><a href="gettingstarted.html">Quick Start</a></li>
+            <li><a href="v5changes.html">Version 5 Changes</a></li>
+            <li><a href="history.html">Full Version history</a></li>
             <li><a href="issues.html">Known Issues</a></li>
             <li><a href="statsfunctions.html">Stats Functions</a></li>
-            <li><a href="history.html">Version history</a></li>
           </ul>
         </div>
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
-            <li><a href="https://www.plus-innovations.com">&copy; 2021 Sebastian Hildebrandt, +innovations</a></li>
+            <li><a href="contributors.html">Contributors</a></li>
-            <li><a href="copyright.html">Copyright &amp; License</a></li>
             <li><a href="trademarks.html">Trademarks</a></li>
-            <li><a href="https://github.com/sebhildebrandt/systeminformation/blob/master/LICENSE"><img src="https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square" alt="MIT license" /></a></li>
+            <li><a href="copyright.html">Copyright &amp; License&nbsp;&nbsp;<img src="https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square" alt="MIT license" /></a></li>
+            <li><a href="https://www.plus-innovations.com">&copy; 2021 Sebastian Hildebrandt</a></li>
+            <li><a href="https://www.plus-innovations.com">+innovations GmbH</a></li>
           </ul>
         </div>
       </div>
     </div>
-
   </footer>
 
   <script>

docs/main.js

@@ -11,15 +11,19 @@ function createMenu() {
     [1, 'os', 'OS'],
     [1, 'processes', 'Processes / Services'],
     [1, 'filesystem', 'Disks / FS'],
+    [1, 'usb', 'USB'],
     [1, 'printer', 'Printer'],
+    [1, 'audio', 'Audio'],
     [1, 'network', 'Network'],
     [1, 'wifi', 'Wifi'],
+    [1, 'bluetooth', 'Bluetooth'],
     [1, 'docker', 'Docker'],
     [1, 'vbox', 'Virtual Box'],
     [1, 'statsfunctions', 'Observers / Stats'],
     [0, '', 'More'],
     [1, 'security', 'Security Advisories'],
     [1, 'issues', 'Known Issues'],
+    [1, 'v5changes', 'Version 5 Changes'],
     [1, 'history', 'Version history'],
     [1, 'copyright', 'Copyright & License'],
     [1, 'contributors', 'Contributors'],
@@ -43,15 +47,19 @@ function createMenu() {
       menuParent.appendChild(titleElement);
       if (!item[1]) {
         titleLink = document.createElement('div');
+        titleLink.classList.add('medium');
+        titleLink.classList.add('navtitle');
         titleLink.innerText = item[2];
       } else {
         titleLink = document.createElement('a');
+        titleLink.classList.add('medium');
+        titleLink.classList.add('navtitle');
         titleLink.setAttribute('href', item[1] + (item[1].indexOf('#') >= 0 ? '' : '.html'));
         titleLink.innerText = item[2];
       }
       titleElement.appendChild(titleLink);
-      hrElement = document.createElement('hr');
+      // hrElement = document.createElement('hr');
-      titleElement.appendChild(hrElement);
+      // titleElement.appendChild(hrElement);
       ulElement = document.createElement('ul');
       titleElement.appendChild(ulElement);
     } else {

docs/memory.html

@@ -8,7 +8,8 @@
 
   <!-- CSS -->
   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
-  <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-LRlmVvLKVApDVGuspQFnRQJjkv0P7/YFrw84YYQtmYG4nK8c+M+NlmYDCv0rKWpG" crossorigin="anonymous">
+  <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.15.1/css/all.css" integrity="sha384-9ZfPnbegQSumzaE7mks2IYgHoayLtuto3AS6ieArECeaR8nCfliJVuLh/GaQ1gyM" crossorigin="anonymous">
+  <link rel="stylesheet" href="roboto/css/roboto.css">
   <link rel="stylesheet" href="styles.css">
   <script src="main.js"></script>
 
@@ -389,31 +390,33 @@ si.memLayout().then(data => console.log(data));</code></pre class="example">
       <div class="row">
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
-            <li><a href=".">Home</a></li>
+            <li><a href="." class="medium home">Home</a></li>
+            <li>&nbsp;</li>
+            <li><a href="security.html">Security Advisories&nbsp;&nbsp;<i class="fas fa-shield-check"></i></a></li>
             <li><a href="https://github.com/sebhildebrandt/systeminformation">Github <i class="fab fa-github"></i></a></li>
-            <li><a href="contributors.html">Contributors</a></li>
+            <li><a href="https://buymeacoff.ee/systeminfo" class="medium badge bg-primary"><i class="fas fa-coffee"></i>&nbsp;&nbsp;Buy me a coffee</a></li>
-            <li><a href="https://buymeacoff.ee/systeminfo">Buy me a coffee</a></li>
           </ul>
         </div>
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
             <li><a href="gettingstarted.html">Quick Start</a></li>
+            <li><a href="v5changes.html">Version 5 Changes</a></li>
+            <li><a href="history.html">Full Version history</a></li>
             <li><a href="issues.html">Known Issues</a></li>
             <li><a href="statsfunctions.html">Stats Functions</a></li>
-            <li><a href="history.html">Version history</a></li>
           </ul>
         </div>
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
-            <li><a href="https://www.plus-innovations.com">&copy; 2021 Sebastian Hildebrandt, +innovations</a></li>
+            <li><a href="contributors.html">Contributors</a></li>
-            <li><a href="copyright.html">Copyright &amp; License</a></li>
             <li><a href="trademarks.html">Trademarks</a></li>
-            <li><a href="https://github.com/sebhildebrandt/systeminformation/blob/master/LICENSE"><img src="https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square" alt="MIT license" /></a></li>
+            <li><a href="copyright.html">Copyright &amp; License&nbsp;&nbsp;<img src="https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square" alt="MIT license" /></a></li>
+            <li><a href="https://www.plus-innovations.com">&copy; 2021 Sebastian Hildebrandt</a></li>
+            <li><a href="https://www.plus-innovations.com">+innovations GmbH</a></li>
           </ul>
         </div>
       </div>
     </div>
-
   </footer>
 
   <script>

docs/network.html

@@ -8,7 +8,8 @@
 
   <!-- CSS -->
   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
-  <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-LRlmVvLKVApDVGuspQFnRQJjkv0P7/YFrw84YYQtmYG4nK8c+M+NlmYDCv0rKWpG" crossorigin="anonymous">
+  <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.15.1/css/all.css" integrity="sha384-9ZfPnbegQSumzaE7mks2IYgHoayLtuto3AS6ieArECeaR8nCfliJVuLh/GaQ1gyM" crossorigin="anonymous">
+  <link rel="stylesheet" href="roboto/css/roboto.css">
   <link rel="stylesheet" href="styles.css">
   <script src="main.js"></script>
 
@@ -776,31 +777,33 @@ setInterval(function() {
       <div class="row">
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
-            <li><a href=".">Home</a></li>
+            <li><a href="." class="medium home">Home</a></li>
+            <li>&nbsp;</li>
+            <li><a href="security.html">Security Advisories&nbsp;&nbsp;<i class="fas fa-shield-check"></i></a></li>
             <li><a href="https://github.com/sebhildebrandt/systeminformation">Github <i class="fab fa-github"></i></a></li>
-            <li><a href="contributors.html">Contributors</a></li>
+            <li><a href="https://buymeacoff.ee/systeminfo" class="medium badge bg-primary"><i class="fas fa-coffee"></i>&nbsp;&nbsp;Buy me a coffee</a></li>
-            <li><a href="https://buymeacoff.ee/systeminfo">Buy me a coffee</a></li>
           </ul>
         </div>
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
             <li><a href="gettingstarted.html">Quick Start</a></li>
+            <li><a href="v5changes.html">Version 5 Changes</a></li>
+            <li><a href="history.html">Full Version history</a></li>
             <li><a href="issues.html">Known Issues</a></li>
             <li><a href="statsfunctions.html">Stats Functions</a></li>
-            <li><a href="history.html">Version history</a></li>
           </ul>
         </div>
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
-            <li><a href="https://www.plus-innovations.com">&copy; 2021 Sebastian Hildebrandt, +innovations</a></li>
+            <li><a href="contributors.html">Contributors</a></li>
-            <li><a href="copyright.html">Copyright &amp; License</a></li>
             <li><a href="trademarks.html">Trademarks</a></li>
-            <li><a href="https://github.com/sebhildebrandt/systeminformation/blob/master/LICENSE"><img src="https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square" alt="MIT license" /></a></li>
+            <li><a href="copyright.html">Copyright &amp; License&nbsp;&nbsp;<img src="https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square" alt="MIT license" /></a></li>
+            <li><a href="https://www.plus-innovations.com">&copy; 2021 Sebastian Hildebrandt</a></li>
+            <li><a href="https://www.plus-innovations.com">+innovations GmbH</a></li>
           </ul>
         </div>
       </div>
     </div>
-
   </footer>
 
   <script>

docs/os.html

@@ -8,7 +8,8 @@
 
   <!-- CSS -->
   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
-  <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-LRlmVvLKVApDVGuspQFnRQJjkv0P7/YFrw84YYQtmYG4nK8c+M+NlmYDCv0rKWpG" crossorigin="anonymous">
+  <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.15.1/css/all.css" integrity="sha384-9ZfPnbegQSumzaE7mks2IYgHoayLtuto3AS6ieArECeaR8nCfliJVuLh/GaQ1gyM" crossorigin="anonymous">
+  <link rel="stylesheet" href="roboto/css/roboto.css">
   <link rel="stylesheet" href="styles.css">
   <script src="main.js"></script>
 
@@ -728,31 +729,33 @@ si.users().then(data => console.log(data));</code></pre class="example">
       <div class="row">
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
-            <li><a href=".">Home</a></li>
+            <li><a href="." class="medium home">Home</a></li>
+            <li>&nbsp;</li>
+            <li><a href="security.html">Security Advisories&nbsp;&nbsp;<i class="fas fa-shield-check"></i></a></li>
             <li><a href="https://github.com/sebhildebrandt/systeminformation">Github <i class="fab fa-github"></i></a></li>
-            <li><a href="contributors.html">Contributors</a></li>
+            <li><a href="https://buymeacoff.ee/systeminfo" class="medium badge bg-primary"><i class="fas fa-coffee"></i>&nbsp;&nbsp;Buy me a coffee</a></li>
-            <li><a href="https://buymeacoff.ee/systeminfo">Buy me a coffee</a></li>
           </ul>
         </div>
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
             <li><a href="gettingstarted.html">Quick Start</a></li>
+            <li><a href="v5changes.html">Version 5 Changes</a></li>
+            <li><a href="history.html">Full Version history</a></li>
             <li><a href="issues.html">Known Issues</a></li>
             <li><a href="statsfunctions.html">Stats Functions</a></li>
-            <li><a href="history.html">Version history</a></li>
           </ul>
         </div>
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
-            <li><a href="https://www.plus-innovations.com">&copy; 2021 Sebastian Hildebrandt, +innovations</a></li>
+            <li><a href="contributors.html">Contributors</a></li>
-            <li><a href="copyright.html">Copyright &amp; License</a></li>
             <li><a href="trademarks.html">Trademarks</a></li>
-            <li><a href="https://github.com/sebhildebrandt/systeminformation/blob/master/LICENSE"><img src="https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square" alt="MIT license" /></a></li>
+            <li><a href="copyright.html">Copyright &amp; License&nbsp;&nbsp;<img src="https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square" alt="MIT license" /></a></li>
+            <li><a href="https://www.plus-innovations.com">&copy; 2021 Sebastian Hildebrandt</a></li>
+            <li><a href="https://www.plus-innovations.com">+innovations GmbH</a></li>
           </ul>
         </div>
       </div>
     </div>
-
   </footer>
 
   <script>

docs/printer.html

@@ -8,7 +8,8 @@
 
   <!-- CSS -->
   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
-  <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-LRlmVvLKVApDVGuspQFnRQJjkv0P7/YFrw84YYQtmYG4nK8c+M+NlmYDCv0rKWpG" crossorigin="anonymous">
+  <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.15.1/css/all.css" integrity="sha384-9ZfPnbegQSumzaE7mks2IYgHoayLtuto3AS6ieArECeaR8nCfliJVuLh/GaQ1gyM" crossorigin="anonymous">
+  <link rel="stylesheet" href="roboto/css/roboto.css">
   <link rel="stylesheet" href="styles.css">
   <script src="main.js"></script>
 
@@ -49,7 +50,7 @@
               <p>In this section you will learn how to get information about detected printers:</p>
               <p>For function reference and examples we assume, that we imported <span class="code">systeminformation</span> as follows:</p>
               <pre><code class="js">const si = require('systeminformation');</code></pre>
-              <h2>Printer</h2>
+              <h2>Detected Printers</h2>
               <p>All functions in this section return a promise or can be called with a callback function (parameter <span class="code">cb</span> in the function reference)</p>
               <table class="table table-sm table-bordered table-striped">
                 <thead>
@@ -212,31 +213,33 @@ si.printer().then(data => console.log(data));</code></pre class="example">
       <div class="row">
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
-            <li><a href=".">Home</a></li>
+            <li><a href="." class="medium home">Home</a></li>
+            <li>&nbsp;</li>
+            <li><a href="security.html">Security Advisories&nbsp;&nbsp;<i class="fas fa-shield-check"></i></a></li>
             <li><a href="https://github.com/sebhildebrandt/systeminformation">Github <i class="fab fa-github"></i></a></li>
-            <li><a href="contributors.html">Contributors</a></li>
+            <li><a href="https://buymeacoff.ee/systeminfo" class="medium badge bg-primary"><i class="fas fa-coffee"></i>&nbsp;&nbsp;Buy me a coffee</a></li>
-            <li><a href="https://buymeacoff.ee/systeminfo">Buy me a coffee</a></li>
           </ul>
         </div>
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
             <li><a href="gettingstarted.html">Quick Start</a></li>
+            <li><a href="v5changes.html">Version 5 Changes</a></li>
+            <li><a href="history.html">Full Version history</a></li>
             <li><a href="issues.html">Known Issues</a></li>
             <li><a href="statsfunctions.html">Stats Functions</a></li>
-            <li><a href="history.html">Version history</a></li>
           </ul>
         </div>
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
-            <li><a href="https://www.plus-innovations.com">&copy; 2021 Sebastian Hildebrandt, +innovations</a></li>
+            <li><a href="contributors.html">Contributors</a></li>
-            <li><a href="copyright.html">Copyright &amp; License</a></li>
             <li><a href="trademarks.html">Trademarks</a></li>
-            <li><a href="https://github.com/sebhildebrandt/systeminformation/blob/master/LICENSE"><img src="https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square" alt="MIT license" /></a></li>
+            <li><a href="copyright.html">Copyright &amp; License&nbsp;&nbsp;<img src="https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square" alt="MIT license" /></a></li>
+            <li><a href="https://www.plus-innovations.com">&copy; 2021 Sebastian Hildebrandt</a></li>
+            <li><a href="https://www.plus-innovations.com">+innovations GmbH</a></li>
           </ul>
         </div>
       </div>
     </div>
-
   </footer>
 
   <script>

docs/processes.html

@@ -8,7 +8,8 @@
 
   <!-- CSS -->
   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
-  <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-LRlmVvLKVApDVGuspQFnRQJjkv0P7/YFrw84YYQtmYG4nK8c+M+NlmYDCv0rKWpG" crossorigin="anonymous">
+  <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.15.1/css/all.css" integrity="sha384-9ZfPnbegQSumzaE7mks2IYgHoayLtuto3AS6ieArECeaR8nCfliJVuLh/GaQ1gyM" crossorigin="anonymous">
+  <link rel="stylesheet" href="roboto/css/roboto.css">
   <link rel="stylesheet" href="styles.css">
   <script src="main.js"></script>
 
@@ -714,31 +715,33 @@ si.services('mysql, postgres').then(data => console.log(data));</code></pre clas
       <div class="row">
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
-            <li><a href=".">Home</a></li>
+            <li><a href="." class="medium home">Home</a></li>
+            <li>&nbsp;</li>
+            <li><a href="security.html">Security Advisories&nbsp;&nbsp;<i class="fas fa-shield-check"></i></a></li>
             <li><a href="https://github.com/sebhildebrandt/systeminformation">Github <i class="fab fa-github"></i></a></li>
-            <li><a href="contributors.html">Contributors</a></li>
+            <li><a href="https://buymeacoff.ee/systeminfo" class="medium badge bg-primary"><i class="fas fa-coffee"></i>&nbsp;&nbsp;Buy me a coffee</a></li>
-            <li><a href="https://buymeacoff.ee/systeminfo">Buy me a coffee</a></li>
           </ul>
         </div>
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
             <li><a href="gettingstarted.html">Quick Start</a></li>
+            <li><a href="v5changes.html">Version 5 Changes</a></li>
+            <li><a href="history.html">Full Version history</a></li>
             <li><a href="issues.html">Known Issues</a></li>
             <li><a href="statsfunctions.html">Stats Functions</a></li>
-            <li><a href="history.html">Version history</a></li>
           </ul>
         </div>
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
-            <li><a href="https://www.plus-innovations.com">&copy; 2021 Sebastian Hildebrandt, +innovations</a></li>
+            <li><a href="contributors.html">Contributors</a></li>
-            <li><a href="copyright.html">Copyright &amp; License</a></li>
             <li><a href="trademarks.html">Trademarks</a></li>
-            <li><a href="https://github.com/sebhildebrandt/systeminformation/blob/master/LICENSE"><img src="https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square" alt="MIT license" /></a></li>
+            <li><a href="copyright.html">Copyright &amp; License&nbsp;&nbsp;<img src="https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square" alt="MIT license" /></a></li>
+            <li><a href="https://www.plus-innovations.com">&copy; 2021 Sebastian Hildebrandt</a></li>
+            <li><a href="https://www.plus-innovations.com">+innovations GmbH</a></li>
           </ul>
         </div>
       </div>
     </div>
-
   </footer>
 
   <script>

docs/roboto/css/roboto.css

@@ -0,0 +1,108 @@
+/* roboto-100 - latin-ext_latin */
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 100;
+  src: local('Roboto Thin'), local('Roboto-Thin'),
+       url('../fonts/roboto-v20-latin-ext_latin-100.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+       url('../fonts/roboto-v20-latin-ext_latin-100.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+/* roboto-300 - latin-ext_latin */
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 300;
+  src: local('Roboto Light'), local('Roboto-Light'),
+       url('../fonts/roboto-v20-latin-ext_latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+       url('../fonts/roboto-v20-latin-ext_latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+/* roboto-100italic - latin-ext_latin */
+@font-face {
+  font-family: 'Roboto';
+  font-style: italic;
+  font-weight: 100;
+  src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'),
+       url('../fonts/roboto-v20-latin-ext_latin-100italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+       url('../fonts/roboto-v20-latin-ext_latin-100italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+/* roboto-300italic - latin-ext_latin */
+@font-face {
+  font-family: 'Roboto';
+  font-style: italic;
+  font-weight: 300;
+  src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
+       url('../fonts/roboto-v20-latin-ext_latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+       url('../fonts/roboto-v20-latin-ext_latin-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+/* roboto-italic - latin-ext_latin */
+@font-face {
+  font-family: 'Roboto';
+  font-style: italic;
+  font-weight: 400;
+  src: local('Roboto Italic'), local('Roboto-Italic'),
+       url('../fonts/roboto-v20-latin-ext_latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+       url('../fonts/roboto-v20-latin-ext_latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+/* roboto-regular - latin-ext_latin */
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Roboto'), local('Roboto-Regular'),
+       url('../fonts/roboto-v20-latin-ext_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+       url('../fonts/roboto-v20-latin-ext_latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+/* roboto-500 - latin-ext_latin */
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 500;
+  src: local('Roboto Medium'), local('Roboto-Medium'),
+       url('../fonts/roboto-v20-latin-ext_latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+       url('../fonts/roboto-v20-latin-ext_latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+/* roboto-700 - latin-ext_latin */
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 700;
+  src: local('Roboto Bold'), local('Roboto-Bold'),
+       url('../fonts/roboto-v20-latin-ext_latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+       url('../fonts/roboto-v20-latin-ext_latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+/* roboto-500italic - latin-ext_latin */
+@font-face {
+  font-family: 'Roboto';
+  font-style: italic;
+  font-weight: 500;
+  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'),
+       url('../fonts/roboto-v20-latin-ext_latin-500italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+       url('../fonts/roboto-v20-latin-ext_latin-500italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+/* roboto-700italic - latin-ext_latin */
+@font-face {
+  font-family: 'Roboto';
+  font-style: italic;
+  font-weight: 700;
+  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),
+       url('../fonts/roboto-v20-latin-ext_latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+       url('../fonts/roboto-v20-latin-ext_latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+/* roboto-900 - latin-ext_latin */
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 900;
+  src: local('Roboto Black'), local('Roboto-Black'),
+       url('../fonts/roboto-v20-latin-ext_latin-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+       url('../fonts/roboto-v20-latin-ext_latin-900.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+/* roboto-900italic - latin-ext_latin */
+@font-face {
+  font-family: 'Roboto';
+  font-style: italic;
+  font-weight: 900;
+  src: local('Roboto Black Italic'), local('Roboto-BlackItalic'),
+       url('../fonts/roboto-v20-latin-ext_latin-900italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+       url('../fonts/roboto-v20-latin-ext_latin-900italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}

docs/security.html

@@ -8,7 +8,8 @@
 
   <!-- CSS -->
   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
-  <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-LRlmVvLKVApDVGuspQFnRQJjkv0P7/YFrw84YYQtmYG4nK8c+M+NlmYDCv0rKWpG" crossorigin="anonymous">
+  <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.15.1/css/all.css" integrity="sha384-9ZfPnbegQSumzaE7mks2IYgHoayLtuto3AS6ieArECeaR8nCfliJVuLh/GaQ1gyM" crossorigin="anonymous">
+  <link rel="stylesheet" href="roboto/css/roboto.css">
   <link rel="stylesheet" href="styles.css">
   <script src="main.js"></script>
 
@@ -104,31 +105,33 @@
       <div class="row">
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
-            <li><a href=".">Home</a></li>
+            <li><a href="." class="medium home">Home</a></li>
+            <li>&nbsp;</li>
+            <li><a href="security.html">Security Advisories&nbsp;&nbsp;<i class="fas fa-shield-check"></i></a></li>
             <li><a href="https://github.com/sebhildebrandt/systeminformation">Github <i class="fab fa-github"></i></a></li>
-            <li><a href="contributors.html">Contributors</a></li>
+            <li><a href="https://buymeacoff.ee/systeminfo" class="medium badge bg-primary"><i class="fas fa-coffee"></i>&nbsp;&nbsp;Buy me a coffee</a></li>
-            <li><a href="https://buymeacoff.ee/systeminfo">Buy me a coffee</a></li>
           </ul>
         </div>
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
             <li><a href="gettingstarted.html">Quick Start</a></li>
+            <li><a href="v5changes.html">Version 5 Changes</a></li>
+            <li><a href="history.html">Full Version history</a></li>
             <li><a href="issues.html">Known Issues</a></li>
             <li><a href="statsfunctions.html">Stats Functions</a></li>
-            <li><a href="history.html">Version history</a></li>
           </ul>
         </div>
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
-            <li><a href="https://www.plus-innovations.com">&copy; 2021 Sebastian Hildebrandt, +innovations</a></li>
+            <li><a href="contributors.html">Contributors</a></li>
-            <li><a href="copyright.html">Copyright &amp; License</a></li>
             <li><a href="trademarks.html">Trademarks</a></li>
-            <li><a href="https://github.com/sebhildebrandt/systeminformation/blob/master/LICENSE"><img src="https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square" alt="MIT license" /></a></li>
+            <li><a href="copyright.html">Copyright &amp; License&nbsp;&nbsp;<img src="https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square" alt="MIT license" /></a></li>
+            <li><a href="https://www.plus-innovations.com">&copy; 2021 Sebastian Hildebrandt</a></li>
+            <li><a href="https://www.plus-innovations.com">+innovations GmbH</a></li>
           </ul>
         </div>
       </div>
     </div>
-
   </footer>
 
   <script>

docs/statsfunctions.html

@@ -8,7 +8,8 @@
 
   <!-- CSS -->
   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
-  <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-LRlmVvLKVApDVGuspQFnRQJjkv0P7/YFrw84YYQtmYG4nK8c+M+NlmYDCv0rKWpG" crossorigin="anonymous">
+  <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.15.1/css/all.css" integrity="sha384-9ZfPnbegQSumzaE7mks2IYgHoayLtuto3AS6ieArECeaR8nCfliJVuLh/GaQ1gyM" crossorigin="anonymous">
+  <link rel="stylesheet" href="roboto/css/roboto.css">
   <link rel="stylesheet" href="styles.css">
   <script src="main.js"></script>
 
@@ -130,31 +131,33 @@ setTimeout(() => {
       <div class="row">
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
-            <li><a href=".">Home</a></li>
+            <li><a href="." class="medium home">Home</a></li>
+            <li>&nbsp;</li>
+            <li><a href="security.html">Security Advisories&nbsp;&nbsp;<i class="fas fa-shield-check"></i></a></li>
             <li><a href="https://github.com/sebhildebrandt/systeminformation">Github <i class="fab fa-github"></i></a></li>
-            <li><a href="contributors.html">Contributors</a></li>
+            <li><a href="https://buymeacoff.ee/systeminfo" class="medium badge bg-primary"><i class="fas fa-coffee"></i>&nbsp;&nbsp;Buy me a coffee</a></li>
-            <li><a href="https://buymeacoff.ee/systeminfo">Buy me a coffee</a></li>
           </ul>
         </div>
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
             <li><a href="gettingstarted.html">Quick Start</a></li>
+            <li><a href="v5changes.html">Version 5 Changes</a></li>
+            <li><a href="history.html">Full Version history</a></li>
             <li><a href="issues.html">Known Issues</a></li>
             <li><a href="statsfunctions.html">Stats Functions</a></li>
-            <li><a href="history.html">Version history</a></li>
           </ul>
         </div>
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
-            <li><a href="https://www.plus-innovations.com">&copy; 2021 Sebastian Hildebrandt, +innovations</a></li>
+            <li><a href="contributors.html">Contributors</a></li>
-            <li><a href="copyright.html">Copyright &amp; License</a></li>
             <li><a href="trademarks.html">Trademarks</a></li>
-            <li><a href="https://github.com/sebhildebrandt/systeminformation/blob/master/LICENSE"><img src="https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square" alt="MIT license" /></a></li>
+            <li><a href="copyright.html">Copyright &amp; License&nbsp;&nbsp;<img src="https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square" alt="MIT license" /></a></li>
+            <li><a href="https://www.plus-innovations.com">&copy; 2021 Sebastian Hildebrandt</a></li>
+            <li><a href="https://www.plus-innovations.com">+innovations GmbH</a></li>
           </ul>
         </div>
       </div>
     </div>
-
   </footer>
 
   <script>

docs/styles.css

@@ -1,12 +1,13 @@
 body {
-  font-family: -apple-system, BlinkMacSystemFont, "segoe ui", Roboto, Helvetica, Arial, sans-serif, "apple color emoji", "segoe ui emoji", "segoe ui symbol";
+  font-family: 'Roboto', 'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif;
   font-weight: 300;
   min-height: 100%;
 }
 
 h1, h2, h3, h4 {
-  font-family: -apple-system, BlinkMacSystemFont, "segoe ui", Roboto, Helvetica, Arial, sans-serif, "apple color emoji", "segoe ui emoji", "segoe ui symbol";
+  font-family: 'Roboto', 'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif;
-  font-weight: 300;
+  font-weight: 500;
+  color: #3d5cb3;
 }
 
 .center {
@@ -14,15 +15,26 @@ h1, h2, h3, h4 {
 }
 
 .bold {
-  font-weight: 700;
+  font-weight: 500;
+}
+
+.medium {
+  font-weight: 500;
+}
+
+.blue {
+  color: #3d5cb3;
 }
 
 .bg-image-full {
-  background: no-repeat center center scroll;
   background-color: #1A1F30;
   /* For browsers that do not support gradients */
   background-image: linear-gradient(210deg, #2A2D66, #060520);
   /* Standard syntax (must be last) */
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: cover;
+  background-image: url("assets/cpu.jpg");
   background-size: cover;
   -o-background-size: cover;
   height: 100vh;
@@ -108,6 +120,13 @@ h1, h2, h3, h4 {
   padding-top: 10px;
   font-size: 1.8rem;
   margin-bottom: 10px;
+  font-weight: 500;
+}
+
+@media only screen and (min-width: 374px) {
+  .bg-image-full .title {
+    font-size: 2.1rem;
+  }
 }
 
 @media only screen and (min-width: 420px) {
@@ -116,9 +135,9 @@ h1, h2, h3, h4 {
   }
 }
 
-@media only screen and (min-width: 768px) {
+@media only screen and (min-width: 767px) {
   .bg-image-full .title {
-    font-size: 3.2rem;
+    font-size: 3.5rem;
   }
 }
 
@@ -128,6 +147,18 @@ h1, h2, h3, h4 {
   }
 }
 
+@media only screen and (min-width: 1200px) {
+  .bg-image-full .title {
+    font-size: 5rem;
+  }
+}
+
+@media only screen and (min-width: 1900px) {
+  .bg-image-full .title {
+    font-size: 6rem;
+  }
+}
+
 .bg-image-full .logo {
   width: 100px;
 }
@@ -138,7 +169,7 @@ h1, h2, h3, h4 {
   }
 }
 
-@media only screen and (min-width: 768px) {
+@media only screen and (min-width: 767px) {
   .bg-image-full .logo {
     width: 160px;
   }
@@ -150,6 +181,12 @@ h1, h2, h3, h4 {
   }
 }
 
+@media only screen and (min-width: 1900px) {
+  .bg-image-full .logo {
+    width: 250px;
+  }
+}
+
 .bg-image-full .subtitle {
   text-align: center;
   color: #bbb;
@@ -168,7 +205,7 @@ h1, h2, h3, h4 {
   }
 }
 
-@media only screen and (min-width: 768px) {
+@media only screen and (min-width: 767px) {
   .bg-image-full .subtitle {
     font-size: 1.1rem;
   }
@@ -180,6 +217,18 @@ h1, h2, h3, h4 {
   }
 }
 
+@media only screen and (min-width: 1200px) {
+  .bg-image-full .subtitle {
+    font-size: 1.4rem;
+  }
+}
+
+@media only screen and (min-width: 1900px) {
+  .bg-image-full .subtitle {
+    font-size: 1.6rem;
+  }
+}
+
 .bg-image-full .text > a {
   text-align: center;
   color: #fff;
@@ -203,7 +252,7 @@ h1, h2, h3, h4 {
   }
 }
 
-@media only screen and (min-width: 768px) {
+@media only screen and (min-width: 767px) {
   .bg-image-full .text > a {
     font-size: 1rem;
   }
@@ -215,6 +264,18 @@ h1, h2, h3, h4 {
   }
 }
 
+@media only screen and (min-width: 1200px) {
+  .bg-image-full .text > a {
+    font-size: 1.2rem;
+  }
+}
+
+@media only screen and (min-width: 1900px) {
+  .bg-image-full .text > a {
+    font-size: 1.5rem;
+  }
+}
+
 .bg-image-full .version {
   text-align: center;
   margin-bottom: 10px;
@@ -240,6 +301,18 @@ h1, h2, h3, h4 {
   }
 }
 
+@media only screen and (min-width: 1200px) {
+  .bg-image-full .version {
+    font-size: 1.2rem;
+  }
+}
+
+@media only screen and (min-width: 1900px) {
+  .bg-image-full .version {
+    font-size: 1.5rem;
+  }
+}
+
 .bg-image-full .down {
   text-align: center;
   color: #fff;
@@ -273,12 +346,13 @@ h1, h2, h3, h4 {
 .nav .title {
   display: none;
   color: #fff;
-  font-size: 1.2rem;
+  font-size: 1.5rem;
   margin-left: 15px;
-  margin-top: 18px;
+  margin-top: 15px;
+  font-weight: 500;
 }
 
-@media only screen and (min-width: 768px) {
+@media only screen and (min-width: 767px) {
   .nav .title {
     display: inline-block;
   }
@@ -286,7 +360,7 @@ h1, h2, h3, h4 {
 
 @media only screen and (min-width: 1024px) {
   .nav .title {
-    font-size: 1.2rem;
+    font-size: 1.5rem;
   }
 }
 
@@ -350,6 +424,7 @@ h1, h2, h3, h4 {
 .features .inner .icons {
   display: block;
   font-size: 3rem;
+  line-height: 1.3;
   color: #bbb;
 }
 
@@ -388,6 +463,8 @@ h1, h2, h3, h4 {
   text-align: center;
   padding-top: 20px;
   font-size: 2rem;
+  font-weight: 500;
+  color: #3d5cb3;
 }
 
 @media only screen and (min-width: 420px) {
@@ -406,7 +483,7 @@ h1, h2, h3, h4 {
 
 @media only screen and (min-width: 1024px) {
   .sectionheader .title {
-    padding-top: 30px;
+    padding-top: 40px;
     font-size: 3rem;
   }
 }
@@ -414,6 +491,8 @@ h1, h2, h3, h4 {
 .sectionheader .title-small {
   text-align: center;
   font-size: 1.4rem;
+  font-weight: 500;
+  color: #3d5cb3;
 }
 
 @media only screen and (min-width: 420px) {
@@ -575,6 +654,13 @@ ul {
   color: #567adf;
 }
 
+.menu .title .navtitle {
+  font-size: 1.3rem;
+  margin-bottom: 5px;
+  display: inline-block;
+  color: #3d5cb3;
+}
+
 .menu hr {
   margin: 5px 0;
 }
@@ -659,7 +745,21 @@ footer {
   position: relative;
 }
 
+footer .home {
+  color: #3d5cb3;
+  font-size: 1.1rem;
+}
+
 footer a {
   color: #000;
 }
+
+footer a:hover {
+  text-decoration: none;
+}
+
+footer .badge {
+  color: #fff;
+  font-size: 0.9rem;
+}
 /*# sourceMappingURL=styles.css.map */

docs/styles.scss

@@ -1,23 +1,36 @@
 body {
-    font-family: -apple-system, BlinkMacSystemFont, "segoe ui", Roboto, Helvetica, Arial, sans-serif, "apple color emoji", "segoe ui emoji", "segoe ui symbol";
+    font-family: 'Roboto', 'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif;
     font-weight: 300;
     min-height: 100%;
 }
 h1, h2, h3, h4 {
-    font-family: -apple-system, BlinkMacSystemFont, "segoe ui", Roboto, Helvetica, Arial, sans-serif, "apple color emoji", "segoe ui emoji", "segoe ui symbol";
+    font-family: 'Roboto', 'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif;
-    font-weight: 300;
+    font-weight: 500;
+    color:  rgb(61, 92, 179);
 }
 .center {
     text-align: center;
 }
 .bold {
-    font-weight: 700;
+    font-weight: 500;
 }
+.medium {
+    font-weight: 500;
+}
+.blue {
+  color:  rgb(61, 92, 179);
+}
+
 .bg-image-full {
-    background: no-repeat center center scroll;
+    // background: no-repeat center center scroll;
     background-color: #1A1F30; /* For browsers that do not support gradients */
     background-image: linear-gradient(210deg, #2A2D66, #060520); /* Standard syntax (must be last) */
 
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: cover;
+    background-image: url("assets/cpu.jpg");
+
     -webkit-background-size: cover;
     -moz-background-size: cover;
     background-size: cover;
@@ -73,27 +86,40 @@ h1, h2, h3, h4 {
         padding-top: 10px;
         font-size: 1.8rem;
         margin-bottom: 10px;
+        font-weight: 500;
+        @media only screen and (min-width: 374px) {
+            font-size: 2.1rem;
+        }
         @media only screen and (min-width: 420px) {
             font-size: 2.4rem;
         }
-        @media only screen and (min-width: 768px) {
+        @media only screen and (min-width: 767px) {
-            font-size: 3.2rem;
+            font-size: 3.5rem;
         }
         @media only screen and (min-width: 1024px) {
             font-size: 4rem;
         }
+        @media only screen and (min-width: 1200px) {
+            font-size: 5rem;
+        }
+        @media only screen and (min-width: 1900px) {
+            font-size: 6rem;
+        }
     }
     .logo {
         width: 100px;
         @media only screen and (min-width: 420px) {
             width: 120px;
         }
-        @media only screen and (min-width: 768px) {
+        @media only screen and (min-width: 767px) {
             width: 160px;
         }
         @media only screen and (min-width: 1024px) {
             width: 200px;
         }
+        @media only screen and (min-width: 1900px) {
+            width: 250px;
+        }
     }
     .subtitle {
         text-align: center;
@@ -105,12 +131,18 @@ h1, h2, h3, h4 {
         @media only screen and (min-width: 420px) {
             font-size: 1rem;
         }
-        @media only screen and (min-width: 768px) {
+        @media only screen and (min-width: 767px) {
             font-size: 1.1rem;
         }
         @media only screen and (min-width: 1024px) {
             font-size: 1.3rem;
         }
+        @media only screen and (min-width: 1200px) {
+            font-size: 1.4rem;
+        }
+        @media only screen and (min-width: 1900px) {
+            font-size: 1.6rem;
+        }
     }
     .text > a {
         text-align: center;
@@ -126,12 +158,18 @@ h1, h2, h3, h4 {
         @media only screen and (min-width: 420px) {
             font-size: 1rem;
         }
-        @media only screen and (min-width: 768px) {
+        @media only screen and (min-width: 767px) {
             font-size: 1rem;
         }
         @media only screen and (min-width: 1024px) {
             font-size: 1.1rem;
         }
+        @media only screen and (min-width: 1200px) {
+            font-size: 1.2rem;
+        }
+        @media only screen and (min-width: 1900px) {
+            font-size: 1.5rem;
+        }
     }
     .version {
         text-align: center;
@@ -147,6 +185,12 @@ h1, h2, h3, h4 {
         @media only screen and (min-width: 1024px) {
             font-size: 1.1rem;
         }
+        @media only screen and (min-width: 1200px) {
+            font-size: 1.2rem;
+        }
+        @media only screen and (min-width: 1900px) {
+            font-size: 1.5rem;
+        }
     }
     .down {
       text-align: center;
@@ -185,15 +229,17 @@ h1, h2, h3, h4 {
     .title {
         display: none;
         color: #fff;
-        font-size: 1.2rem;
+        font-size: 1.5rem;
         margin-left: 15px;
-        margin-top: 18px;
+        margin-top: 15px;
-        @media only screen and (min-width: 768px) {
+        font-weight: 500;
+        @media only screen and (min-width: 767px) {
             display: inline-block;
         }
         @media only screen and (min-width: 1024px) {
-            font-size: 1.2rem;
+            font-size: 1.5rem;
         }
+
     }
     .text {
         margin-top: 18px;
@@ -236,6 +282,7 @@ h1, h2, h3, h4 {
       .icons {
           display: block;
           font-size: 3rem;
+          line-height: 1.3;
           color: #bbb;
           @media only screen and (min-width: 420px) {
               font-size: 3.5rem;
@@ -265,6 +312,8 @@ h1, h2, h3, h4 {
         text-align: center;
         padding-top: 20px;
         font-size: 2rem;
+        font-weight: 500;
+        color:  rgb(61, 92, 179);
         @media only screen and (min-width: 420px) {
             font-size: 2.3rem;
         }
@@ -274,13 +323,15 @@ h1, h2, h3, h4 {
             font-size: 2.6rem;
         }
         @media only screen and (min-width: 1024px) {
-            padding-top: 30px;
+            padding-top: 40px;
             font-size: 3rem;
         }
     }
     .title-small {
         text-align: center;
         font-size: 1.4rem;
+        font-weight: 500;
+        color:  rgb(61, 92, 179);
         @media only screen and (min-width: 420px) {
             font-size: 1.6rem;
         }
@@ -388,6 +439,12 @@ ul {
               color: rgb(86, 122, 223);
           }
         }
+        .navtitle {
+          font-size: 1.3rem;
+          margin-bottom: 5px;
+          display: inline-block;
+          color:  rgb(61, 92, 179);
+        }
     }
     hr {
         margin: 5px 0;
@@ -462,7 +519,18 @@ footer {
     padding-top: 30px;
     padding-bottom: 30px;
     position: relative;
+    .home {
+      color:  rgb(61, 92, 179);
+      font-size: 1.1rem;
+    }
     a {
         color: #000;
+        &:hover {
+          text-decoration: none
+        }
+    }
+    .badge {
+      color: #fff;
+      font-size: 0.9rem;
     }
 }

docs/system.html

@@ -8,7 +8,8 @@
 
   <!-- CSS -->
   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
-  <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-LRlmVvLKVApDVGuspQFnRQJjkv0P7/YFrw84YYQtmYG4nK8c+M+NlmYDCv0rKWpG" crossorigin="anonymous">
+  <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.15.1/css/all.css" integrity="sha384-9ZfPnbegQSumzaE7mks2IYgHoayLtuto3AS6ieArECeaR8nCfliJVuLh/GaQ1gyM" crossorigin="anonymous">
+  <link rel="stylesheet" href="roboto/css/roboto.css">
   <link rel="stylesheet" href="styles.css">
   <script src="main.js"></script>
 
@@ -423,31 +424,33 @@ si.chassis().then(data => console.log(data));</code></pre class="example">
       <div class="row">
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
-            <li><a href=".">Home</a></li>
+            <li><a href="." class="medium home">Home</a></li>
+            <li>&nbsp;</li>
+            <li><a href="security.html">Security Advisories&nbsp;&nbsp;<i class="fas fa-shield-check"></i></a></li>
             <li><a href="https://github.com/sebhildebrandt/systeminformation">Github <i class="fab fa-github"></i></a></li>
-            <li><a href="contributors.html">Contributors</a></li>
+            <li><a href="https://buymeacoff.ee/systeminfo" class="medium badge bg-primary"><i class="fas fa-coffee"></i>&nbsp;&nbsp;Buy me a coffee</a></li>
-            <li><a href="https://buymeacoff.ee/systeminfo">Buy me a coffee</a></li>
           </ul>
         </div>
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
             <li><a href="gettingstarted.html">Quick Start</a></li>
+            <li><a href="v5changes.html">Version 5 Changes</a></li>
+            <li><a href="history.html">Full Version history</a></li>
             <li><a href="issues.html">Known Issues</a></li>
             <li><a href="statsfunctions.html">Stats Functions</a></li>
-            <li><a href="history.html">Version history</a></li>
           </ul>
         </div>
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
-            <li><a href="https://www.plus-innovations.com">&copy; 2021 Sebastian Hildebrandt, +innovations</a></li>
+            <li><a href="contributors.html">Contributors</a></li>
-            <li><a href="copyright.html">Copyright &amp; License</a></li>
             <li><a href="trademarks.html">Trademarks</a></li>
-            <li><a href="https://github.com/sebhildebrandt/systeminformation/blob/master/LICENSE"><img src="https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square" alt="MIT license" /></a></li>
+            <li><a href="copyright.html">Copyright &amp; License&nbsp;&nbsp;<img src="https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square" alt="MIT license" /></a></li>
+            <li><a href="https://www.plus-innovations.com">&copy; 2021 Sebastian Hildebrandt</a></li>
+            <li><a href="https://www.plus-innovations.com">+innovations GmbH</a></li>
           </ul>
         </div>
       </div>
     </div>
-
   </footer>
 
   <script>

docs/trademarks.html

@@ -8,7 +8,8 @@
 
   <!-- CSS -->
   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
-  <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-LRlmVvLKVApDVGuspQFnRQJjkv0P7/YFrw84YYQtmYG4nK8c+M+NlmYDCv0rKWpG" crossorigin="anonymous">
+  <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.15.1/css/all.css" integrity="sha384-9ZfPnbegQSumzaE7mks2IYgHoayLtuto3AS6ieArECeaR8nCfliJVuLh/GaQ1gyM" crossorigin="anonymous">
+  <link rel="stylesheet" href="roboto/css/roboto.css">
   <link rel="stylesheet" href="styles.css">
   <script src="main.js"></script>
 
@@ -71,6 +72,7 @@
                 <li><strong>DELL</strong> is a registered trademark of Dell Inc.</li>
                 <li><strong>ASUS</strong> is a registered trademark of ASUSTeK Computer.</li>
                 <li><strong>Alpine</strong> is a trademark of Alpine Linux Development Team.</li>
+                <li><strong>+innovations</strong> is a trademark of plus-innovations application development GmbH</li>
               </ul>
               <p>All other trademarks are the property of their respective owners.</p>
             </div>
@@ -85,31 +87,33 @@
       <div class="row">
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
-            <li><a href=".">Home</a></li>
+            <li><a href="." class="medium home">Home</a></li>
+            <li>&nbsp;</li>
+            <li><a href="security.html">Security Advisories&nbsp;&nbsp;<i class="fas fa-shield-check"></i></a></li>
             <li><a href="https://github.com/sebhildebrandt/systeminformation">Github <i class="fab fa-github"></i></a></li>
-            <li><a href="contributors.html">Contributors</a></li>
+            <li><a href="https://buymeacoff.ee/systeminfo" class="medium badge bg-primary"><i class="fas fa-coffee"></i>&nbsp;&nbsp;Buy me a coffee</a></li>
-            <li><a href="https://buymeacoff.ee/systeminfo">Buy me a coffee</a></li>
           </ul>
         </div>
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
             <li><a href="gettingstarted.html">Quick Start</a></li>
+            <li><a href="v5changes.html">Version 5 Changes</a></li>
+            <li><a href="history.html">Full Version history</a></li>
             <li><a href="issues.html">Known Issues</a></li>
             <li><a href="statsfunctions.html">Stats Functions</a></li>
-            <li><a href="history.html">Version history</a></li>
           </ul>
         </div>
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
-            <li><a href="https://www.plus-innovations.com">&copy; 2021 Sebastian Hildebrandt, +innovations</a></li>
+            <li><a href="contributors.html">Contributors</a></li>
-            <li><a href="copyright.html">Copyright &amp; License</a></li>
             <li><a href="trademarks.html">Trademarks</a></li>
-            <li><a href="https://github.com/sebhildebrandt/systeminformation/blob/master/LICENSE"><img src="https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square" alt="MIT license" /></a></li>
+            <li><a href="copyright.html">Copyright &amp; License&nbsp;&nbsp;<img src="https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square" alt="MIT license" /></a></li>
+            <li><a href="https://www.plus-innovations.com">&copy; 2021 Sebastian Hildebrandt</a></li>
+            <li><a href="https://www.plus-innovations.com">+innovations GmbH</a></li>
           </ul>
         </div>
       </div>
     </div>
-
   </footer>
 
   <script>

docs/v5changes.html

@@ -0,0 +1,153 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+  <!-- Required meta tags -->
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+  <!-- CSS -->
+  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
+  <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.15.1/css/all.css" integrity="sha384-9ZfPnbegQSumzaE7mks2IYgHoayLtuto3AS6ieArECeaR8nCfliJVuLh/GaQ1gyM" crossorigin="anonymous">
+  <link rel="stylesheet" href="roboto/css/roboto.css">
+  <link rel="stylesheet" href="styles.css">
+  <script src="main.js"></script>
+
+  <!-- Favicon -->
+  <link rel="icon" type="image/png" sizes="192x192" href="/assets/android-icon-192x192.png">
+  <link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon-32x32.png">
+  <link rel="icon" type="image/png" sizes="96x96" href="/assets/favicon-96x96.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon-16x16.png">
+
+  <title>systeminformation</title>
+
+</head>
+
+<body>
+  <nav class="nav">
+    <div class="container">
+      <a href="."><img class="logo float-left" src="assets/logo.png">
+        <div class="title float-left">systeminformation</div>
+      </a>
+      <div class="text float-right github"><a href="https://github.com/sebhildebrandt/systeminformation">View on Github <i class="fab fa-github"></i></a></div>
+      <div class="text float-right todocs"><a href="./#docs">Docs Overview</a></div>
+    </div>
+  </nav>
+
+  <section class="container">
+    <div class="row">
+      <div class="col-12 col-md-4 col-lg-3 col-xl-2 menu" id="menu">
+      </div>
+      <div class="col-12 col-md-8 col-lg-9 col-xl-10 content">
+        <div class="row">
+          <div class="col-12 sectionheader">
+            <div class="title">Major and Breaking Changes</div>
+            <div class="text">
+              <h3>Major Changes - Version 5</h3>
+              <h4>New Functions</h4>
+              <ul>
+                <li><span class="code">chassis()</span> chassis information</li>
+                <li><span class="code">vboxInfo()</span> detailed virtualBox VM information</li>
+                <li><span class="code">wifiNetworks()</span> detailed information about available wifi networks</li>
+              </ul>
+              <h4>Breaking Changes</h4>
+              <ul>
+                <li><span class="code">networkStats()</span>: will provide an <strong>array</strong> of stats for all given interfaces. In previous versions only one interface was provided as a parameter. Pass '*' for all interfaces</li>
+                <li><span class="code">networkStats()</span>: <span class="code">rx</span> and <span class="code">tx</span> changed to <span class="code">rx_bytes</span> and <span class="code">tx_bytes</span></li>
+                <li><span class="code">dockerContainerStats()</span> will provide an <strong>array</strong> of stats for all given docker containers. In previous versions only one interface was provided as a parameter. Pass '*' for all docker containers</li>
+              </ul>
+              <h4>Other Changes</h4>
+              <ul>
+                <li><span class="code">system()</span>: optimized system detection (e.g. new Raspberry Pi models, ...)</li>
+                <li><span class="code">system(), bios(), baseboard()</span>: information also as non-root (linux)</li>
+                <li><span class="code">graphics()</span>: added pip, pip3, virtualBox, </li>
+                <li><span class="code">versions()</span>: better controller and display detection, fixes</li>
+                <li><span class="code">networkInterfaces()</span>: optimization, fixes</li>
+                <li><span class="code">networkStats()</span> added <span class="code">operstate</span>, <span class="code">type</span>, <span class="code">duplex</span>, <span class="code">mtu</span>, <span class="code">speed</span>, <span class="code">carrierChanges</span></li>
+                <li>added TypeScript definitions </li>
+              </ul>
+              <p><strong>Be aware</strong>, that the new version 5.x is <strong>NOT fully backward compatible</strong> to version 4.x ...</p>
+
+              <h3>Major Changes - Version 4</h3>
+              <h4>New Functions</h4>
+              <ul>
+                <li><span class="code">chassis()</span> chassis information</li>
+                <li><span class="code">vboxInfo()</span> detailed virtualBox VM information</li>
+                <li><span class="code">wifiNetworks()</span> detailed information about available wifi networks</li>
+              </ul>
+              <h4>Breaking Changes</h4>
+              <ul>
+                <li><span class="code">networkStats()</span>: will provide an <strong>array</strong> of stats for all given interfaces. In previous versions only one interface was provided as a parameter. Pass '*' for all interfaces</li>
+                <li><span class="code">networkStats()</span>: <span class="code">rx</span> and <span class="code">tx</span> changed to <span class="code">rx_bytes</span> and <span class="code">tx_bytes</span></li>
+                <li><span class="code">dockerContainerStats()</span> will provide an <strong>array</strong> of stats for all given docker containers. In previous versions only one interface was provided as a parameter. Pass '*' for all docker containers</li>
+              </ul>
+              <h4>Other Changes</h4>
+              <ul>
+                <li><span class="code">system()</span>: optimized system detection (e.g. new Raspberry Pi models, ...)</li>
+                <li><span class="code">system(), bios(), baseboard()</span>: information also as non-root (linux)</li>
+                <li><span class="code">graphics()</span>: added pip, pip3, virtualBox, </li>
+                <li><span class="code">versions()</span>: better controller and display detection, fixes</li>
+                <li><span class="code">networkInterfaces()</span>: optimization, fixes</li>
+                <li><span class="code">networkStats()</span> added <span class="code">operstate</span>, <span class="code">type</span>, <span class="code">duplex</span>, <span class="code">mtu</span>, <span class="code">speed</span>, <span class="code">carrierChanges</span></li>
+                <li>added TypeScript definitions </li>
+              </ul>
+              <p><strong>Be aware</strong>, that the new version 4.x is <strong>NOT fully backward compatible</strong> to version 3.x ...</p>
+              <h3>Major Changes - Version 3</h3>
+              <ul>
+                <li>works only with <span class="code">node.js</span> v4.0.0 and above (using now internal ES6 promise function, arrow functions, ...)</li>
+                <li><strong>Promises</strong>. As you can see in the documentation, you can now also use it in a promise oriented way. But callbacks are still supported.</li>
+                <li><strong>Async/Await</strong>. Due to the promises support, systeminformation also works perfectly with the `async/await` pattern (available in <span class="code">node.js</span> <strong>v7.6.0</strong> and above). See example in the docs.</li>
+              </ul>
+              <h3>Full version history</h3>
+              <p>Full version histrory can be <a href="history.html">viewed here</a></p>
+
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    </div>
+  </section>
+  <footer class="container-fluid">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-4 col-12">
+          <ul class="list-unstyled">
+            <li><a href="." class="medium home">Home</a></li>
+            <li>&nbsp;</li>
+            <li><a href="security.html">Security Advisories&nbsp;&nbsp;<i class="fas fa-shield-check"></i></a></li>
+            <li><a href="https://github.com/sebhildebrandt/systeminformation">Github <i class="fab fa-github"></i></a></li>
+            <li><a href="https://buymeacoff.ee/systeminfo" class="medium badge bg-primary"><i class="fas fa-coffee"></i>&nbsp;&nbsp;Buy me a coffee</a></li>
+          </ul>
+        </div>
+        <div class="col-lg-4 col-12">
+          <ul class="list-unstyled">
+            <li><a href="gettingstarted.html">Quick Start</a></li>
+            <li><a href="v5changes.html">Version 5 Changes</a></li>
+            <li><a href="history.html">Full Version history</a></li>
+            <li><a href="issues.html">Known Issues</a></li>
+            <li><a href="statsfunctions.html">Stats Functions</a></li>
+          </ul>
+        </div>
+        <div class="col-lg-4 col-12">
+          <ul class="list-unstyled">
+            <li><a href="contributors.html">Contributors</a></li>
+            <li><a href="trademarks.html">Trademarks</a></li>
+            <li><a href="copyright.html">Copyright &amp; License&nbsp;&nbsp;<img src="https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square" alt="MIT license" /></a></li>
+            <li><a href="https://www.plus-innovations.com">&copy; 2021 Sebastian Hildebrandt</a></li>
+            <li><a href="https://www.plus-innovations.com">+innovations GmbH</a></li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  </footer>
+
+  <script>
+    window.onload = function (e) {
+      createMenu();
+    }
+  </script>
+
+</body>
+
+</html>

docs/vbox.html

@@ -8,7 +8,8 @@
 
   <!-- CSS -->
   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
-  <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-LRlmVvLKVApDVGuspQFnRQJjkv0P7/YFrw84YYQtmYG4nK8c+M+NlmYDCv0rKWpG" crossorigin="anonymous">
+  <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.15.1/css/all.css" integrity="sha384-9ZfPnbegQSumzaE7mks2IYgHoayLtuto3AS6ieArECeaR8nCfliJVuLh/GaQ1gyM" crossorigin="anonymous">
+  <link rel="stylesheet" href="roboto/css/roboto.css">
   <link rel="stylesheet" href="styles.css">
   <script src="main.js"></script>
 
@@ -449,31 +450,33 @@
       <div class="row">
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
-            <li><a href=".">Home</a></li>
+            <li><a href="." class="medium home">Home</a></li>
+            <li>&nbsp;</li>
+            <li><a href="security.html">Security Advisories&nbsp;&nbsp;<i class="fas fa-shield-check"></i></a></li>
             <li><a href="https://github.com/sebhildebrandt/systeminformation">Github <i class="fab fa-github"></i></a></li>
-            <li><a href="contributors.html">Contributors</a></li>
+            <li><a href="https://buymeacoff.ee/systeminfo" class="medium badge bg-primary"><i class="fas fa-coffee"></i>&nbsp;&nbsp;Buy me a coffee</a></li>
-            <li><a href="https://buymeacoff.ee/systeminfo">Buy me a coffee</a></li>
           </ul>
         </div>
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
             <li><a href="gettingstarted.html">Quick Start</a></li>
+            <li><a href="v5changes.html">Version 5 Changes</a></li>
+            <li><a href="history.html">Full Version history</a></li>
             <li><a href="issues.html">Known Issues</a></li>
             <li><a href="statsfunctions.html">Stats Functions</a></li>
-            <li><a href="history.html">Version history</a></li>
           </ul>
         </div>
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
-            <li><a href="https://www.plus-innovations.com">&copy; 2021 Sebastian Hildebrandt, +innovations</a></li>
+            <li><a href="contributors.html">Contributors</a></li>
-            <li><a href="copyright.html">Copyright &amp; License</a></li>
             <li><a href="trademarks.html">Trademarks</a></li>
-            <li><a href="https://github.com/sebhildebrandt/systeminformation/blob/master/LICENSE"><img src="https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square" alt="MIT license" /></a></li>
+            <li><a href="copyright.html">Copyright &amp; License&nbsp;&nbsp;<img src="https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square" alt="MIT license" /></a></li>
+            <li><a href="https://www.plus-innovations.com">&copy; 2021 Sebastian Hildebrandt</a></li>
+            <li><a href="https://www.plus-innovations.com">+innovations GmbH</a></li>
           </ul>
         </div>
       </div>
     </div>
-
   </footer>
 
   <script>

docs/wifi.html

@@ -8,7 +8,8 @@
 
   <!-- CSS -->
   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
-  <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-LRlmVvLKVApDVGuspQFnRQJjkv0P7/YFrw84YYQtmYG4nK8c+M+NlmYDCv0rKWpG" crossorigin="anonymous">
+  <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.15.1/css/all.css" integrity="sha384-9ZfPnbegQSumzaE7mks2IYgHoayLtuto3AS6ieArECeaR8nCfliJVuLh/GaQ1gyM" crossorigin="anonymous">
+  <link rel="stylesheet" href="roboto/css/roboto.css">
   <link rel="stylesheet" href="styles.css">
   <script src="main.js"></script>
 
@@ -226,31 +227,33 @@ si.wifiNetworks().then(data => console.log(data));</code></pre class="example">
       <div class="row">
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
-            <li><a href=".">Home</a></li>
+            <li><a href="." class="medium home">Home</a></li>
+            <li>&nbsp;</li>
+            <li><a href="security.html">Security Advisories&nbsp;&nbsp;<i class="fas fa-shield-check"></i></a></li>
             <li><a href="https://github.com/sebhildebrandt/systeminformation">Github <i class="fab fa-github"></i></a></li>
-            <li><a href="contributors.html">Contributors</a></li>
+            <li><a href="https://buymeacoff.ee/systeminfo" class="medium badge bg-primary"><i class="fas fa-coffee"></i>&nbsp;&nbsp;Buy me a coffee</a></li>
-            <li><a href="https://buymeacoff.ee/systeminfo">Buy me a coffee</a></li>
           </ul>
         </div>
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
             <li><a href="gettingstarted.html">Quick Start</a></li>
+            <li><a href="v5changes.html">Version 5 Changes</a></li>
+            <li><a href="history.html">Full Version history</a></li>
             <li><a href="issues.html">Known Issues</a></li>
             <li><a href="statsfunctions.html">Stats Functions</a></li>
-            <li><a href="history.html">Version history</a></li>
           </ul>
         </div>
         <div class="col-lg-4 col-12">
           <ul class="list-unstyled">
-            <li><a href="https://www.plus-innovations.com">&copy; 2021 Sebastian Hildebrandt, +innovations</a></li>
+            <li><a href="contributors.html">Contributors</a></li>
-            <li><a href="copyright.html">Copyright &amp; License</a></li>
             <li><a href="trademarks.html">Trademarks</a></li>
-            <li><a href="https://github.com/sebhildebrandt/systeminformation/blob/master/LICENSE"><img src="https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square" alt="MIT license" /></a></li>
+            <li><a href="copyright.html">Copyright &amp; License&nbsp;&nbsp;<img src="https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square" alt="MIT license" /></a></li>
+            <li><a href="https://www.plus-innovations.com">&copy; 2021 Sebastian Hildebrandt</a></li>
+            <li><a href="https://www.plus-innovations.com">+innovations GmbH</a></li>
           </ul>
         </div>
       </div>
     </div>
-
   </footer>
 
   <script>

lib/printer.js

@@ -49,8 +49,8 @@ function parseLinuxCupsPrinter(lines) {
   result.model = lines.length > 0 && lines[0] ? lines[0].split(' ')[0] : '';
   result.uri = util.getValue(lines, 'DeviceURI', ' ');
   result.uuid = util.getValue(lines, 'UUID', ' ');
-  result.local = util.getValue(lines, 'Location', ' ').toLowerCase().startsWith('local');
   result.status = util.getValue(lines, 'State', ' ');
+  result.local = util.getValue(lines, 'Location', ' ').toLowerCase().startsWith('local');
   result.default = null;
   result.shared = util.getValue(lines, 'Shared', ' ').toLowerCase().startsWith('yes');
 
@@ -64,8 +64,8 @@ function parseLinuxLpstatPrinter(lines, id) {
   result.model = lines.length > 0 && lines[0] ? lines[0].split(' ')[0] : '';
   result.uri = null;
   result.uuid = null
-  result.local = util.getValue(lines, 'Location', ':', true).toLowerCase().startsWith('local');
   result.status = lines.length > 0 && lines[0] ? (lines[0].indexOf(' idle') > 0 ? 'idle' : (lines[0].indexOf(' printing') > 0 ? 'printing' : 'unknown')) : null
+  result.local = util.getValue(lines, 'Location', ':', true).toLowerCase().startsWith('local');
   result.default = null;
   result.shared = util.getValue(lines, 'Shared', ' ').toLowerCase().startsWith('yes');
 
@@ -80,8 +80,8 @@ function parseDarwinPrinters(printerObject, id) {
   result.model = uriParts.length ? uriParts[uriParts.length - 1] : '';
   result.uri = printerObject.uri;
   result.uuid = null
-  result.local = printerObject.printserver === 'local';
   result.status = printerObject.status;
+  result.local = printerObject.printserver === 'local';
   result.default = printerObject.default === 'yes';
   result.shared = printerObject.shared === 'yes';