content(schematic-helpers): move article to inDepth

blog/2020-09-angular-schematics-common-helpers.md

@@ -6,7 +6,11 @@ author:
   name: 'Danny Koppenhagen'
   mail: mail@d-koppenhagen.de
 created: 2020-09-14
-updated: 2020-09-21
+updated: 2020-09-30
+publishedAt:
+  name: inDepth.dev
+  url: https://indepth.dev/speed-up-your-angular-schematics-development-with-useful-helper-functions
+  logo: assets/images/InDepthdev-white.svg
 keywords:
   - Angular
   - 'Angular CLI'
@@ -62,7 +66,7 @@ You can either use an existing schematics project or simply create a new blank o
 npx @angular-devkit/schematics-cli blank --name=playground
 ```
 
-> If you are not familar with the basics of authoring schematics, I recommend you to read the [Angular Docs](https://angular.io/guide/schematics-authoring) and the [blog post _"Total Guide To Custom Angular schematics"_ by Tomas Trajan](https://medium.com/@tomastrajan/total-guide-to-custom-angular-schematics-5c50cf90cdb4) first.
+> If you are not familar with the basics of authoring schematics, I recommend you to read the [Angular Docs](https://angular.io/guide/schematics-authoring) and the [blog post _"Total Guide To Custom Angular schematics"_ by Tomas Trajan](https://medium.com/@tomastrajan/total-guide-to-custom-angular-schematics-5c50cf90cdb4) first as well as the [article series "Angular Schematics from 0 to publishing your own library" by Natalia Venditto](https://indepth.dev/angular-schematics-from-0-to-publishing-your-own-library-i) first.
 
 After setting up the new blank project we should have this file available: `src/playground/index.ts`.
 
@@ -279,7 +283,7 @@ If you have e.g. a JSON file template in the directory `files` and you want to i
 }
 ```
 
-For more details about how to use and apply templates in your own schematics, check out the [blog post by Tomas Trajan: _'Total Guide To Custom Angular schematics'_](https://medium.com/@tomastrajan/total-guide-to-custom-angular-schematics-5c50cf90cdb4).
+For more details about how to use and apply templates in your own schematics, check out the [blog post by Tomas Trajan: _"Total Guide To Custom Angular schematics"_](https://medium.com/@tomastrajan/total-guide-to-custom-angular-schematics-5c50cf90cdb4) and the [article series _"Angular Schematics from 0 to publishing your own library"_ by Natalia Venditto](https://indepth.dev/angular-schematics-from-0-to-publishing-your-own-library-i).
 
 - [Check out the implementation for `relativePathToWorkspaceRoot()` in detail.](https://github.com/angular/angular-cli/blob/master/packages/schematics/angular/utility/paths.ts)
 - [Check out the example in the playground repository on GitHub](https://github.com/d-koppenhagen/schematics-helpers-playground/tree/master/playground/src/relative-path)

src/app/blog/blog-content/blog-content.component.scss

@@ -69,6 +69,7 @@ table > tbody td {
 
     .published-at-logo {
       padding-right: 20px;
+      max-height: 60px;
     }
   }
 }

src/app/shared/preview/preview.component.scss

@@ -38,6 +38,8 @@
 
       > img.published-at-logo {
         float: right;
+        max-height: 50px;
+        margin-bottom: 10px;
       }
     }
   }