From 3a7a9e2fb233e4dcf0779f0d58018878f9983369 Mon Sep 17 00:00:00 2001
From: Nedjo Rogers <code@chocolatelilyweb.ca>
Date: Sun, 12 Jun 2022 20:32:58 -0700
Subject: [PATCH] Use image name in CSS file name

---
 layouts/partials/page-header.html | 8 ++++----
 layouts/partials/site-header.html | 8 ++++----
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/layouts/partials/page-header.html b/layouts/partials/page-header.html
index 973a8d8..bfa0477 100644
--- a/layouts/partials/page-header.html
+++ b/layouts/partials/page-header.html
@@ -1,14 +1,14 @@
 {{- $featured_image := partial "func/GetFeaturedImage.html" . -}}
 {{- if or $featured_image .Params.featured_image -}}
-  {{- $featured_image_link := "" -}}
+  {{- $featured_image_name := "" -}}
   {{- if $featured_image -}}
     {{- .Scratch.Set "featured_image" $featured_image -}}
-    {{- $featured_image_link = $featured_image.RelPermalink -}}
+    {{- $featured_image_name = strings.TrimSuffix (path.Ext $featured_image.Name) $featured_image.Name -}}
   {{- else -}}
-    {{- $featured_image_link = .Params.featured_image -}}
+    {{- $featured_image_name = .Params.featured_image -}}
   {{- end -}}
   {{- $sassTemplate := resources.Get "sass/header-image.scss" -}}
-  {{- $style := $sassTemplate | resources.ExecuteAsTemplate (print ($featured_image_link | base64Encode) "header-image.scss") . | resources.ToCSS -}}
+  {{- $style := $sassTemplate | resources.ExecuteAsTemplate (print (replace $featured_image_name "/" "-") "-header-image.scss") . | resources.ToCSS -}}
   <link rel="stylesheet" href="{{ $style.Permalink }}" media="screen">
   <header class="cover bg-top has-header-image">
     <div class="bg-black-60">
diff --git a/layouts/partials/site-header.html b/layouts/partials/site-header.html
index 84ae72e..2b13574 100755
--- a/layouts/partials/site-header.html
+++ b/layouts/partials/site-header.html
@@ -1,14 +1,14 @@
 {{- $featured_image := partial "func/GetFeaturedImage.html" . -}}
 {{- if or $featured_image .Params.featured_image -}}
-  {{- $featured_image_link := "" -}}
+  {{- $featured_image_name := "" -}}
   {{- if $featured_image -}}
     {{- .Scratch.Set "featured_image" $featured_image -}}
-    {{- $featured_image_link = $featured_image.RelPermalink -}}
+    {{- $featured_image_name = strings.TrimSuffix (path.Ext $featured_image.Name) $featured_image.Name -}}
   {{- else -}}
-    {{- $featured_image_link = .Params.featured_image -}}
+    {{- $featured_image_name = .Params.featured_image -}}
   {{- end -}}
   {{- $sassTemplate := resources.Get "sass/header-image.scss" -}}
-  {{- $style := $sassTemplate | resources.ExecuteAsTemplate (print ($featured_image_link | base64Encode) "header-image.scss") . | resources.ToCSS -}}
+  {{- $style := $sassTemplate | resources.ExecuteAsTemplate (print (replace $featured_image_name "/" "-") "-header-image.scss") . | resources.ToCSS -}}
   <link rel="stylesheet" href="{{ $style.Permalink }}" media="screen">
   <header class="cover bg-top has-header-image">
     <div class="{{ .Site.Params.cover_dimming_class | default "bg-black-60" }}">