fix: image banners go via-cream

theglobechurch · Nov 21, 2024 · 695078e · 695078e
1 parent eb6cb93
commit 695078e
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/src/podcast/talks/episode.njk b/src/podcast/talks/episode.njk
@@ -18,7 +18,7 @@ eleventyComputed:
     <div class="sm:aspect-[16/7] w-full sm:bg-cover sm:bg-center sm:overflow-hidden sm:relative">
       {% rwdImg featuredImage, "", [550, 1024, 1512, 2056], "sm:inset-0 w-full h-full sm:absolute sm:object-cover", "100vw" %}
 
-      <div class="px-4 pt-4 sm:absolute sm:inset-0 bg-gradient-to-b from-transparent via-white/20 to-white sm:flex sm:flex-col sm:justify-end sm:items-start">
+      <div class="px-4 pt-4 sm:absolute sm:inset-0 bg-gradient-to-b from-transparent via-cream/20 to-cream sm:flex sm:flex-col sm:justify-end sm:items-start">
 
         <a href="/podcast/talks" class="hidden sm:flex gap-1 items-center group">
           {% svgIcon "icon-arrowLeft", "shrink-0 h-4 w-4 transition group-hover:-translate-x-2", "Date" %}

diff --git a/src/preaching/series.njk b/src/preaching/series.njk
@@ -22,7 +22,7 @@ eleventyComputed:
       <div class="sm:aspect-[16/7] w-full sm:bg-cover sm:bg-center sm:overflow-hidden sm:relative">
         {% rwdImg series.artwork_url, "", [550, 1024, 1512, 2056], "sm:inset-0 w-full h-full sm:absolute sm:object-cover", "100vw" %}
 
-        <div class="px-4 pt-4 sm:absolute sm:inset-0 bg-gradient-to-b from-transparent via-white/20 to-white sm:flex sm:flex-col sm:justify-end sm:items-start">
+        <div class="px-4 pt-4 sm:absolute sm:inset-0 bg-gradient-to-b from-transparent via-cream/20 to-cream sm:flex sm:flex-col sm:justify-end sm:items-start">
 
           <a href="/preaching" class="hidden sm:flex gap-1 items-center group">
             {% svgIcon "icon-arrowLeft", "shrink-0 h-4 w-4 transition group-hover:-translate-x-2", "Date" %}

diff --git a/src/preaching/sermon.njk b/src/preaching/sermon.njk
@@ -19,7 +19,7 @@ eleventyComputed:
       <div class="sm:aspect-[16/7] w-full sm:bg-cover sm:bg-center sm:overflow-hidden sm:relative">
         {% rwdImg series.artwork_url, "", [550, 1024, 1512, 2056], "sm:inset-0 w-full h-full sm:absolute sm:object-cover", "100vw" %}
 
-        <div class="px-4 pt-4 sm:absolute sm:inset-0 bg-gradient-to-b from-transparent via-white/20 to-white sm:flex sm:flex-col sm:justify-end sm:items-start">
+        <div class="px-4 pt-4 sm:absolute sm:inset-0 bg-gradient-to-b from-transparent via-cream/20 to-cream sm:flex sm:flex-col sm:justify-end sm:items-start">
 
           <div class="group inline-flex gap-1 items-center">
             {% svgIcon "icon-arrowLeft", "shrink-0 h-4 w-4 transition group-hover:-translate-x-2", "Date" %}