Add header overlay sample posts

_posts/2012-03-15-template-header-image-external.md

@@ -1,5 +1,5 @@
 ---
-title: "Template: Featured Image (External URL)"
+title: "Template: Header Image (External URL)"
 header:
   image: https://farm5.staticflickr.com/4140/4939863887_84705982fd_b.jpg
 categories:
@@ -12,6 +12,6 @@ tags:
   - template
 ---
 
-This post should display a **featured image**, if the theme supports it.
+This post should display a **header image**, if the theme supports it.
 
 Featured image is an external asset and should load.

_posts/2012-03-15-template-header-image-horizontal.md

@@ -1,5 +1,5 @@
 ---
-title: "Template: Featured Image (Horizontal)"
+title: "Template: Header Image (Horizontal)"
 header:
   image: unsplash-image-1.jpg
   caption: "Photo credit: [**Unsplash**](https://unsplash.com)"
@@ -13,8 +13,8 @@ tags:
   - template
 ---
 
-This post should display a **featured image**, if the theme supports it.
+This post should display a **header image**, if the theme supports it.
 
 Non-square images can provide some unique styling issues.
 
-This post tests a horizontal featured image.
+This post tests a horizontal header image.

_posts/2012-03-15-template-header-image-text-readability.md

@@ -1,5 +1,5 @@
 ---
-title: "Template: Featured Image and Text Readability"
+title: "Template: Header Image and Text Readability"
 header:
   image: unsplash-image-4.jpg
   caption: "Photo credit: [**Unsplash**](https://unsplash.com)"

_posts/2012-03-15-template-header-image-vertical.md

@@ -1,5 +1,5 @@
 ---
-title: "Template: Featured Image (Vertical)"
+title: "Template: Header Image (Vertical)"
 header:
   image: unsplash-image-6.jpg
   caption: "Photo credit: [**Unsplash**](https://unsplash.com)"
@@ -14,8 +14,8 @@ tags:
   - template
 ---
 
-This post should display a **featured image**, if the theme supports it.
+This post should display a **header image**, if the theme supports it.
 
 Non-square images can provide some unique styling issues.
 
-This post tests a vertical featured image.
+This post tests a vertical header image.

_posts/2012-03-15-template-header-overlay-color.md

@@ -0,0 +1,18 @@
+---
+title: "Template: Header Overlay with Background Fill"
+header:
+  overlay_color: "#333"
+categories:
+  - Template
+  - Uncategorized
+tags:
+  - edge case
+  - image
+  - template
+---
+
+This post should display a **header with a solid background color**, if the theme supports it.
+
+Non-square images can provide some unique styling issues.
+
+This post tests overlay headers.

_posts/2012-03-15-template-header-overlay-image.md

@@ -0,0 +1,18 @@
+---
+title: "Template: Header Image Overlay"
+header:
+  overlay_image: unsplash-image-1.jpg
+categories:
+  - Template
+  - Uncategorized
+tags:
+  - edge case
+  - image
+  - template
+---
+
+This post should display a **header with an overlay image**, if the theme supports it.
+
+Non-square images can provide some unique styling issues.
+
+This post tests overlay header images.