From 329dcff427cae469dc43b23a4875bb5d68ccb44a Mon Sep 17 00:00:00 2001
From: Chris Wilson <chris@cgnd.dev>
Date: Wed, 10 Jan 2024 20:43:23 -0800
Subject: [PATCH] Fix home page images

Signed-off-by: Chris Wilson <chris@cgnd.dev>
---
 website/docusaurus.config.js               | 4 ++++
 website/src/components/HomepageFeatures.js | 8 ++++----
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/website/docusaurus.config.js b/website/docusaurus.config.js
index 86f93a5..fd4fab5 100644
--- a/website/docusaurus.config.js
+++ b/website/docusaurus.config.js
@@ -17,6 +17,10 @@ const config = {
   organizationName: 'golioth', // Usually your GitHub org/user name.
   projectName: 'developer-training', // Usually your repo name.
 
+  staticDirectories: [
+    'static',
+  ],
+
   presets: [
     [
       'classic',
diff --git a/website/src/components/HomepageFeatures.js b/website/src/components/HomepageFeatures.js
index 4c285dc..87943d9 100644
--- a/website/src/components/HomepageFeatures.js
+++ b/website/src/components/HomepageFeatures.js
@@ -7,7 +7,7 @@ const FeatureList = [
   {
     title: 'Learn About Golioth',
     link: '/docs/golioth-exploration',
-    img: require('../../static/img/Golioth_logo_300x300.png').default,
+    img: require('@site/static/img/Golioth_logo_300x300.png').default,
     description: (
       <>
         This guide is for Developers to understand the various features of
@@ -33,7 +33,7 @@ const FeatureList = [
   {
     title: 'Zephyr Training',
     link: '/docs/zephyr-training',
-    img: require('../../static/img/Zephyr_logo_300x300.png').default,
+    img: require('@site/static/img/Zephyr_logo_300x300.png').default,
     description: (
       <>
         Our users find that <a href='https://zephyrproject.org/'>Zephyr RTOS</a>{' '}
@@ -59,9 +59,9 @@ function Feature({ Svg, img, title, description, link }) {
               alt='REST API Training'
               sources={{
                 light:
-                  require('../../static/img/API_Training_logo_300x300-coral.png')
+                  require('@site/static/img/API_Training_logo_300x300-coral.png').default
                     .default,
-                dark: require('../../static/img/API_Training_logo_300x300.png')
+                dark: require('@site/static/img/API_Training_logo_300x300.png').default
                   .default,
               }}
             />