Dump some code

newfold-labs · Dec 14, 2023 · b4a66bf · b4a66bf
1 parent 9c923d5
commit b4a66bf
Show file tree

Hide file tree

Showing 6 changed files with 7 additions and 7 deletions.
diff --git a/src/OnboardingSPA/components/NewfoldInterfaceSkeleton/index.js b/src/OnboardingSPA/components/NewfoldInterfaceSkeleton/index.js
@@ -14,17 +14,17 @@ import { forwardRef, useEffect } from '@wordpress/element';
 import { __unstableUseNavigateRegions as useNavigateRegions } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 import { useMergeRefs } from '@wordpress/compose';
-// import bgAiImg from '../../static/images/ai_bg.png';
 
 function useHTMLClass( className ) {
 	useEffect( () => {
 		// eslint-disable-next-line no-undef
 		// const mainImage = new Image();
-		// mainImage.src = bgAiImg;
+		// mainImage.src = '../../static/images/sitegen/ai_bg.png';
 		// mainImage.onload = () => {
+		// 	console.log('Image Loaded!');
 		// 	document.querySelector(
 		// 		'.nfd-onboarding-skeleton--sitegen'
-		// 	).style.backgroundImage = `url('${ bgAiImg }')`;
+		// 	).style.background = 'var(--sitegen-background)';
 		// };
 
 		const element =

diff --git a/src/OnboardingSPA/components/NewfoldInterfaceSkeleton/style.scss b/src/OnboardingSPA/components/NewfoldInterfaceSkeleton/style.scss
@@ -181,7 +181,7 @@ html.nfd-interface-interface-skeleton__html-container {
 .nfd-onboarding-skeleton {
 
 	&--sitegen {
-		background: var(--sitegen-background);
+		background: var(--sitegen-background-low);
 		background-repeat: no-repeat;
 		background-size: cover;
 

diff --git a/src/OnboardingSPA/static/images/ai_bg.png → ...ardingSPA/static/images/sitegen/ai_bg.png b/src/OnboardingSPA/static/images/ai_bg.png → ...ardingSPA/static/images/sitegen/ai_bg.png
diff --git a/...OnboardingSPA/static/images/ai_bg_low.png → ...ngSPA/static/images/sitegen/ai_bg_low.png b/...OnboardingSPA/static/images/ai_bg_low.png → ...ngSPA/static/images/sitegen/ai_bg_low.png
diff --git a/src/OnboardingSPA/styles/_branding.scss b/src/OnboardingSPA/styles/_branding.scss
@@ -303,6 +303,7 @@ body {
 
 	.nfd-onboarding-sitegen-light {
 
+		--sitegen-background-low: #ededed;
 		--sitegen-background: #ededed;
 		--nfd-onboarding-primary: #000;
 		--nfd-onboarding-primary-rgb: 0, 0, 0;
@@ -345,6 +346,7 @@ body {
 		--nfd-onboarding-editor-header-background: var(--nfd-onboarding-preview-favorite-background);
 		--nfd-onboarding-favorite-fill: #ef4a71;
 		--nfd-onboarding-button-background: #363e4459;
-		--sitegen-background: url(../static/images/ai_bg.png);
+		--sitegen-background-low: url(../static/images/sitegen/ai_bg_low.png);
+		--sitegen-background: url(../static/images/sitegen/ai_bg.png);
 	}
 }
diff --git a/src/OnboardingSPA/styles/_icons.scss b/src/OnboardingSPA/styles/_icons.scss
@@ -37,8 +37,6 @@ body {
 	--site-features-wishlist: url(../static/icons/site-features/wishlist.svg);
 	--site-features-comingsoon: url(../static/icons/site-features/comingsoon.svg);
 
-	--sitegen-background: url(../static/images/ai_bg.png);
-	--sitegen-background-high-res: url(../static/images/ai_bg.png);
 	--sitegen-ai-icon: url(../static/icons/sitegen/sitegen-ai-icon.svg);
 	--sitegen-image-upload-icon: url(../static/icons/sitegen/image-upload.svg);
 	--sitegen-ai-animation: url(../static/images/sitegen/sitegen-ai-animation.gif);