Improve onboarding layout and add sidebar mascot
All checks were successful
Deploy Sokko G / deploy (push) Successful in 7s

This commit is contained in:
Shinuwa 2026-08-12 23:53:50 +02:00
parent 2f1526b86b
commit 48dcc8182c
12 changed files with 119 additions and 50 deletions

View file

@ -85,6 +85,7 @@ export function validateSiteContent(site) {
"home.onboarding.title",
"home.onboarding.description",
"home.onboarding.stepsTitle",
"home.onboarding.sliderTitle",
"home.onboarding.sliderLabel",
"home.onboarding.slideButtonLabel",
"home.origin.eyebrow",

View file

@ -46,6 +46,7 @@ test("vite entrypoint and app shell are wired", async () => {
assert.match(shell, /export function Shell/);
assert.doesNotMatch(shell, /content\.navigation\.library/);
assert.match(shell, /sidebar-about-link/);
assert.match(shell, /dragon-sidebar\.png/);
assert.match(shell, /ImportButton/);
assert.match(overlays, /export function AppOverlays/);
assert.match(overlays, /\.\/ToolboxModals\.jsx/);
@ -63,9 +64,10 @@ test("vite entrypoint and app shell are wired", async () => {
assert.match(homePage, /export function HomePage/);
assert.match(homePage, /HomeOnboardingSection/);
assert.match(homePage, /import\.meta\.env\.DEV \|\| toolboxes\.length === 0/);
assert.match(homePage, /dragon\.png/);
assert.match(homePage, /dragon-home\.png/);
assert.match(homeOnboarding, /export function HomeOnboardingSection/);
assert.match(homeOnboarding, /prefers-reduced-motion: reduce/);
assert.match(homeOnboarding, /content\.sliderTitle/);
assert.match(homeOnboarding, /home-onboarding-dots/);
assert.match(aboutPage, /export function AboutPage/);
assert.match(aboutPage, /HomeOnboardingSection/);
@ -132,7 +134,8 @@ test("legacy icons and primary images are available", async () => {
await readFile("website/public/static/icons/trashcan.svg", "utf8");
await readFile("website/public/static/icons/zoom.svg", "utf8");
await readFile("website/public/favicon.ico");
await readFile("website/public/static/img/dragon.png");
await readFile("website/public/static/img/dragon-home.png");
await readFile("website/public/static/img/dragon-sidebar.png");
await readFile("website/public/static/img/dragon-gameguide.png");
await readFile("website/public/static/img/dragon-toolbox.png");
await readFile("website/public/static/img/onboarding/toolbox-overview.png");

View file

@ -45,6 +45,7 @@ test("style entrypoint and theme layers are wired", async () => {
assert.match(styleHome, /\.about-tool-item \.module-icon/);
assert.match(styleMixins, /@mixin gold-panel-frame/);
assert.match(styleShell, /\.sidebar-about-link/);
assert.match(styleShell, /\.sidebar-mascot/);
assert.match(styleToolboxes, /\.module-icon-abacus/);
assert.match(styleToolboxes, /\.module-icon-calculator/);
assert.match(styleToolboxes, /\.module-icon-columns/);