From 85960b6fa36c93c81d060c61b0e4bafaeb6fb631 Mon Sep 17 00:00:00 2001
From: Joe Hutchinson <HutchinsonJoseph@JohnDeere.com>
Date: Wed, 17 Jul 2019 14:06:28 -0400
Subject: [PATCH] Update featuredImage to use page bundle approach

---
 archetypes/post.md            |  7 +++++--
 layouts/_default/li-next.html | 24 ++++++++++++------------
 layouts/_default/li.html      | 22 +++++++++++-----------
 layouts/_default/single.html  | 12 ++++++------
 4 files changed, 34 insertions(+), 31 deletions(-)

diff --git a/archetypes/post.md b/archetypes/post.md
index 9aee58e..e05d86f 100644
--- a/archetypes/post.md
+++ b/archetypes/post.md
@@ -3,10 +3,13 @@ title: "{{ replace .TranslationBaseName "-" " " | title }}"
 date: {{ .Date }}
 description: ""
 categories: []
-featuredImage: ""
-featuredImageDescription: ""
 dropCap: true
 displayInMenu: false
 displayInList: true
 draft: true
+resources:
+- name: featuredImage
+  src: ""
+  params:
+    description: ""
 ---
diff --git a/layouts/_default/li-next.html b/layouts/_default/li-next.html
index 19a8ecd..2b97804 100644
--- a/layouts/_default/li-next.html
+++ b/layouts/_default/li-next.html
@@ -1,17 +1,17 @@
 <a ontouchstart="cardPressed.call(this)" ontouchend="cardReleased.call(this)" ontouchmove="cardReleased.call(this)" 
   href="{{ .Permalink }}" class="card blog-card" rel="bookmark" >
-    {{ if isset .Params "featuredimage" }}
-    <div class="card-img-container">
-      <p class="card-img-overlay">Next Article</p>
-      <picture>
-        {{ if (fileExists (printf "%s/%s" "static" (replace (.Params.featuredimage) (path.Ext .Params.featuredimage) ".webp"))) -}}
-          <source srcset="{{ replace (.Params.featuredimage) (path.Ext (.Params.featuredimage)) ".webp" | absURL }}" type="image/webp">
-        {{- end }}
-        <source srcset="{{ .Params.featuredimage | absURL }}">
-        <img src="{{.Params.featuredimage | absURL }}" class="card-img" {{ if isset .Params "featuredimagedescription" }}alt="{{.Params.featuredimagedescription}}"{{end}}>
-      </picture>
-    </div>
-    {{ end }}
+  {{ with .Resources.GetMatch "featuredImage" }}
+  <div class="card-img-container">
+    <p class="card-img-overlay">Next Article</p>
+    <picture>
+      {{ with $.Resources.GetMatch (replace (.Title) (path.Ext (.Title)) ".webp") -}}
+      <source srcset="{{ .Permalink }}" type="image/webp">
+      {{- end }}
+      <source srcset="{{ .Permalink }}">
+      <img src="{{ .Permalink }}" class="card-img" {{ with .Params.description -}} alt="{{ . }}" {{- end }}>
+    </picture>
+  </div>
+  {{ end }}
   <article class="card-body">
     <h2 class="card-title">{{ .Title }}</h2>
     <p class="card-text">{{ if (isset .Params "description") }}{{ index .Params "description" }}{{ else }}{{ .Summary }}{{ end }}</p>
diff --git a/layouts/_default/li.html b/layouts/_default/li.html
index e5a8dbd..6d86f42 100644
--- a/layouts/_default/li.html
+++ b/layouts/_default/li.html
@@ -1,16 +1,16 @@
 <a ontouchstart="cardPressed.call(this)" ontouchend="cardReleased.call(this)" ontouchmove="cardReleased.call(this)" 
   href="{{ .Permalink }}" class="card blog-card" rel="bookmark" >
-    {{ if isset .Params "featuredimage" -}}
-    <div class="card-img-container">
-      <picture>
-        {{ if (fileExists (printf "%s/%s" "static" (replace (.Params.featuredimage) (path.Ext .Params.featuredimage) ".webp"))) -}}
-          <source srcset="{{ replace (.Params.featuredimage) (path.Ext (.Params.featuredimage)) ".webp" | absURL }}" type="image/webp">
-        {{- end }}
-        <source srcset="{{ .Params.featuredimage | absURL }}">
-        <img src="{{.Params.featuredimage | absURL }}" class="card-img" {{ if isset .Params "featuredimagedescription" }}alt="{{.Params.featuredimagedescription}}"{{end}}>
-      </picture>
-    </div>
-    {{- end }}
+  {{ with .Resources.GetMatch "featuredImage" }}
+  <div class="card-img-container">
+    <picture>
+      {{ with $.Resources.GetMatch (replace (.Title) (path.Ext (.Title)) ".webp") -}}
+      <source srcset="{{ .Permalink }}" type="image/webp">
+      {{- end }}
+      <source srcset="{{ .Permalink }}">
+      <img src="{{ .Permalink }}" class="card-img" {{ with .Params.description -}} alt="{{ . }}" {{- end }}>
+    </picture>
+  </div>
+  {{- end }}
   <article class="card-body">
     <h2 class="card-title">{{ .Title }}</h2>
     <p class="card-text">{{ if (isset .Params "description") }}{{ index .Params "description" }}{{ else }}{{ .Summary }}{{ end }}</p>
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index bd4ea3e..37307d7 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -9,13 +9,13 @@
         	<h1 class="post-title">{{ .Title }}</h1>
           <p class="post-date">Posted <time datetime="{{ .Date.Format "2006-01-02" }}">{{ .Date.Format "Jan 2, 2006" }}</time></p>
         </header>
-        {{ if isset .Params "featuredimage" }}
+        {{ with .Resources.GetMatch "featuredImage" }}
         <picture class="post-figure">
-            {{ if (fileExists (printf "%s/%s" "static" (replace (.Params.featuredimage) (path.Ext (.Params.featuredimage)) ".webp"))) -}}
-            <source srcset="{{ replace (.Params.featuredimage) (path.Ext (.Params.featuredimage)) ".webp" | absURL }}" type="image/webp">
-            {{- end }}
-            <source srcset="{{.Params.featuredimage | absURL }}">
-          <img src="{{.Params.featuredimage | absURL }}" {{ if isset .Params "featuredimagedescription" }}alt="{{.Params.featuredimagedescription}}"{{end}}>
+          {{ with $.Resources.GetMatch (replace (.Title) (path.Ext (.Title)) ".webp") -}}
+          <source srcset="{{ .Permalink }}" type="image/webp">
+          {{- end }}
+          <source srcset="{{ .Permalink }}">
+          <img src="{{ .Permalink }}" {{ with .Params.description -}} alt="{{ . }}" {{- end }}>
         </picture>
         {{ end }}
         {{ .Content }}