Technical/issue 133 markdown for blog posts (#137)

* upgrade to latest greenwood alpha

* post-template and testing with converting a post to markdown

* pulling in a post template data from graph ql

* 0.6.0 upgrade

* convert 2018 posts to markdown

* convert 2018 posts to just markdown

* clean up imports

* fix home page cta text formatting

* upgrade to 0.7.2 of greenwood with needed fixes

* fix broken link post rebase

* rebase fix

package.json

@@ -16,9 +16,9 @@
     "test:tdd": "yarn clean && karma start"
   },
   "devDependencies": {
-    "@greenwood/cli": "0.7.0",
-    "@greenwood/plugin-google-analytics": "0.7.0",
-    "@greenwood/plugin-polyfills": "0.7.0",
+    "@greenwood/cli": "^0.7.2",
+    "@greenwood/plugin-google-analytics": "^0.7.2",
+    "@greenwood/plugin-polyfills": "^0.7.2",
     "eslint": "^6.1.0",
     "istanbul-instrumenter-loader": "^3.0.1",
     "jasmine": "^3.3.1",
@@ -32,4 +32,4 @@
     "karma-webpack": "^5.0.0-alpha.3.0",
     "puppeteer": "^1.19.0"
   }
-}
+}

src/components/card/card.js

@@ -53,7 +53,7 @@ class CardComponent extends LitElement {
           <div class="card-header">
             
             <h3 class="card-header-heading">
-              <a class="card-header-heading-link" target="_blank" rel="noopener" @onclick="captureOutboundLink('${link}'); return false;" href="${link}">${title}</a>
+              <a class="card-header-heading-link" target="_blank" rel="noopener" click="getOutboundLink('${link}');" href="${link}">${title}</a>
             </h3>
 
             <span class="date">${ date }</span>

src/components/social-icon-link/social-icon-link.js

@@ -54,7 +54,7 @@ class SocialIconLinkComponent extends LitElement {
     }
 
     return html`
-      <a rel="noopener" target="_blank" href="${detectedLink}" @onclick="captureOutboundLink('${detectedLink}'); return false;">
+      <a rel="noopener" target="_blank" href="${detectedLink}" click="getOutboundLink('${detectedLink}');">
         <img src="/assets/logos/${detectedName}.svg" alt="${detectedName} logo">
       </a>
     `;

src/pages/blog/2017/03/26/index.md

@@ -1,13 +1,9 @@
 ---
-template: 'blog'
+template: 'post'
 title: 'Minecraft In The Cloud'
+date: '03.26.2017' 
+description: 'Using AWS to setup a shared Minecraft server.'
+image: '/assets/blog-post-images/minecraft-cloud.png'
 ---
 
-<app-blog-post
-  title='Minecraft In The Cloud' 
-  date='03.26.2017' 
-  image="/assets/blog-post-images/minecraft-cloud.png">
-
-  <p>Minecraft is a popular world building game enjoyed by kids and adults.  I wrote <a href="https://medium.com/@thegreenhouseio/minecraft-in-the-cloud-78f9195b79cb#.rzlk2kkg3" target="_blank" rel="noopener" onclick="getOutboundLink('https://medium.com/@thegreenhouseio/minecraft-in-the-cloud-78f9195b79cb#.rzlk2kkg3');">this article</a> after setting up a server for family use in the cloud, using Amazon Web Services.</p>
-
-</app-blog-post>
+Minecraft is a popular world building game enjoyed by kids and adults.  I wrote <a href="https://medium.com/@thegreenhouseio/minecraft-in-the-cloud-78f9195b79cb#.rzlk2kkg3" target="_blank" rel="noopener" onclick="getOutboundLink('https://medium.com/@thegreenhouseio/minecraft-in-the-cloud-78f9195b79cb#.rzlk2kkg3');">this article</a> after setting up a server for family use in the cloud, using Amazon Web Services.

src/pages/blog/2017/03/30/index.md

@@ -1,19 +1,17 @@
 ---
-template: 'blog'
+template: 'post'
 title: 'Teaching An Old Dog New Tricks!'
+date: '03.30.2017' 
+description: 'Using ES2015 with AngularJS.'
+image: '/assets/blog-post-images/angular-shield.jpg'
 ---
 
-<app-blog-post
-  title='Teaching An Old Dog New Tricks!' 
-  date='03.30.2017' 
-  image="/assets/blog-post-images/angular-shield.jpg">
+Since not all existing AngularJS (1.x) projects can jump into using Angular (2+) and <i>ng-upgrade</i> may not be a feasible option for some, I created <a href="https://github.com/thegreenhouseio/angularjs-webpack-seed" target="_blank" rel="noopener" onclick="getOutboundLink('https://github.com/thegreenhouseio/angularjs-webpack-seed');">a seed repo in GitHub to demonstrate AngularJS working with webpack and ES2015+ syntax.</a>
 
-  <div>
-    <p>Since not all existing AngularJS (1.x) projects can jump into using Angular (2+) and <i>ng-upgrade</i> may not be a feasible option for some, I created <a href="https://github.com/thegreenhouseio/angularjs-webpack-seed" target="_blank" rel="noopener" onclick="getOutboundLink('https://github.com/thegreenhouseio/angularjs-webpack-seed');">a seed repo in GitHub to demonstrate AngularJS working with webpack and ES2015+ syntax.</a></p>
-    <p>To me, ES2015+ syntax, in particular the introduction of modules (<i>import / export</i>) has ushered in a new era of writing JavaScript applications, including our good friend AngularJS.</p>       
-    <p>By adopting ES2015+ syntax and following meaningful styleguide conventions like John Papa&apos;s, these effort can really go a long way to improving the readability and organization of an existing AngularJS app.  Plus, if you can slowly migrate through the releases of AngularJS &gt; 1.5, you can set yourself up for a migration path to Angular now.</p>
-    <p>This seed is not meant to be comprehensive, but just as a way to show that any existing AngularJS app can benefit from an ES2015+ upgrade, backed by webpack.</p>
-    <p>Hope to hear your thoughts and feedback!</p>
-  </div>
-
-</app-blog-post>
+To me, ES2015+ syntax, in particular the introduction of modules (`import` / `export`) has ushered in a new era of writing JavaScript applications, including our good friend AngularJS.
+
+By adopting ES2015+ syntax and following meaningful styleguide conventions like John Papa&apos;s, these effort can really go a long way to improving the readability and organization of an existing AngularJS app.  Plus, if you can slowly migrate through the releases of AngularJS &gt; 1.5, you can set yourself up for a migration path to Angular now.
+
+This seed is not meant to be comprehensive, but just as a way to show that any existing AngularJS app can benefit from an ES2015+ upgrade, backed by webpack.
+
+Hope to hear your thoughts and feedback!

src/pages/blog/2017/04/10/index.md

@@ -1,18 +1,13 @@
 ---
-template: 'blog'
+template: 'post'
 title: 'GitHub Dashboard 1.0 Released! 🎉'
+date: '04.10.2017' 
+description: 'Open Source project release.'
+image: '/assets/blog-post-images/github.png'
 ---
 
+The Greenhouse is happy to announce the 1.0.0 release of GitHub Dashboard!  Since the last RC, the focus was on unit testing, getting code coverage up (now at 93%!), and eliminating technical debt.  For more information, please review the <a href="https://github.com/thescientist13/github-dashboard/releases/tag/1.0.0" target="_blank" rel="noopener" onclick="getOutboundLink('https://github.com/thescientist13/github-dashboard/releases/tag/1.0.0');"> release notes.</a>
 
-<app-blog-post
-  title='GitHub Dashboard 1.0 Released! 🎉' 
-  date='04.10.2017' 
-  image="/assets/blog-post-images/github.png">
+You can see what upcoming features are being planned next in the <a href="https://github.com/thescientist13/github-dashboard/projects/4" target="_blank" rel="noopener" onclick="getOutboundLink('https://github.com/thescientist13/github-dashboard/releases/tag/1.0.0');">Project tracker.</a>
 
-  <div>
-    <p>The Greenhouse is happy to announce the 1.0.0 release of GitHub Dashboard!  Since the last RC, the focus was on unit testing, getting code coverage up (now at 93%!), and eliminating technical debt.  For more information, please review the <a href="https://github.com/thescientist13/github-dashboard/releases/tag/1.0.0" target="_blank" rel="noopener" onclick="getOutboundLink('https://github.com/thescientist13/github-dashboard/releases/tag/1.0.0');"> release notes.</a></p>
-    <p>You can see what upcoming features are being planned next in the <a href="https://github.com/thescientist13/github-dashboard/projects/4" target="_blank" rel="noopener" onclick="getOutboundLink('https://github.com/thescientist13/github-dashboard/releases/tag/1.0.0');">Project tracker.</a></p>
-    <p>Please feel free to leave thoughts and feedback, bug reports, or feature requests by using the <a href="https://github.com/thescientist13/github-dashboard/issues" target="_blank" rel="noopener" onclick="getOutboundLink('https://github.com/thescientist13/github-dashboard/releases/tag/1.0.0');"> issue tracker.</a></p>
-  </div>
-
-</app-blog-post>
+Please feel free to leave thoughts and feedback, bug reports, or feature requests by using the <a href="https://github.com/thescientist13/github-dashboard/issues" target="_blank" rel="noopener" onclick="getOutboundLink('https://github.com/thescientist13/github-dashboard/releases/tag/1.0.0');"> issue tracker.</a>

src/pages/blog/2017/04/22/index.md

@@ -1,17 +1,13 @@
 ---
-template: 'blog'
+template: 'post'
 title: 'GitHub Dashboard 1.1.0 Released'
+date: '04.22.2017' 
+description: 'Open Source project release.'
+image: '/assets/blog-post-images/github.png'
 ---
 
-<app-blog-post
-  title='GitHub Dashboard 1.1.0 Released' 
-  date='04.22.2017' 
-  image="/assets/blog-post-images/github.png">
-
-  <div>
-    <p>The Greenhouse is pleased to announce <a href="https://github.com/thescientist13/github-dashboard/releases/tag/1.1.0" target="_blank" rel="noopener" onclick="getOutboundLink('https://github.com/thescientist13/github-dashboard/releases/tag/1.1.0');">a new release of GitHub Dashboard</a>! Now with the ability to filter displayed repositories by name.  This is a much more efficient way to navigate your list of repositories!</p> 
-    <p>On a side note, our <a href="https://github.com/thescientist13/github-dashboard/issues/104" target="_blank" rel="noopener" onclick="getOutboundLink('https://github.com/thescientist13/github-dashboard/issues/104');">feature for highlighting a repository row when the user is a requested reviewer on a pull request</a> is being reconsidered in light of the <a href="https://developer.github.com/v3/pulls/reviews/" target="_blank" rel="noopener" onclick="getOutboundLink('https://developer.github.com/v3/pulls/reviews/');">GitHub Reviews API</a> still being in development.</p>
-    <p>Please feel free to leave thoughts and feedback, bug reports, or feature requests by using the <a href="https://github.com/thescientist13/github-dashboard/issues" target="_blank" rel="noopener" onclick="getOutboundLink('https://github.com/thescientist13/github-dashboard/issues');">issue tracker.</a></p>
-  </div>
+The Greenhouse is pleased to announce <a href="https://github.com/thescientist13/github-dashboard/releases/tag/1.1.0" target="_blank" rel="noopener" onclick="getOutboundLink('https://github.com/thescientist13/github-dashboard/releases/tag/1.1.0');">a new release of GitHub Dashboard</a>! Now with the ability to filter displayed repositories by name.  This is a much more efficient way to navigate your list of repositories!
 
-</app-blog-post>
+On a side note, our <a href="https://github.com/thescientist13/github-dashboard/issues/104" target="_blank" rel="noopener" onclick="getOutboundLink('https://github.com/thescientist13/github-dashboard/issues/104');">feature for highlighting a repository row when the user is a requested reviewer on a pull request</a> is being reconsidered in light of the <a href="https://developer.github.com/v3/pulls/reviews/" target="_blank" rel="noopener" onclick="getOutboundLink('https://developer.github.com/v3/pulls/reviews/');">GitHub Reviews API</a> still being in development.
+
+Please feel free to leave thoughts and feedback, bug reports, or feature requests by using the <a href="https://github.com/thescientist13/github-dashboard/issues" target="_blank" rel="noopener" onclick="getOutboundLink('https://github.com/thescientist13/github-dashboard/issues');">issue tracker.</a>

src/pages/blog/2017/05/05/index.md

@@ -1,18 +1,13 @@
 ---
-template: 'blog'
+template: 'post'
 title: 'GitHub Dashboard 1.2.0 Released'
+date: '05.05.2017'
+description: 'Open Source project release.'
+image: '/assets/blog-post-images/github.png'
 ---
 
-<app-blog-post
-  title='GitHub Dashboard 1.2.0 Released' 
-  date='05.05.2017' 
-  image="/assets/blog-post-images/github.png">
-
-  <div>
-    <p>The Greenhouse is pleased to announce <a href="https://github.com/thescientist13/github-dashboard/releases/tag/1.2.0" target="_blank" rel="noopener" onclick="getOutboundLink('https://github.com/thescientist13/github-dashboard/releases/tag/1.2.0');">a new release of GitHub Dashboard</a>! Now displaying organization or username before a repository name, as well as an icon indicator if a repository is a fork.  On a technical note, a couple console warnings while running unit tests were fixed.</p> 
-    <p>Big shout out to JP Osorio (<a href="https://github.com/jpoo90" target="_blank" rel="noopener" onclick="getOutboundLink('https://github.com/jpoo90');">GitHub</a> / <a href="https://twitter.com/jpoo90" target="_blank" rel="noopener" onclick="getOutboundLink('https://github.com/jpoo90');">Twitter</a>) for being the sole contributor to this release, fixing bugs and adding features!  Thanks for helping out! 👏</p>       
-    <p>Please feel free to leave thoughts and feedback, bug reports, or feature requests by using the <a href="https://github.com/thescientist13/github-dashboard/issues" target="_blank" rel="noopener" onclick="getOutboundLink('https://github.com/thescientist13/github-dashboard/issues');">issue tracker.</a></p>
+The Greenhouse is pleased to announce <a href="https://github.com/thescientist13/github-dashboard/releases/tag/1.2.0" target="_blank" rel="noopener" onclick="getOutboundLink('https://github.com/thescientist13/github-dashboard/releases/tag/1.2.0');">a new release of GitHub Dashboard</a>! Now displaying organization or username before a repository name, as well as an icon indicator if a repository is a fork.  On a technical note, a couple console warnings while running unit tests were fixed.
 
-  </div>
-
-</app-blog-post>
+Big shout out to JP Osorio (<a href="https://github.com/jpoo90" target="_blank" rel="noopener" onclick="getOutboundLink('https://github.com/jpoo90');">GitHub</a> / <a href="https://twitter.com/jpoo90" target="_blank" rel="noopener" onclick="getOutboundLink('https://github.com/jpoo90');">Twitter</a>) for being the sole contributor to this release, fixing bugs and adding features!  Thanks for helping out! 👏
+           
+Please feel free to leave thoughts and feedback, bug reports, or feature requests by using the <a href="https://github.com/thescientist13/github-dashboard/issues" target="_blank" rel="noopener" onclick="getOutboundLink('https://github.com/thescientist13/github-dashboard/issues');">issue tracker.</a>

src/pages/blog/2017/06/07/index.md

@@ -1,17 +1,13 @@
 ---
-template: 'blog'
-title: 'PHP API Seed' 
+template: 'post'
+title: 'PHP API Seed'
+date: '06.07.2017'
+description: 'Starter kit for PHP based APIs using Slim.'
+image: '/assets/blog-post-images/php.png'
 ---
 
-<app-blog-post
-  title='PHP API Seed' 
-  date='06.07.2017' 
-  image="/assets/blog-post-images/php.png">
-
-  <div>
-    <p>Just wanted to share a new OSS project I just put out over the weekend; <a href="https://github.com/thegreenhouseio/php-api-seed" target="_blank" rel="noopener" onclick="getOutboundLink('https://github.com/thegreenhouseio/php-api-seed');">php-api-seed</a>.  It&apos;s a RESTful API backend written in PHP that powers some of my personal sites, like <a href="https://www.analogstudios.net" target="_blank" rel="noopener" onclick="getOutboundLink('https://www.analogstudios.net');">Analog Studios.</a>  It uses Slim as the micro-framework, JWT for authentication, and can be deployed as a phar.</p>
-    <p>It definitely has some room for some refactoring improvements, and I&apos;m always open to feedback, in particular around security.</p>
-    <p>Please feel free to leave thoughts and feedback, bug reports, or feature requests by using the <a href="https://github.com/thegreenhouseio/php-api-seed/issues" target="_blank" rel="noopener" onclick="getOutboundLink('https://github.com/thegreenhouseio/php-api-seed/issues');">issue tracker.</a></p>
-  </div>
-
-</app-blog-post>
+Just wanted to share a new OSS project I just put out over the weekend; <a href="https://github.com/thegreenhouseio/php-api-seed" target="_blank" rel="noopener" onclick="getOutboundLink('https://github.com/thegreenhouseio/php-api-seed');">php-api-seed</a>.  It&apos;s a RESTful API backend written in PHP that powers some of my personal sites, like <a href="https://www.analogstudios.net" target="_blank" rel="noopener" onclick="getOutboundLink('https://www.analogstudios.net');">Analog Studios.</a>  It uses **Slim** as the micro-framework, JWT for authentication, and can be deployed as a phar.
+
+It definitely has some room for some refactoring improvements, and I&apos;m always open to feedback, in particular around security.
+
+Please feel free to leave thoughts and feedback, bug reports, or feature requests by using the <a href="https://github.com/thegreenhouseio/php-api-seed/issues" target="_blank" rel="noopener" onclick="getOutboundLink('https://github.com/thegreenhouseio/php-api-seed/issues');">issue tracker.</a>