feat(demo): add link to podcast discussing this library

angular-extensions · Sep 20, 2019 · 7cc361b · 7cc361b
1 parent 7b41246
commit 7cc361b
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 5 deletions.
diff --git a/projects/elements-demo/src/app/features/home/home/home.component.html b/projects/elements-demo/src/app/features/home/home/home.component.html
@@ -23,19 +23,29 @@ <h3>
   <button mat-flat-button color="warn" routerLink="../examples">
     Explore examples
   </button>
+</div>
+
+<div class="cta">
   <a
     mat-stroked-button
     href="https://medium.com/@tomastrajan/the-best-way-to-lazy-load-angular-elements-97a51a5c2007"
     target="_blank"
   >
-    Read blog post
+    <mat-icon>book</mat-icon> Read blog post
   </a>
-   <a
+  <a
     mat-stroked-button
     href="https://www.youtube.com/watch?v=X__jkPGYRUs"
     target="_blank"
   >
-    Watch presentation
+    <mat-icon>play_circle_outline</mat-icon> Watch presentation
+  </a>
+  <a
+    mat-stroked-button
+    href="https://devchat.tv/adv-in-angular/aia-257-the-easiest-way-to-use-angular-elements-with-tomas-trajan/"
+    target="_blank"
+  >
+    <mat-icon>audiotrack</mat-icon> Listen to podcast
   </a>
 </div>
 

diff --git a/projects/elements-demo/src/app/features/home/home/home.component.scss b/projects/elements-demo/src/app/features/home/home/home.component.scss
@@ -6,6 +6,7 @@
 
   .intro {
     text-align: center;
+    margin: 0 0 40px 0;
 
     &:before {
       font-family: Lato;
@@ -44,8 +45,6 @@
   }
 
   .cta {
-    margin: 40px 0 0 0;
-
     button,
     a {
       margin: 5px;