diff --git a/recipes/src/components/HomepageFeatures/index.js b/recipes/src/components/HomepageFeatures/index.js
index 4a49a60..2d32bd4 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.svg').default,
+ Svg: require('@site/static/img/want-to-cook.png').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.svg').default,
+ Svg: require('@site/static/img/recipe-sites-suck.png').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.svg').default,
+ Svg: require('@site/static/img/online-cookbook.png').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 0809d95..ec5229f 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.svg'); /* The path is relative to the `static` folder */
+ background-image: url('@site/static/img/want-to-cook.png'); /* 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.svg');
+ url('@site/static/img/want-to-cook.png');
color: #ffffff;
}
diff --git a/recipes/static/img/online_cookbook.svg b/recipes/static/img/online_cookbook.svg
deleted file mode 100644
index a0b35d4..0000000
--- a/recipes/static/img/online_cookbook.svg
+++ /dev/null
@@ -1,59366 +0,0 @@
-
-
\ No newline at end of file
diff --git a/recipes/static/img/recipe_sites_suck.svg b/recipes/static/img/recipe_sites_suck.svg
deleted file mode 100644
index a81160a..0000000
--- a/recipes/static/img/recipe_sites_suck.svg
+++ /dev/null
@@ -1,37162 +0,0 @@
-
-
\ No newline at end of file
diff --git a/recipes/static/img/want_to_cook.svg b/recipes/static/img/want_to_cook.svg
deleted file mode 100644
index 3e2d2f3..0000000
--- a/recipes/static/img/want_to_cook.svg
+++ /dev/null
@@ -1,39417 +0,0 @@
-
-
\ No newline at end of file