TravisCI removed, ZEIT added

angular.json

@@ -31,10 +31,12 @@
           },
           "configurations": {
             "production": {
-              "fileReplacements": [{
-                "replace": "src/environments/environment.ts",
-                "with": "src/environments/environment.prod.ts"
-              }],
+              "fileReplacements": [
+                {
+                  "replace": "src/environments/environment.ts",
+                  "with": "src/environments/environment.prod.ts"
+                }
+              ],
               "optimization": true,
               "outputHashing": "all",
               "sourceMap": false,
@@ -44,11 +46,13 @@
               "extractLicenses": true,
               "vendorChunk": false,
               "buildOptimizer": true,
-              "budgets": [{
-                "type": "initial",
-                "maximumWarning": "2mb",
-                "maximumError": "5mb"
-              }]
+              "budgets": [
+                {
+                  "type": "initial",
+                  "maximumWarning": "2mb",
+                  "maximumError": "5mb"
+                }
+              ]
             }
           }
         },
@@ -110,9 +114,12 @@
               "devServerTarget": "video-gamer:serve:production"
             }
           }
+        },
+        "deploy": {
+          "builder": "@zeit/ng-deploy:deploy"
         }
       }
     }
   },
   "defaultProject": "video-gamer"
-}
+}

src/app/app.component.css

@@ -0,0 +1,3 @@
+.light-text {
+  font-weight: 100 !important;
+}

src/app/modules/home/components/home/home.component.css

@@ -0,0 +1,3 @@
+.light-text {
+  font-weight: 100 !important;
+}

src/app/modules/home/components/home/home.component.html

@@ -1,6 +1,6 @@
 <mat-grid-list cols="2" rowHeight="2:1">
   <mat-grid-tile>
-    <h1>Welcome to VideoGamer</h1>
+    <h1 class="light-text">Welcome to VideoGamer</h1>
   </mat-grid-tile>
   <mat-grid-tile>2</mat-grid-tile>
 </mat-grid-list>

src/app/modules/shared-components/components/footer/footer.component.css

@@ -1,3 +1,7 @@
 .text-center {
   text-align: center !important;
 }
+
+.light-text {
+  font-weight: 100 !important;
+}

src/app/modules/shared-components/components/footer/footer.component.html

@@ -1,3 +1,3 @@
 <mat-toolbar color="primary">
-  <small class="text-center">Copyright 2019 &copy; Stefan Bogdanovic</small>
+  <small class="text-center light-text">Copyright 2019 &copy; Stefan Bogdanovic</small>
 </mat-toolbar>

src/app/modules/shared-components/components/header/header.component.css

@@ -7,3 +7,7 @@
 .nav-link {
   color: whitesmoke;
 }
+
+.light-text {
+  font-weight: 100 !important;
+}

src/app/modules/shared-components/components/header/header.component.html

@@ -1,12 +1,12 @@
 <mat-toolbar color="primary">
-  <span [routerLink]="">VideoGamer</span>
+  <span class="light-text">VideoGamer</span>
 
   <span class="example-fill-remaining-space"></span>
 
   <span>
     <nav mat-tab-nav-bar>
       <button mat-button *ngFor="let link of links" [routerLink]="link.path" routerLinkActive #rla="routerLinkActive"
-        class="nav-link">
+        class="nav-link light-text">
         {{ link.name }}
       </button>
     </nav>

src/app/modules/shared-components/components/loading-spinner/loading-spinner.component.html

@@ -1,4 +1,8 @@
 <div *ngIf="loading">
-  <app-fingerprint-spinner [animationDuration]="1000" [size]="100" [color]="'#ff1d5e'">
-  </app-fingerprint-spinner>
+  <mat-grid-list cols="1" rowHeight="100">
+    <mat-grid-tile>
+      <app-fingerprint-spinner [animationDuration]="1000" [size]="100" [color]="'#ff1d5e'">
+      </app-fingerprint-spinner>
+    </mat-grid-tile>
+  </mat-grid-list>
 </div>

src/app/modules/shared-components/components/loading-spinner/loading-spinner.component.ts

@@ -7,7 +7,7 @@ import { Component, OnInit, Input } from '@angular/core';
 })
 export class LoadingSpinnerComponent implements OnInit {
   @Input()
-  loading: boolean;
+  loading = true;
 
   constructor() {}