From f1364bf25ebc67ef36cad3ec55bd59dada2e395c Mon Sep 17 00:00:00 2001
From: Jake Runyan <runyanjake@gmail.com>
Date: Thu, 8 Jan 2026 22:37:53 -0800
Subject: [PATCH] Reinstate SVG

---
 recipes/src/components/HomepageFeatures/index.js | 6 +++---
 recipes/src/css/custom.css                       | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/recipes/src/components/HomepageFeatures/index.js b/recipes/src/components/HomepageFeatures/index.js
index 2d32bd4..4a49a60 100644
--- a/recipes/src/components/HomepageFeatures/index.js
+++ b/recipes/src/components/HomepageFeatures/index.js
@@ -5,7 +5,7 @@ import styles from './styles.module.css';
 const FeatureList = [
   {
     title: 'You want to cook',
-    Svg: require('@site/static/img/want-to-cook.png').default,
+    Svg: require('@site/static/img/want_to_cook.svg').default,
     description: (
       <>
         Cooking is fun! And you need to eat stuff to survive. I have a folder of bookmarks to random sites for whenever I need to remember how to make something. That worked great until the folder got big and the sites started to suck...
@@ -14,7 +14,7 @@ const FeatureList = [
   },
   {
     title: 'But recipe sites suck!',
-    Svg: require('@site/static/img/recipe-sites-suck.png').default,
+    Svg: require('@site/static/img/recipe_sites_suck.svg').default,
     description: (
       <>
         I do not mind ads on the sites people make, but I do mind sites with overly aggressive ads where you can't see the main content. 
@@ -23,7 +23,7 @@ const FeatureList = [
   },
   {
     title: 'Welcome to my self-hosted Cookbook',
-    Svg: require('@site/static/img/online-cookbook.png').default,
+    Svg: require('@site/static/img/online_cookbook.svg').default,
     description: (
       <>
         Rather than make a physical cookbook, I have made a website to share things with. Thanks to Docusaurus for providing a content-first approach to frontend design for us backend engineers.
diff --git a/recipes/src/css/custom.css b/recipes/src/css/custom.css
index ec5229f..0809d95 100644
--- a/recipes/src/css/custom.css
+++ b/recipes/src/css/custom.css
@@ -31,7 +31,7 @@
 
 /* Custom image on homepage */
 .hero--primary {
-  background-image: url('@site/static/img/want-to-cook.png'); /* The path is relative to the `static` folder */
+  background-image: url('@site/static/img/want_to_cook.svg'); /* The path is relative to the `static` folder */
   background-size: cover;
   background-position: center center;
   background-repeat: no-repeat;
@@ -41,7 +41,7 @@
 .hero--primary {
   background-image: 
     linear-gradient(rgba(40, 40, 40, 0.5), rgba(40, 40, 40, 0.5)),
-    url('@site/static/img/want-to-cook.png');
+    url('@site/static/img/want_to_cook.svg');
   color: #ffffff;
 }