feat(demo): add logo

tomastrajan · tomastrajan · commit 34e885764210 · 2019-07-15T14:03:02.000+02:00
diff --git a/README.md b/README.md
@@ -1,3 +1,5 @@
+![](https://raw.githubusercontent.com/angular-extensions/elements/master/projects/elements-demo/src/assets/logo/github.svg)
+
 # Angular Elements - @angular-extensions/elements
 
 by [@tomastrajan](https://twitter.com/tomastrajan)
diff --git a/projects/elements-demo/src/app/core/layout/toolbar/toolbar.component.html b/projects/elements-demo/src/app/core/layout/toolbar/toolbar.component.html
@@ -9,7 +9,16 @@
       navOpened ? 'close' : 'menu'
     }}</mat-icon>
   </button>
-  <span>@angular-extensions/elements</span>
+
+  <a mat-icon-button routerLink="home">
+    <mat-icon
+      inline
+      svgIcon="logo"
+      aria-hidden="false"
+      aria-label="@angular-extensions/elements"
+    ></mat-icon>
+  </a>
+  <span class="project-name">@angular-extensions/elements</span>
 
   <span class="spacer"></span>
   <ng-container *ngIf="(isSmallScreen | async) === false">
diff --git a/projects/elements-demo/src/app/core/layout/toolbar/toolbar.component.scss b/projects/elements-demo/src/app/core/layout/toolbar/toolbar.component.scss
@@ -1,3 +1,7 @@
+.project-name {
+  padding: 0 0 0 10px;
+}
+
 .spacer {
   flex: 1 0 auto;
 }
diff --git a/projects/elements-demo/src/app/shared/shared.module.ts b/projects/elements-demo/src/app/shared/shared.module.ts
@@ -40,5 +40,9 @@ export class SharedModule {
         'assets/logo/twitter.svg'
       )
     );
+    this.matIconRegistry.addSvgIcon(
+      'logo',
+      this.domSanitizer.bypassSecurityTrustResourceUrl('assets/logo/logo.svg')
+    );
   }
 }
diff --git a/projects/elements-demo/src/assets/logo/logo.svg b/projects/elements-demo/src/assets/logo/logo.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 185.6 200">
+  <defs>
+    <style>
+      .cls-1{fill: #ffffff;}
+      .cls-2{fill: #eeeeee;}
+      .cls-3{fill: #880e4f;}
+      .cls-4{fill: #d32f2f;}
+    </style>
+  </defs><title>components</title>
+  <g id="Layer_2" data-name="Layer 2">
+    <g id="Layer_1-2" data-name="Layer 1">
+      <polygon class="cls-1" points="92.4 0 92.4 0 92.4 0 0 33.3 14 156.1 92.4 200 92.4 200 92.4 200 171.3 156.1 185.6 33.3 92.4 0"/>
+      <polygon class="cls-2" points="92.4 0 92.4 22.2 92.4 22.2 92.4 123.2 92.4 123.2 92.4 200 92.4 200 171.3 156.1 185.6 33.3 92.4 0"/>
+      <polygon class="cls-3" points="73.6 131.4 54.3 98 84.3 46.1 62.8 46.1 32.8 98 62.8 150 84.4 150 73.6 131.4 73.6 131.4"/>
+      <polygon class="cls-4" points="152.8 98 122.8 46.1 84.3 46.1 54.3 98 73.6 64.7 112.1 64.7 131.3 98 112.1 131.4 73.6 131.4 84.4 150 122.8 150 152.8 98"/>
+    </g>
+  </g>
+</svg>

Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+![](https://raw.githubusercontent.com/angular-extensions/elements/master/projects/elements-demo/src/assets/logo/github.svg)`
	`2`	`+`
`1`	`3`	`# Angular Elements - @angular-extensions/elements`
`2`	`4`
`3`	`5`	`by [@tomastrajan](https://twitter.com/tomastrajan)`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,7 @@`
	`1`	`+.project-name {`
	`2`	`+ padding: 0 0 0 10px;`
	`3`	`+}`
	`4`	`+`
`1`	`5`	`.spacer {`
`2`	`6`	`flex: 1 0 auto;`
`3`	`7`	`}`
Original file line number	Diff line number	Diff line change
`@@ -40,5 +40,9 @@ export class SharedModule {`
`40`	`40`	`'assets/logo/twitter.svg'`
`41`	`41`	`)`
`42`	`42`	`);`
	`43`	`+ this.matIconRegistry.addSvgIcon(`
	`44`	`+ 'logo',`
	`45`	`+ this.domSanitizer.bypassSecurityTrustResourceUrl('assets/logo/logo.svg')`
	`46`	`+ );`
`43`	`47`	`}`
`44`	`48`	`}`