Blog posts can be external links (#71)

* add ability for blog posts to link to external sites

* adjust review blog, placeholder for roanoke star

* add external icon to external blog review link

* temp remove placeholder external review

source/_config/collections/blog-posts.js

@@ -1,3 +1,3 @@
 module.exports = function( collection ) {
-  return [...collection.getFilteredByGlob( "./source/blog/post/*/*.md" )].reverse();
+  return [...collection.getFilteredByGlob( "./source/blog/*/**/*.md" )].reverse();
 };

source/_includes/post/header.njk

@@ -15,6 +15,11 @@
     <{{- post_title_heading }} class="post-title">
       {%- if post_title_link -%}<a class="post-title-link" href="{{- post_url -}}">{%- endif -%}
       {{ post_title }}
+
+      {%- if post.data.external -%}
+        {%- include "icons/external.svg" -%}
+      {%- endif -%}
+
       {%- if post_title_link -%}</a>{%- endif -%}
     </{{- post_title_heading -}}>
 

source/_includes/post/list.njk

@@ -6,7 +6,7 @@
     {%- for post in post_list -%}
       {%- set post_feature = post.data.feature -%}
       {%- set post_date = post.data.date -%}
-      {%- set post_url = post.url -%}
+      {%- set post_url = (post.data.external if post.data.external else post.url) -%}
       {%- set post_title = post.data.title -%}
       {%- set post_teaser = post.data.teaser -%}
       {%- set post_category = post.data.category -%}

source/_sass/post/_header.scss

@@ -5,6 +5,19 @@
     padding-block: 5vh;
   }
 
+  &-header {
+    .icon-external {
+      --fillColor: currentColor;
+
+      display: inline-block;
+      max-block-size: 0.6em;
+      inline-size: auto;
+      margin-inline-start: 0.25em;
+      vertical-align: middle;    
+
+    }
+  }
+
   &-date {
     font-size: 1rem;
   }

source/blog/review/review.json

@@ -0,0 +1,8 @@
+{
+  "layout": "layouts/post.njk",
+  "permalink": "/blog/review/{{ title | slugify }}/",
+  "eleventyNavigation": {
+    "parent": "Blog"
+  },
+  "post_title_heading": "h1"
+}