chore(): update sponsors

angular.json

@@ -27,7 +27,8 @@
               "src/_redirects"
             ],
             "styles": [
-              "src/styles.scss"
+              "src/styles.scss",
+              "src/assets/css/perfect-scrollbar.min.css"
             ]
           },
           "configurations": {

package.json

@@ -5,8 +5,8 @@
   "scripts": {
     "ng": "ng",
     "prestart": "npm run docs",
-    "start": "ng serve --source-map=false",
-    "start:watch": "ng serve --source-map=false --watch",
+    "start": "ng serve",
+    "start:watch": "ng serve --watch",
     "prebuild": "npm run docs",
     "build": "ng build --deleteOutputPath=false",
     "build:watch": "concurrently \"nodemon --config nodemon.json\" \"npm run start:watch\"",

src/app/homepage/homepage.component.html

@@ -29,7 +29,7 @@ <h4 class="title">Principal Sponsors</h4>
             <a href="https://trilon.io/" target="_blank" class="logo-sponsor-container">
               <img
                 src="/assets/sponsors/trilon.svg"
-                alt="Trilon Logo"
+                alt="Trilon Logo" 
                 class="logo-sponsor"
               />
             </a>
@@ -51,6 +51,13 @@ <h4 class="title">Principal Sponsors</h4>
                 class="logo-sponsor logo-sponsor--slim"
               />
             </a>
+            <a href="https://valor-software.com/" target="_blank" class="logo-sponsor-container">
+              <img
+                src="/assets/sponsors/valor-software.png"
+                alt="Valor Software Logo"
+                class="logo-sponsor logo-sponsor--high"
+              />
+            </a>
           </div>
           <div class="inline-column">
             <h4 class="title">Sponsors / Partners</h4>

src/app/homepage/homepage.component.scss

@@ -174,7 +174,7 @@
     display: inline-block;
     margin-top: 10px;
     margin-right: 15px;
-    margin-bottom: 10px;
+    margin-bottom: 5px;
 
     &:last-of-type {
       margin-right: 0;
@@ -198,6 +198,10 @@
     }
   }
 
+  .logo-sponsor--high {
+    width: 160px;
+  }
+
   .logo-sponsor--slim {
     width: auto;
     max-height: 40px;

src/app/homepage/pages/microservices/custom-transport/custom-transport.component.html

@@ -197,8 +197,8 @@ <h4 appAnchor id="message-serialization"><span>Message serialization</span></h4>
 <p>If you need to add some custom logic around the serialization of responses on the client side, you can use a custom class that extends the <code>ClientProxy</code> class or one of its child classes. For modifying successful requests you can override the <code>serializeResponse</code> method, and for modifying any errors that go through this client you can override the <code>serializeError</code> method. To make use of this custom class, you can pass the class itself to the <code>ClientsModule.register()</code> method using the <code>customClass</code> property. Below is an example of a custom <code>ClientProxy</code> that serializes each error into an <code>RpcException</code>.</p>
 
 <span class="filename">
-  {{ 'error-handling.proxy' | extension: app2263b3d96154c591a9c54ebbdf6146bd75db55d7.isJsActive }}
-<app-tabs #app2263b3d96154c591a9c54ebbdf6146bd75db55d7></app-tabs>
+  {{ 'error-handling.proxy' | extension: appb343ba56a963d2bc961042780358b44371c1ecc0.isJsActive }}
+<app-tabs #appb343ba56a963d2bc961042780358b44371c1ecc0></app-tabs>
 </span><pre><code class="language-typescript">
 import &#123; ClientTcp, RpcException &#125; from &#39;@nestjs/microservices&#39;;
 
@@ -210,8 +210,8 @@ <h4 appAnchor id="message-serialization"><span>Message serialization</span></h4>
 </code></pre><p>and then use it in the <code>ClientsModule</code> like so:</p>
 
 <span class="filename">
-  {{ 'app.module' | extension: appb7972fa52d3b14a2039a636aee226e523fca8eed.isJsActive }}
-<app-tabs #appb7972fa52d3b14a2039a636aee226e523fca8eed></app-tabs>
+  {{ 'app.module' | extension: appc88071ee33e5634ca2bdf05d50d563b297044a88.isJsActive }}
+<app-tabs #appc88071ee33e5634ca2bdf05d50d563b297044a88></app-tabs>
 </span><pre><code class="language-typescript">
 @Module(&#123;
   imports: [

src/index.html

@@ -70,7 +70,6 @@
       defer
       src="https://use.fontawesome.com/releases/v5.0.8/js/all.js"
     ></script>
-    <link href="assets/css/perfect-scrollbar.min.css" rel="stylesheet" />
     <link href="https://cdn.carbonads.com" rel="preconnect" crossorigin>
     <link href="https://cdn.jsdelivr.net" rel="preconnect" crossorigin>
     <link

src/scss/utils.scss

@@ -135,7 +135,6 @@ $screen-xlarge: 'only screen and (max-width: 1349px)';
 
 /* CLEARFIX */
 %clearfix {
-  *zoom: 1;
   &:before,
   &:after {
     content: ' ';