chore(release): bump version number to 1.2.0

Author: AnthonyNahas

CHANGELOG.md

@@ -1,3 +1,13 @@
+<a name="1.2.0"></a>
+# [1.2.0](https://github.com/anthonynahas/ngx-material-pages/compare/v1.1.6...v1.2.0) (2018-04-16)
+
+
+### Bug Fixes
+
+* **ngx-material-pages:** replaced ng-deep with internal manipulation with renderer2 ([51c75dc](https://github.com/anthonynahas/ngx-material-pages/commit/51c75dc))
+
+
+
 <a name="1.1.6"></a>
 ## [1.1.6](https://github.com/anthonynahas/ngx-material-pages/compare/v1.1.5...v1.1.6) (2018-04-15)
 

README.md

@@ -155,6 +155,10 @@ This library consists of 4 essential components.
   </ngx-material-pages>
 ```
 
+## Other Angular Libraries
+- [ngx-auth-firebaseui](https://github.com/AnthonyNahas/ngx-auth-firebaseui)
+- [ngx-material-password-strength](https://github.com/AnthonyNahas/ngx-material-password-strength)
+
 ## Support
 Drop an email to: [Anthony Nahas](mailto:[email protected]) and I will help you!
 

demo/src/app/getting-started/getting-started.component.html

@@ -535,10 +535,77 @@ <h1>Getting Started</h1>
           </mat-card>
         </ngx-material-page-content>
       </ngx-material-page-loader>
+
+      <!--8-->
       <ngx-material-page-loader>
-        <ngx-material-page-outlook title="Run demo locally"></ngx-material-page-outlook>
+        <ngx-material-page-outlook title="Run demo locally">
+          <img style="width: 50px; height: 50px" src="../../assets/icons/github.svg">
+        </ngx-material-page-outlook>
         <ngx-material-page-content>
-          <mat-card-title>Interested </mat-card-title>
+          <mat-card-title-group><a href="https://github.com/AnthonyNahas/ngx-material-pages"
+                                   mat-button
+                                   color="primary">Clone the repo</a></mat-card-title-group>
+          <mat-card-title>Interested? Try it out on your machine
+          </mat-card-title>
+          <div class="comment-container">
+            <p>Clone this repo by running this following command</p>
+          </div>
+          <div fxLayout="row" fxLayoutAlign="space-between">
+                 <pre><code highlight
+                            [code]="'git clone https://github.com/AnthonyNahas/ngx-material-pages.git'"></code></pre>
+            <button mat-icon-button
+                    ngxClipboard
+                    [cbContent]="'git clone https://github.com/AnthonyNahas/ngx-material-pages.git'"
+                    matTooltip="copy"
+                    (click)="showCopyMessage('git clone https://github.com/AnthonyNahas/ngx-material-pages.git')">
+              <mat-icon aria-label="copy content" class="mat-18">content_copy</mat-icon>
+            </button>
+          </div>
+          <div class="comment-container">
+            <p>navigate to the demo directory</p>
+          </div>
+          <div fxLayout="row" fxLayoutAlign="space-between">
+                 <pre><code highlight
+                            [code]="'$ cd demo'"></code></pre>
+            <button mat-icon-button
+                    ngxClipboard
+                    [cbContent]="'cd demo'"
+                    matTooltip="copy"
+                    (click)="showCopyMessage('cd demo')">
+              <mat-icon aria-label="copy content" class="mat-18">content_copy</mat-icon>
+            </button>
+          </div>
+          <div class="comment-container">
+            <p>install the dependencies</p>
+          </div>
+          <div fxLayout="row" fxLayoutAlign="space-between">
+                 <pre><code highlight
+                            [code]="'$ npm i'"></code></pre>
+            <button mat-icon-button
+                    ngxClipboard
+                    [cbContent]="'npm i'"
+                    matTooltip="copy"
+                    (click)="showCopyMessage('npm i')">
+              <mat-icon aria-label="copy content" class="mat-18">content_copy</mat-icon>
+            </button>
+          </div>
+          <div class="comment-container">
+            <p>start the app</p>
+          </div>
+          <div fxLayout="row" fxLayoutAlign="space-between">
+                 <pre><code highlight
+                            [code]="'$ ng serve --open'"></code></pre>
+            <button mat-icon-button
+                    ngxClipboard
+                    [cbContent]="'ng serve --open'"
+                    matTooltip="copy"
+                    (click)="showCopyMessage('ng serve --open')">
+              <mat-icon aria-label="copy content" class="mat-18">content_copy</mat-icon>
+            </button>
+          </div>
+          <div class="comment-container">
+            <p>the app is now hosted on http://localhost:4200/</p>
+          </div>
         </ngx-material-page-content>
       </ngx-material-page-loader>
     </ngx-material-pages>

demo/src/assets/icons/github.svg

@@ -1,7 +1,7 @@
 {
   "name": "ngx-material-pages",
   "description": "Open source library for angular apps to illustrate custom material pages content with steps (ideal for tutorials and explanation purposes)",
-  "version": "1.1.6",
+  "version": "1.2.0",
   "homepage": "https://github.com/anthonynahas/ngx-material-pages",
   "author": {
     "name": "anthonynahas",