docs: #BlackLivesMatter

Author: d3lm

package.json

@@ -18,6 +18,9 @@
     "format:check": "npm run format:base -- --list-different",
     "format:fix": "npm run format:base -- --write"
   },
+  "engines": {
+    "node": "11.15.0"
+  },
   "husky": {
     "hooks": {
       "commit-msg": "commitlint --env HUSKY_GIT_PARAMS",

src/app/projects/projects-view/projects-view.component.html

@@ -1,4 +1,6 @@
-<ac-toolbar> <ac-toolbar-logo></ac-toolbar-logo> </ac-toolbar>
+<ac-toolbar>
+  <ac-toolbar-logo></ac-toolbar-logo>
+</ac-toolbar>
 <main>
   <div class="projects-header">
     <div class="welcome-wrapper">
@@ -16,7 +18,7 @@ <h5>Your Projects</h5>
         <mat-icon>add</mat-icon>
         Add Project
       </mat-card>
-      <mat-card (click)="navigateToProject(project.id)" *ngFor="let project of (projects$ | async)">
+      <mat-card (click)="navigateToProject(project.id)" *ngFor="let project of projects$ | async">
         <div class="card-ripple" matRipple></div>
         <mat-card-content>
           <h2 class="project-name">{{ project.name }}</h2>

src/app/shared/dropdown/dropdown.component.scss

@@ -33,6 +33,9 @@
   }
 
   .mat-select-trigger {
+    display: flex;
+    align-items: center;
+    height: 35px;
     padding: 0px 10px;
   }
 

src/app/shared/toolbar/toolbar.component.html

@@ -1 +1,6 @@
-<mat-toolbar> <ng-content></ng-content> </mat-toolbar>
+<mat-toolbar>
+  <ng-content></ng-content>
+</mat-toolbar>
+<div class="black-lives-matter">
+  Black Lives Matter.
+</div>

src/app/shared/toolbar/toolbar.component.scss

@@ -0,0 +1,13 @@
+@import '../../../scss/variables';
+@import '~@angular/material/theming';
+
+.black-lives-matter {
+  font-weight: 100;
+  background: #25292c;
+  padding: 16px;
+  color: white;
+
+  a {
+    color: mat-color($accent, 1);
+  }
+}

src/scss/black-lives-matter.scss

@@ -0,0 +1,11 @@
+mat-toolbar {
+  &.mat-toolbar {
+    background: #03070b !important;
+    color: white !important;
+
+    ac-dropdown {
+      background: white;
+      border-color: white;
+    }
+  }
+}

src/scss/theme.scss

@@ -1,3 +1,4 @@
 @import './variables';
+@import './black-lives-matter';
 
 @include angular-material-theme($app-theme);

tools/utils.ts

@@ -60,7 +60,7 @@ export const buildChecklist = async contentFolder => {
 };
 
 export const extractFrontMatter = (filePath: string): FrontMatter => {
-  return matter(readFileSync(filePath)) as FrontMatter;
+  return (matter(readFileSync(filePath)) as unknown) as FrontMatter;
 };
 
 export const compileFilesForCategory = (files: Array<string>, category: string, categoryPath: string) => {