diff --git a/web/package.json b/web/package.json index 191e5b5ae..f9fee5373 100644 --- a/web/package.json +++ b/web/package.json @@ -10,7 +10,8 @@ "lint": "eslint . --max-warnings 0 --fix", "lit-analyse": "lit-analyzer src", "prettier-check": "prettier --check .", - "prettier": "prettier --write ." + "prettier": "prettier --write .", + "background-image": "npx @squoosh/cli --resize '{\"enabled\":true,\"width\":2560,\"method\":\"lanczos3\",\"fitMethod\":\"contain\",\"premultiply\":true,\"linearRGB\":true}' --mozjpeg '{\"quality\":75,\"baseline\":false,\"arithmetic\":false,\"progressive\":true,\"optimize_coding\":true,\"smoothing\":0,\"color_space\":3,\"quant_table\":3,\"trellis_multipass\":false,\"trellis_opt_zero\":false,\"trellis_opt_table\":false,\"trellis_loops\":1,\"auto_subsample\":true,\"chroma_subsample\":2,\"separate_chroma_quality\":false,\"chroma_quality\":75}' src/assets/images/flow_background.jpg" }, "lingui": { "sourceLocale": "en", @@ -58,6 +59,7 @@ "@rollup/plugin-typescript": "^8.2.5", "@sentry/browser": "^6.12.0", "@sentry/tracing": "^6.12.0", + "@squoosh/cli": "^0.7.2", "@types/chart.js": "^2.9.34", "@types/codemirror": "5.60.2", "@types/grecaptcha": "^3.0.3", diff --git a/web/src/assets/images/flow_background.jpg b/web/src/assets/images/flow_background.jpg index 5f74dd8bb..a307309b7 100644 Binary files a/web/src/assets/images/flow_background.jpg and b/web/src/assets/images/flow_background.jpg differ diff --git a/web/src/flows/FlowExecutor.ts b/web/src/flows/FlowExecutor.ts index a3bb3a5ec..bd4456904 100644 --- a/web/src/flows/FlowExecutor.ts +++ b/web/src/flows/FlowExecutor.ts @@ -374,7 +374,7 @@ export class FlowExecutor extends LitElement implements StageHost { ${this.challenge?.flowInfo?.background?.startsWith("/static") ? html`