diff --git a/src/layouts/ToolsLayout/ToolsLayout.module.scss b/src/layouts/ToolsLayout/ToolsLayout.module.scss
index 311e0fd..8caf8be 100644
--- a/src/layouts/ToolsLayout/ToolsLayout.module.scss
+++ b/src/layouts/ToolsLayout/ToolsLayout.module.scss
@@ -68,6 +68,12 @@
}
}
+@media (min-width: 1921px) {
+ .contentInner {
+ gap: 26px;
+ }
+}
+
@media (max-width: 768px) {
.layout {
margin-top: 54px;
diff --git a/src/layouts/ToolsLayout/ToolsLayout.tsx b/src/layouts/ToolsLayout/ToolsLayout.tsx
index 976ac7e..3ca9a59 100644
--- a/src/layouts/ToolsLayout/ToolsLayout.tsx
+++ b/src/layouts/ToolsLayout/ToolsLayout.tsx
@@ -38,22 +38,6 @@ const ToolsLayout: FC = ({
easterThemeIndexRef.current = easterThemeIndex;
}, [easterThemeIndex]);
- useEffect(() => {
- const easterImages = [
- '/keepsimple_/assets/tools/hero/green.png',
- '/keepsimple_/assets/tools/logo/green.svg',
- '/keepsimple_/assets/tools/hero/white.png',
- '/keepsimple_/assets/tools/logo/white.svg',
- '/keepsimple_/assets/tools/hero/black.png',
- '/keepsimple_/assets/tools/logo/black.svg',
- ];
-
- easterImages.forEach(src => {
- const img = new Image();
- img.src = src;
- });
- }, []);
-
useEffect(() => {
const handleSequence = (event: KeyboardEvent) => {
const target = event.target as HTMLElement | null;
@@ -87,6 +71,17 @@ const ToolsLayout: FC = ({
) {
typedBufferRef.current = '';
easterActivatedRef.current = true;
+ [
+ '/keepsimple_/assets/tools/hero/green.png',
+ '/keepsimple_/assets/tools/logo/green.svg',
+ '/keepsimple_/assets/tools/hero/white.png',
+ '/keepsimple_/assets/tools/logo/white.svg',
+ '/keepsimple_/assets/tools/hero/black.png',
+ '/keepsimple_/assets/tools/logo/black.svg',
+ ].forEach(src => {
+ const img = new Image();
+ img.src = src;
+ });
easterThemeIndexRef.current = 1;
setEasterThemeIndex(1);
setTransitionKey(prev => prev + 1);
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index 21d6ea9..48a9bca 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -195,7 +195,7 @@ function AppContent({ Component, pageProps: { session, ...pageProps } }: TApp) {
'/keepsimple_/assets/longevity/diet/diet-results-icons/metabolic-gold.png',
'/keepsimple_/assets/longevity/habits/tooltip-bg.png',
'/keepsimple_/assets/longevity/habits/tooltip-headline-bg.png',
- '/keepsimple_/assets/longevity/habits/what-is-this-bg.webp',
+ '/keepsimple_/assets/longevity/habits/what-is-this-bg.png',
];
imagesToPreload.forEach(src => {
diff --git a/src/pages/tools/index.tsx b/src/pages/tools/index.tsx
index b95218c..b3d76b4 100644
--- a/src/pages/tools/index.tsx
+++ b/src/pages/tools/index.tsx
@@ -103,6 +103,6 @@ export const getStaticProps: GetStaticProps = async ({
locale,
tools: tools,
},
- revalidate: 10,
+ revalidate: 3600,
};
};