fix typescript typings, code cleanup, docs updated

docs/v4/index.html

@@ -39,7 +39,7 @@
           600,
           'easeOutQuad',
           function () {
-            console.log('READY')
+            console.log('READY');
           }
         );
       });
@@ -77,7 +77,7 @@
         loop: false,
         backDelay: 1200,
 
-      }
+      };
       var typed = new Typed('#typed', options);
     }
     function scrollIt(destination, duration = 200, easing = 'linear', callback) {
@@ -166,7 +166,7 @@
   <header class="bg-image-full">
     <div class="container">
       <a href="security.html" class="recommendation">Security advisory:<br>Update to v4.34.21</a>
-      <img class="logo" src="assets/logo.png">
+      <img class="logo" src="assets/logo.png" alt="logo">
       <div class="title">systeminformation </div>
       <div class="subtitle"><span id="typed"></span>&nbsp;</div>
       <div class="version larger">Version 4 documentation</div>

docs/v4/styles.css

@@ -2,7 +2,7 @@ body {
   font-family: -apple-system, BlinkMacSystemFont, "segoe ui", Roboto, Helvetica, Arial, sans-serif, "apple color emoji", "segoe ui emoji", "segoe ui symbol";
   font-weight: 300;
   min-height: 100%;
-  background-color: #59351e;
+  background-color: rgb(89, 53, 30);
 }
 
 h1,
@@ -23,30 +23,37 @@ h4 {
 
 .warning {
   font-weight: 500;
-  color: #9c0101;
+  color: rgb(156, 1, 1);
 }
 
 .container-fluid {
-  background-color: white;
+  background-color: rgb(255, 255, 255);
   padding-bottom: 30px;
 }
 
 .bg-image-full {
   background: no-repeat center center scroll;
-  background-color: #4b2313;
-  /* For browsers that do not support gradients */
-  background-image: linear-gradient(210deg, #4b2313, #2c0c0a);
-  /* Standard syntax (must be last) */
+  background-color: #4b2313; /* For browsers that do not support gradients */
+  background-image: linear-gradient(210deg, #4b2313, #2c0c0a); /* Standard syntax (must be last) */
   background-size: cover;
   -o-background-size: cover;
   height: 100vh;
-  height: calc(var(--vh, 1vh) * 100);
   opacity: 0.95;
   display: flex;
   justify-content: center;
   text-align: center;
   flex-direction: column;
 }
+@media only screen and (min-height: 1100px) {
+  .bg-image-full {
+    max-height: 900px;
+  }
+}
+@media only screen and (min-height: 1900px) {
+  .bg-image-full {
+    max-height: 1260px;
+  }
+}
 .bg-image-full .container {
   text-align: center;
   align-self: center;
@@ -67,7 +74,7 @@ h4 {
   padding: 0.25em 0;
   color: white;
   transform: rotate(45deg);
-  background: #971d1d;
+  background: rgb(151, 29, 29);
   font-size: 0.9rem;
 }
 @media only screen and (min-width: 420px) {
@@ -95,15 +102,21 @@ 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) {
   .bg-image-full .title {
     font-size: 2.4rem;
   }
 }
-@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;
   }
 }
 @media only screen and (min-width: 1024px) {
@@ -111,6 +124,16 @@ h4 {
     font-size: 4rem;
   }
 }
+@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;
 }
@@ -119,7 +142,7 @@ h4 {
     width: 120px;
   }
 }
-@media only screen and (min-width: 768px) {
+@media only screen and (min-width: 767px) {
   .bg-image-full .logo {
     width: 160px;
   }
@@ -129,6 +152,11 @@ h4 {
     width: 200px;
   }
 }
+@media only screen and (min-width: 1900px) {
+  .bg-image-full .logo {
+    width: 250px;
+  }
+}
 .bg-image-full .subtitle {
   text-align: center;
   color: #bbb;
@@ -144,7 +172,7 @@ h4 {
     font-size: 1rem;
   }
 }
-@media only screen and (min-width: 768px) {
+@media only screen and (min-width: 767px) {
   .bg-image-full .subtitle {
     font-size: 1.1rem;
   }
@@ -154,6 +182,16 @@ h4 {
     font-size: 1.3rem;
   }
 }
+@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;
@@ -173,7 +211,7 @@ h4 {
     font-size: 1rem;
   }
 }
-@media only screen and (min-width: 768px) {
+@media only screen and (min-width: 767px) {
   .bg-image-full .text > a {
     font-size: 1rem;
   }
@@ -183,6 +221,16 @@ h4 {
     font-size: 1.1rem;
   }
 }
+@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;
@@ -204,6 +252,16 @@ h4 {
     font-size: 1.1rem;
   }
 }
+@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;
@@ -218,10 +276,8 @@ h4 {
 
 .nav {
   background: no-repeat center center scroll;
-  background-color: #4b2313;
-  /* For browsers that do not support gradients */
-  background-image: linear-gradient(210deg, #4b2313, #2c0c0a);
-  /* Standard syntax (must be last) */
+  background-color: #4b2313; /* For browsers that do not support gradients */
+  background-image: linear-gradient(210deg, #4b2313, #2c0c0a); /* Standard syntax (must be last) */
   background-size: cover;
   -o-background-size: cover;
   height: 65px;
@@ -320,10 +376,10 @@ h4 {
 }
 .features .inner:hover {
   background: #f4f4f4;
-  color: #567adf;
+  color: rgb(86, 122, 223);
 }
 .features .inner:hover .icons {
-  color: #567adf;
+  color: rgb(86, 122, 223);
 }
 
 .sectionheader .title {
@@ -424,7 +480,7 @@ h4 {
 }
 .index a:hover {
   text-decoration: none;
-  color: #567adf;
+  color: rgb(86, 122, 223);
 }
 
 .left .text,
@@ -494,7 +550,7 @@ ul {
   text-decoration: none;
 }
 .menu .title a:hover {
-  color: #567adf;
+  color: rgb(86, 122, 223);
 }
 .menu hr {
   margin: 5px 0;
@@ -513,10 +569,10 @@ ul {
   text-decoration: none;
 }
 .menu ul li a:hover {
-  color: #567adf;
+  color: rgb(86, 122, 223);
 }
 .menu ul li.active > a {
-  color: #567adf;
+  color: rgb(86, 122, 223);
 }
 
 .code {
@@ -583,5 +639,5 @@ pre {
 }
 
 .v5 {
-  color: #567adf;
+  color: rgb(86, 122, 223);
 }/*# sourceMappingURL=styles.css.map */

docs/v4/styles.css.map

@@ -1 +1 @@
-{"version":3,"sources":["styles.scss"],"names":[],"mappings":"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","file":"styles.css"}
+{"version":3,"sources":["styles.scss","styles.css"],"names":[],"mappings":"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","file":"styles.css"}

docs/v4/styles.scss

@@ -37,8 +37,15 @@ h4 {
   background-size: cover;
   -o-background-size: cover;
   height: 100vh; //calc(100vh);
-  height: calc(var(--vh, 1vh) * 100);
-  opacity: 0.95;
+  // height: calc(var(--vh, 1vh) * 100);
+
+  @media only screen and (min-height: 1100px) {
+    max-height: 900px;
+  }
+
+  @media only screen and (min-height: 1900px) {
+    max-height: 1260px;
+  }  opacity: 0.95;
   display: flex;
   justify-content: center;
   text-align: center;
@@ -87,81 +94,144 @@ 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) {
-      font-size: 3.2rem;
+
+    @media only screen and (min-width: 767px) {
+      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;
     color: #bbb;
     font-size: 0.78rem;
+
     @media only screen and (min-width: 375px) {
       font-size: 0.9rem;
     }
+
     @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>a {
     text-align: center;
     color: #fff;
     font-size: 0.9rem;
+
     &:hover {
       color: #aaa;
       text-decoration: none;
     }
+
     @media only screen and (min-width: 375px) {
       font-size: 0.9rem;
     }
+
     @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;
     margin-bottom: 10px;
     color: #fff;
     font-size: 0.9rem;
+
     @media only screen and (min-width: 420px) {
       font-size: 0.9rem;
     }
+
     @media only screen and (min-width: 768px) {
       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;
+    }
   }
+
   .down {
     text-align: center;
     color: #fff;
@@ -169,6 +239,7 @@ h4 {
     line-height: 1;
     margin-bottom: 15px;
     cursor: pointer;
+
     .caret {
       font-size: 3rem;
     }