diff --git a/.gitignore b/.gitignore index 8cbfcdeb..5c30dc67 100644 --- a/.gitignore +++ b/.gitignore @@ -41,3 +41,6 @@ devenv.local.nix # pre-commit .pre-commit-config.yaml + +# Gleam +build/ diff --git a/.vscode/settings.json b/.vscode/settings.json index 4fc0aec5..eb43e671 100644 --- a/.vscode/settings.json +++ b/.vscode/settings.json @@ -37,6 +37,7 @@ "paypal", "phpstan", "prenom", + "presentes", "problemes", "Proprietes", "rafraichissement", @@ -50,6 +51,7 @@ "Simplifiee", "souleve", "specifiques", + "Surchargement", "tabpanel", "tete", "tseslint", diff --git a/biome.json b/biome.json index 309eb743..746c2dbe 100644 --- a/biome.json +++ b/biome.json @@ -1,5 +1,5 @@ { - "$schema": "https://biomejs.dev/schemas/1.9.0/schema.json", + "$schema": "https://biomejs.dev/schemas/1.9.4/schema.json", "css": { "formatter": { "enabled": false }, "linter": { "enabled": true } }, "files": { "ignore": ["*.min.js", "vendor", "web/app/plugins", "web/app/themes/haiku-atelier-2024/assets", "web/wp"], diff --git a/composer.lock b/composer.lock index 734a8413..03f464ff 100644 --- a/composer.lock +++ b/composer.lock @@ -495,35 +495,40 @@ }, { "name": "idleberg/wordpress-vite-assets", - "version": "v1.2.0", + "version": "v1.2.1", "source": { "type": "git", "url": "https://github.com/idleberg/php-wordpress-vite-assets.git", - "reference": "612bb0dea602ea590f25a85b521aacdaea644807" + "reference": "8a11b2894b5948759c9b54d2879be562fc7cc37e" }, "dist": { "type": "zip", - "url": "https://api.github.com/repos/idleberg/php-wordpress-vite-assets/zipball/612bb0dea602ea590f25a85b521aacdaea644807", - "reference": "612bb0dea602ea590f25a85b521aacdaea644807", + "url": "https://api.github.com/repos/idleberg/php-wordpress-vite-assets/zipball/8a11b2894b5948759c9b54d2879be562fc7cc37e", + "reference": "8a11b2894b5948759c9b54d2879be562fc7cc37e", "shasum": "" }, "require": { - "idleberg/vite-manifest": "^1.1.0", + "idleberg/vite-manifest": "^1.2.0", "php": ">=8.1" }, "require-dev": { - "brainmaestro/composer-git-hooks": "^3.0@alpha", + "brainmaestro/composer-git-hooks": "^3.0.0", "codeception/codeception": "^5.0.4", "codeception/module-asserts": "^3.0.0", "friendsofphp/php-cs-fixer": "^3.11", - "icanhazstring/composer-unused": "^0.8.10", "phpstan/extension-installer": "^1.2", "phpstan/phpstan": "^1.9", + "shipmonk/composer-dependency-analyser": "^1.6", "szepeviktor/phpstan-wordpress": "^1.1" }, "type": "library", "extra": { "hooks": { + "config": { + "stop-on-failure": [ + "pre-commit" + ] + }, "pre-commit": [ "composer run format", "composer run lint", @@ -555,9 +560,15 @@ ], "support": { "issues": "https://github.com/idleberg/php-wordpress-vite-assets/issues", - "source": "https://github.com/idleberg/php-wordpress-vite-assets/tree/v1.2.0" + "source": "https://github.com/idleberg/php-wordpress-vite-assets/tree/v1.2.1" }, - "time": "2024-06-09T22:47:52+00:00" + "funding": [ + { + "url": "https://www.buymeacoffee.com/idleberg", + "type": "buy_me_a_coffee" + } + ], + "time": "2024-11-01T23:06:58+00:00" }, { "name": "league/uri", @@ -3537,12 +3548,12 @@ "source": { "type": "git", "url": "https://github.com/Roave/SecurityAdvisories.git", - "reference": "b9d92910c727387dcb8f5dac744acab5a0190866" + "reference": "e3b44e38648ef5386687032582759f9c616c8d19" }, "dist": { "type": "zip", - "url": "https://api.github.com/repos/Roave/SecurityAdvisories/zipball/b9d92910c727387dcb8f5dac744acab5a0190866", - "reference": "b9d92910c727387dcb8f5dac744acab5a0190866", + "url": "https://api.github.com/repos/Roave/SecurityAdvisories/zipball/e3b44e38648ef5386687032582759f9c616c8d19", + "reference": "e3b44e38648ef5386687032582759f9c616c8d19", "shasum": "" }, "conflict": { @@ -3862,6 +3873,7 @@ "laravel/fortify": "<1.11.1", "laravel/framework": "<6.20.44|>=7,<7.30.6|>=8,<8.75", "laravel/laravel": ">=5.4,<5.4.22", + "laravel/reverb": "<1.4", "laravel/socialite": ">=1,<2.0.10", "latte/latte": "<2.10.8", "lavalite/cms": "<=9|==10.1", @@ -4272,7 +4284,7 @@ "xataface/xataface": "<3", "xpressengine/xpressengine": "<3.0.15", "yab/quarx": "<2.4.5", - "yeswiki/yeswiki": "<4.1", + "yeswiki/yeswiki": "<=4.4.4", "yetiforce/yetiforce-crm": "<=6.4", "yidashi/yii2cmf": "<=2", "yii2mod/yii2-cms": "<1.9.2", @@ -4363,7 +4375,7 @@ "type": "tidelift" } ], - "time": "2024-10-30T23:05:00+00:00" + "time": "2024-10-31T18:06:19+00:00" }, { "name": "sebastian/diff", diff --git a/package.json b/package.json index dd72aa41..19e715dd 100644 --- a/package.json +++ b/package.json @@ -8,9 +8,7 @@ "packageManager": "pnpm@9.12.3", "main": "index.js", "keywords": [], - "scripts": { - "test": "echo \"Error: no test specified\" && exit 1" - }, + "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "dependencies": { "@mobily/ts-belt": "4.0.0-rc.5", "@sentry/browser": "8.36.0", @@ -22,7 +20,7 @@ }, "devDependencies": { "@biomejs/biome": "^1.9.4", - "@eslint/js": "^9.13.0", + "@eslint/js": "^9.14.0", "@prettier/plugin-php": "^0.22.2", "@prettier/plugin-xml": "^3.4.1", "@sentry/types": "8.36.0", @@ -31,17 +29,17 @@ "better-typescript-lib": "^2.9.0", "browserslist": "^4.24.2", "configurations-js": "git+https://git.gcch.fr/gcch/configurations-js.git", - "eslint": "^9.13.0", - "eslint-plugin-oxlint": "^0.10.1", + "eslint": "^9.14.0", + "eslint-plugin-oxlint": "^0.11.0", "eslint-plugin-perfectionist": "^3.9.1", "fdir": "^6.4.2", "globals": "^15.11.0", - "oxlint": "^0.10.3", + "oxlint": "^0.11.0", "picomatch": "^4.0.2", "prettier": "^3.3.3", "prettier-plugin-pkg": "^0.18.1", "prettier-plugin-sh": "^0.14.0", - "sass": "^1.80.5", + "sass": "^1.80.6", "stylelint": "^16.10.0", "stylelint-config-clean-order": "^6.1.0", "stylelint-config-sass-guidelines": "^12.1.0", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 9138df27..7d246376 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -34,8 +34,8 @@ importers: specifier: ^1.9.4 version: 1.9.4 '@eslint/js': - specifier: ^9.13.0 - version: 9.13.0 + specifier: ^9.14.0 + version: 9.14.0 '@prettier/plugin-php': specifier: ^0.22.2 version: 0.22.2(prettier@3.3.3) @@ -61,14 +61,14 @@ importers: specifier: git+https://git.gcch.fr/gcch/configurations-js.git version: git+https://git.gcch.fr/gcch/configurations-js.git#8041a8ac7398dd2255920bbb61ff782670bd13f2 eslint: - specifier: ^9.13.0 - version: 9.13.0 + specifier: ^9.14.0 + version: 9.14.0 eslint-plugin-oxlint: - specifier: ^0.10.1 - version: 0.10.1 + specifier: ^0.11.0 + version: 0.11.0 eslint-plugin-perfectionist: specifier: ^3.9.1 - version: 3.9.1(eslint@9.13.0)(typescript@5.7.0-dev.20241031) + version: 3.9.1(eslint@9.14.0)(typescript@5.7.0-dev.20241031) fdir: specifier: ^6.4.2 version: 6.4.2(picomatch@4.0.2) @@ -76,8 +76,8 @@ importers: specifier: ^15.11.0 version: 15.11.0 oxlint: - specifier: ^0.10.3 - version: 0.10.3 + specifier: ^0.11.0 + version: 0.11.0 picomatch: specifier: ^4.0.2 version: 4.0.2 @@ -91,8 +91,8 @@ importers: specifier: ^0.14.0 version: 0.14.0(prettier@3.3.3) sass: - specifier: ^1.80.5 - version: 1.80.5 + specifier: ^1.80.6 + version: 1.80.6 stylelint: specifier: ^16.10.0 version: 16.10.0(typescript@5.7.0-dev.20241031) @@ -116,19 +116,19 @@ importers: version: 5.7.0-dev.20241031 typescript-eslint: specifier: ^8.12.2 - version: 8.12.2(eslint@9.13.0)(typescript@5.7.0-dev.20241031) + version: 8.12.2(eslint@9.14.0)(typescript@5.7.0-dev.20241031) vite: specifier: ^5.4.10 - version: 5.4.10(@types/node@22.8.6)(sass@1.80.5) + version: 5.4.10(@types/node@22.8.6)(sass@1.80.6) vite-plugin-manifest-sri: specifier: ^0.2.0 version: 0.2.0 vite-plugin-valibot-env: specifier: ^0.8.3 - version: 0.8.3(valibot@1.0.0-beta.0(typescript@5.7.0-dev.20241031))(vite@5.4.10(@types/node@22.8.6)(sass@1.80.5)) + version: 0.8.3(valibot@1.0.0-beta.0(typescript@5.7.0-dev.20241031))(vite@5.4.10(@types/node@22.8.6)(sass@1.80.6)) vite-tsconfig-paths: specifier: ^5.0.1 - version: 5.0.1(typescript@5.7.0-dev.20241031)(vite@5.4.10(@types/node@22.8.6)(sass@1.80.5)) + version: 5.0.1(typescript@5.7.0-dev.20241031)(vite@5.4.10(@types/node@22.8.6)(sass@1.80.6)) wp-types: specifier: ^4.66.1 version: 4.66.1 @@ -276,11 +276,11 @@ packages: cpu: [x64] os: [win32] - '@csstools/css-parser-algorithms@3.0.3': - resolution: {integrity: sha512-15WQTALDyxAwSgAvLt7BksAssiSrNNhTv4zM7qX9U6R7FtpNskVVakzWQlYODlwPwXhGpKPmB10LM943pxMe7w==} + '@csstools/css-parser-algorithms@3.0.4': + resolution: {integrity: sha512-Up7rBoV77rv29d3uKHUIVubz1BTcgyUK72IvCQAbfbMv584xHcGKCKbWh7i8hPrRJ7qU4Y8IO3IY9m+iTB7P3A==} engines: {node: '>=18'} peerDependencies: - '@csstools/css-tokenizer': ^3.0.2 + '@csstools/css-tokenizer': ^3.0.3 '@csstools/css-tokenizer@3.0.3': resolution: {integrity: sha512-UJnjoFsmxfKUdNYdWgOB0mWUypuLvAfQPH1+pyvRJs6euowbFkFC6P13w1l8mJyi3vxYMxc9kld5jZEGRQs6bw==} @@ -462,8 +462,8 @@ packages: resolution: {integrity: sha512-4Bfj15dVJdoy3RfZmmo86RK1Fwzn6SstsvK9JS+BaVKqC6QQQQyXekNaC+g+LKNgkQ+2VhGAzm6hO40AhMR3zQ==} engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0} - '@eslint/js@9.13.0': - resolution: {integrity: sha512-IFLyoY4d72Z5y/6o/BazFBezupzI/taV8sGumxTAVw3lXG9A6md1Dc34T9s1FoD/an9pJH8RHbAxsaEbBed9lA==} + '@eslint/js@9.14.0': + resolution: {integrity: sha512-pFoEtFWCPyDOl+C6Ift+wC7Ro89otjigCf5vcuWqWgqNSQbRrpjSvdeE6ofLz4dHmyxD5f7gIdGT4+p36L6Twg==} engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0} '@eslint/object-schema@2.1.4': @@ -490,6 +490,10 @@ packages: resolution: {integrity: sha512-JBxkERygn7Bv/GbN5Rv8Ul6LVknS+5Bp6RgDC/O8gEBU/yeH5Ui5C/OlWrTb6qct7LjjfT6Re2NxB0ln0yYybA==} engines: {node: '>=18.18'} + '@humanwhocodes/retry@0.4.0': + resolution: {integrity: sha512-xnRgu9DxZbkWak/te3fcytNyp8MTbuiZIaueg2rgEvBuN55n04nwLYLU9TX/VVlusc9L2ZNXi99nUFNkHXtr5g==} + engines: {node: '>=18.18'} + '@mobily/ts-belt@4.0.0-rc.5': resolution: {integrity: sha512-HLWJ8yKrfwdMzCvckRunrAL8Z+K5q31FdY6JzhkBp8o6uQsVuzf26KFyno1s6n6GB78OJEsjs57SaDk9plsJhA==} engines: {node: '>= 10.*'} @@ -610,43 +614,43 @@ packages: resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==} engines: {node: '>= 8'} - '@oxlint/darwin-arm64@0.10.3': - resolution: {integrity: sha512-1zcWSqr9DmhbSrV1SEZRywp81CNq8ZidIcFGB8tGUMnlBNYiHnxyHHh2GIZsr1C2exmkBUGXruM1P8eQ9BWGuQ==} + '@oxlint/darwin-arm64@0.11.0': + resolution: {integrity: sha512-qQ1C5yvRYECp+FP8DCOSqNX4+e72xXyApJ2O8QyIeYFuGGF2MoDVQz3NYJEOjOfArZ9YXGsELwM3UFtjTGIZVg==} cpu: [arm64] os: [darwin] - '@oxlint/darwin-x64@0.10.3': - resolution: {integrity: sha512-lPAXCwYb+wZgjWAMhtPjGn7n1h8HvTulj6XCRyIgUu/aTGDRtnsae9IPXsJ9LJwYu5wyzkcWow0nhlIxkDaZ+w==} + '@oxlint/darwin-x64@0.11.0': + resolution: {integrity: sha512-pAqp6/6+mAIPr8WBndzmEuRbcXW8WNdn80hd8fLeR9teJI8eMpTkYL6kQIU7VjJ3NxpmzBLO7nh979/bwmmuBQ==} cpu: [x64] os: [darwin] - '@oxlint/linux-arm64-gnu@0.10.3': - resolution: {integrity: sha512-OmzpNVRwhjuI/RtoG4ROrwxRICTLoBB3ua4/Mh2iC3RelOog2xhlAAJHenKtzgQXNmebWof/0EckFpMfID7fMw==} + '@oxlint/linux-arm64-gnu@0.11.0': + resolution: {integrity: sha512-RmpjCWjX0RJ1MdIcqGQsOlXh9WgXnVgVolZLCs8MHqNuYtaIA+0VOxOhJOr7CQ0HmwV+ysPTAiQ2SVSI2tVJQQ==} cpu: [arm64] os: [linux] - '@oxlint/linux-arm64-musl@0.10.3': - resolution: {integrity: sha512-QQzlIW6rKOoGZK19gz/kbAbIFROJEV6ER0smcoBA7FzwsQ/ji796qx3TdITelgJwJt5x+OG5ZHztIjyzC871ZQ==} + '@oxlint/linux-arm64-musl@0.11.0': + resolution: {integrity: sha512-totBeaOeZlblKRpSZi3svVWpJjFlhxR7Xzrh3nhPTgHMM3696qjzyb80Yg0K8gAlOrIDlBblLG0JnaxvdM2yjg==} cpu: [arm64] os: [linux] - '@oxlint/linux-x64-gnu@0.10.3': - resolution: {integrity: sha512-m4ZUKsQNXxXmHUYBEaO7KN83DPVsLTq8KaRO4qj0Cs1RgD8O3YYCCDewVe8x/9yskQrCCTP4mL0G4IZgDJ3Gpg==} + '@oxlint/linux-x64-gnu@0.11.0': + resolution: {integrity: sha512-tXiJ97WH4vwTIkGMnXYPx5NqwQiYLW9MbmnGkKkm5Xv/wpAaN761PkHRJT0zsYoAgoU3nZVp3qhit9MpHq1SQg==} cpu: [x64] os: [linux] - '@oxlint/linux-x64-musl@0.10.3': - resolution: {integrity: sha512-XKvAUYxE9bHjvWE4wmOlIdaVQN7pzZAH3Rx1EFg0MfGBVjyDm+uf0P3so+gx2PowqvBnBneL9tth2AS3Bcjl6g==} + '@oxlint/linux-x64-musl@0.11.0': + resolution: {integrity: sha512-LgjgD80fiz37g31t/jMm9kyDM31WPjcTkXXXU702WQsdhujXVUZDWid9/QeVvi51EVufyyekaTYgNR8REVVZZg==} cpu: [x64] os: [linux] - '@oxlint/win32-arm64@0.10.3': - resolution: {integrity: sha512-8xhYVvnwrveMHyXAgQAaDjJWFij4mZP6jtMlBIjk6pZSrjUzX+9o7Wh1zgH6kYApmcPDAzomYJLSYvyF5PzluA==} + '@oxlint/win32-arm64@0.11.0': + resolution: {integrity: sha512-lfANFSWt0vU6x9JQYeMEy6uy8wniZGYQt0nT45P3BwXIMhAJbEC3yEX+bP5x8eTQrgkDu4dwIDURGCeeUL/NdA==} cpu: [arm64] os: [win32] - '@oxlint/win32-x64@0.10.3': - resolution: {integrity: sha512-dQiHruLd42aock1WHp5BFvRvaz+Pe436dQkcmlCVmInhmOjRpDEVKPUUWamrImV6S8VM63bn4Jp60vpprjJQdQ==} + '@oxlint/win32-x64@0.11.0': + resolution: {integrity: sha512-5CHtAp82xbv0jnh/HGi3QE0ANBr3+R338MA0wgZXc7477Vuri0aSK0T9oRU+K/pVloPVJaWKSDCCZoiZIYckzg==} cpu: [x64] os: [win32] @@ -1209,8 +1213,8 @@ packages: resolution: {integrity: sha512-IQOkD3hbR5KrN93MtcYuad6YPuTSUhntLHDuLEbFWE+ff2/XSZNdZG+LcbbIW5AXKg/WFIfYItIzVoHngHXZzA==} engines: {node: '>=12 || >=16'} - css-tree@3.0.0: - resolution: {integrity: sha512-o88DVQ6GzsABn1+6+zo2ct801dBO5OASVyxbbvA2W20ue2puSh/VOuqUj90eUeMSX/xqGqBmOKiRQN7tJOuBXw==} + css-tree@3.0.1: + resolution: {integrity: sha512-8Fxxv+tGhORlshCdCwnNJytvlvq46sOLSYEx2ZIGurahWvMucSRnyjPA3AmrMq4VPRYbHVpWj5VkiVasrM2H4Q==} engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0} cssesc@3.0.0: @@ -1280,8 +1284,8 @@ packages: resolution: {integrity: sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==} engines: {node: '>=12'} - eslint-plugin-oxlint@0.10.1: - resolution: {integrity: sha512-bo59mtO2ff1TqrKOOkHy515j+1zrjqtfoKKxuQ7p8vS+AUGKzIm8HnK2+ZKZ8W13xULfFA6gfUxduJ/rRjFUUg==} + eslint-plugin-oxlint@0.11.0: + resolution: {integrity: sha512-9CHYh1eLt2Z83ShLbvj79G6lqC2qLJBfsd7baGWOwDmLM2GXu2COi1r4tMMS2OI8gfB4s2uOgS8ZiYzHhN8uzQ==} eslint-plugin-perfectionist@3.9.1: resolution: {integrity: sha512-9WRzf6XaAxF4Oi5t/3TqKP5zUjERhasHmLFHin2Yw6ZAp/EP/EVA2dr3BhQrrHWCm5SzTMZf0FcjDnBkO2xFkA==} @@ -1314,8 +1318,8 @@ packages: resolution: {integrity: sha512-UyLnSehNt62FFhSwjZlHmeokpRK59rcz29j+F1/aDgbkbRTk7wIc9XzdoasMUbRNKDM0qQt/+BJ4BrpFeABemw==} engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0} - eslint@9.13.0: - resolution: {integrity: sha512-EYZK6SX6zjFHST/HRytOdA/zE72Cq/bfw45LSyuwrdvcclb/gqV8RRQxywOBEWO2+WDpva6UZa4CcDeJKzUCFA==} + eslint@9.14.0: + resolution: {integrity: sha512-c2FHsVBr87lnUtjP4Yhvk4yEhKrQavGafRA/Se1ouse8PfbfC/Qh9Mxa00yWsZRlqeUB9raXip0aiiUZkgnr9g==} engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0} hasBin: true peerDependencies: @@ -1610,6 +1614,9 @@ packages: json-stable-stringify-without-jsonify@1.0.1: resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==} + jsonc-parser@3.3.1: + resolution: {integrity: sha512-HUgH65KyejrUFPvHFPbqOY0rsFip3Bo5wb4ngvdi1EpCYWUQDC5V+Y7mZws+DLkr4M//zQJoanu1SP+87Dv1oQ==} + keyv@4.5.4: resolution: {integrity: sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==} @@ -1658,9 +1665,6 @@ packages: mathml-tag-names@2.1.3: resolution: {integrity: sha512-APMBEanjybaPzUrfqU0IMU5I0AswKMH7k8OTLs0vvV4KZpExkTkY87nR/zpbuTPj+gARop7aGUbl11pnDfW6xg==} - mdn-data@2.10.0: - resolution: {integrity: sha512-qq7C3EtK3yJXMwz1zAab65pjl+UhohqMOctTgcqjLOWABqmwj+me02LSsCuEUxnst9X1lCBpoE0WArGKgdGDzw==} - mdn-data@2.12.1: resolution: {integrity: sha512-rsfnCbOHjqrhWxwt5/wtSLzpoKTzW7OXdT5lLOIH1OTYhWu9rRJveGq0sKvDZODABH7RX+uoR+DYcpFnq4Tf6Q==} @@ -1756,8 +1760,8 @@ packages: resolution: {integrity: sha512-uksVLsqG3pVdzzPvmAHpBK0wKxYItuzZr7SziusRPoz67tGV8rL1szZ6IdeUrbqLjGDwApBtN29eEE3IqGHOjg==} engines: {node: '>=4'} - oxlint@0.10.3: - resolution: {integrity: sha512-af5u5+s4adyszujeILPDRGwix0o5M1+qR1eqxNSmJhTKVRX7xdrT9s2rpNpMYxQmPyWRhC/+5Gqyb+f/PtbK9A==} + oxlint@0.11.0: + resolution: {integrity: sha512-uY6/R4k5bECwJBR+y8CqGRcUb5hxNReziBjt5+pk6DKxj46DqMd6HwEk090KnaH1czVf23r8mcEsJYGowMWeIA==} engines: {node: '>=14.*'} hasBin: true @@ -1949,8 +1953,8 @@ packages: safe-buffer@5.2.1: resolution: {integrity: sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==} - sass@1.80.5: - resolution: {integrity: sha512-TQd2aoQl/+zsxRMEDSxVdpPIqeq9UFc6pr7PzkugiTx3VYCFPUaa3P4RrBQsqok4PO200Vkz0vXQBNlg7W907g==} + sass@1.80.6: + resolution: {integrity: sha512-ccZgdHNiBF1NHBsWvacvT5rju3y1d/Eu+8Ex6c21nHp2lZGLBEtuwc415QfiI1PJa1TpCo3iXwwSRjRpn2Ckjg==} engines: {node: '>=14.0.0'} hasBin: true @@ -2414,15 +2418,15 @@ snapshots: '@biomejs/cli-win32-x64@1.9.4': optional: true - '@csstools/css-parser-algorithms@3.0.3(@csstools/css-tokenizer@3.0.3)': + '@csstools/css-parser-algorithms@3.0.4(@csstools/css-tokenizer@3.0.3)': dependencies: '@csstools/css-tokenizer': 3.0.3 '@csstools/css-tokenizer@3.0.3': {} - '@csstools/media-query-list-parser@3.0.1(@csstools/css-parser-algorithms@3.0.3(@csstools/css-tokenizer@3.0.3))(@csstools/css-tokenizer@3.0.3)': + '@csstools/media-query-list-parser@3.0.1(@csstools/css-parser-algorithms@3.0.4(@csstools/css-tokenizer@3.0.3))(@csstools/css-tokenizer@3.0.3)': dependencies: - '@csstools/css-parser-algorithms': 3.0.3(@csstools/css-tokenizer@3.0.3) + '@csstools/css-parser-algorithms': 3.0.4(@csstools/css-tokenizer@3.0.3) '@csstools/css-tokenizer': 3.0.3 '@csstools/selector-specificity@4.0.0(postcss-selector-parser@6.1.2)': @@ -2500,9 +2504,9 @@ snapshots: '@esbuild/win32-x64@0.21.5': optional: true - '@eslint-community/eslint-utils@4.4.1(eslint@9.13.0)': + '@eslint-community/eslint-utils@4.4.1(eslint@9.14.0)': dependencies: - eslint: 9.13.0 + eslint: 9.14.0 eslint-visitor-keys: 3.4.3 '@eslint-community/regexpp@4.12.1': {} @@ -2531,7 +2535,7 @@ snapshots: transitivePeerDependencies: - supports-color - '@eslint/js@9.13.0': {} + '@eslint/js@9.14.0': {} '@eslint/object-schema@2.1.4': {} @@ -2550,6 +2554,8 @@ snapshots: '@humanwhocodes/retry@0.3.1': {} + '@humanwhocodes/retry@0.4.0': {} + '@mobily/ts-belt@4.0.0-rc.5': {} '@mole-inc/bin-wrapper@8.0.1': @@ -2643,28 +2649,28 @@ snapshots: '@nodelib/fs.scandir': 2.1.5 fastq: 1.17.1 - '@oxlint/darwin-arm64@0.10.3': + '@oxlint/darwin-arm64@0.11.0': optional: true - '@oxlint/darwin-x64@0.10.3': + '@oxlint/darwin-x64@0.11.0': optional: true - '@oxlint/linux-arm64-gnu@0.10.3': + '@oxlint/linux-arm64-gnu@0.11.0': optional: true - '@oxlint/linux-arm64-musl@0.10.3': + '@oxlint/linux-arm64-musl@0.11.0': optional: true - '@oxlint/linux-x64-gnu@0.10.3': + '@oxlint/linux-x64-gnu@0.11.0': optional: true - '@oxlint/linux-x64-musl@0.10.3': + '@oxlint/linux-x64-musl@0.11.0': optional: true - '@oxlint/win32-arm64@0.10.3': + '@oxlint/win32-arm64@0.11.0': optional: true - '@oxlint/win32-x64@0.10.3': + '@oxlint/win32-x64@0.11.0': optional: true '@parcel/watcher-android-arm64@2.4.1': @@ -2722,6 +2728,7 @@ snapshots: '@parcel/watcher-win32-arm64': 2.4.1 '@parcel/watcher-win32-ia32': 2.4.1 '@parcel/watcher-win32-x64': 2.4.1 + optional: true '@prettier/plugin-php@0.22.2(prettier@3.3.3)': dependencies: @@ -2839,9 +2846,9 @@ snapshots: '@stylistic/stylelint-plugin@3.1.1(stylelint@16.10.0(typescript@5.7.0-dev.20241031))': dependencies: - '@csstools/css-parser-algorithms': 3.0.3(@csstools/css-tokenizer@3.0.3) + '@csstools/css-parser-algorithms': 3.0.4(@csstools/css-tokenizer@3.0.3) '@csstools/css-tokenizer': 3.0.3 - '@csstools/media-query-list-parser': 3.0.1(@csstools/css-parser-algorithms@3.0.3(@csstools/css-tokenizer@3.0.3))(@csstools/css-tokenizer@3.0.3) + '@csstools/media-query-list-parser': 3.0.1(@csstools/css-parser-algorithms@3.0.4(@csstools/css-tokenizer@3.0.3))(@csstools/css-tokenizer@3.0.3) is-plain-object: 5.0.0 postcss-selector-parser: 6.1.2 postcss-value-parser: 4.2.0 @@ -2957,15 +2964,15 @@ snapshots: dependencies: '@types/node': 22.8.6 - '@typescript-eslint/eslint-plugin@8.12.2(@typescript-eslint/parser@8.12.2(eslint@9.13.0)(typescript@5.7.0-dev.20241031))(eslint@9.13.0)(typescript@5.7.0-dev.20241031)': + '@typescript-eslint/eslint-plugin@8.12.2(@typescript-eslint/parser@8.12.2(eslint@9.14.0)(typescript@5.7.0-dev.20241031))(eslint@9.14.0)(typescript@5.7.0-dev.20241031)': dependencies: '@eslint-community/regexpp': 4.12.1 - '@typescript-eslint/parser': 8.12.2(eslint@9.13.0)(typescript@5.7.0-dev.20241031) + '@typescript-eslint/parser': 8.12.2(eslint@9.14.0)(typescript@5.7.0-dev.20241031) '@typescript-eslint/scope-manager': 8.12.2 - '@typescript-eslint/type-utils': 8.12.2(eslint@9.13.0)(typescript@5.7.0-dev.20241031) - '@typescript-eslint/utils': 8.12.2(eslint@9.13.0)(typescript@5.7.0-dev.20241031) + '@typescript-eslint/type-utils': 8.12.2(eslint@9.14.0)(typescript@5.7.0-dev.20241031) + '@typescript-eslint/utils': 8.12.2(eslint@9.14.0)(typescript@5.7.0-dev.20241031) '@typescript-eslint/visitor-keys': 8.12.2 - eslint: 9.13.0 + eslint: 9.14.0 graphemer: 1.4.0 ignore: 5.3.2 natural-compare: 1.4.0 @@ -2975,14 +2982,14 @@ snapshots: transitivePeerDependencies: - supports-color - '@typescript-eslint/parser@8.12.2(eslint@9.13.0)(typescript@5.7.0-dev.20241031)': + '@typescript-eslint/parser@8.12.2(eslint@9.14.0)(typescript@5.7.0-dev.20241031)': dependencies: '@typescript-eslint/scope-manager': 8.12.2 '@typescript-eslint/types': 8.12.2 '@typescript-eslint/typescript-estree': 8.12.2(typescript@5.7.0-dev.20241031) '@typescript-eslint/visitor-keys': 8.12.2 debug: 4.3.7 - eslint: 9.13.0 + eslint: 9.14.0 optionalDependencies: typescript: 5.7.0-dev.20241031 transitivePeerDependencies: @@ -2993,10 +3000,10 @@ snapshots: '@typescript-eslint/types': 8.12.2 '@typescript-eslint/visitor-keys': 8.12.2 - '@typescript-eslint/type-utils@8.12.2(eslint@9.13.0)(typescript@5.7.0-dev.20241031)': + '@typescript-eslint/type-utils@8.12.2(eslint@9.14.0)(typescript@5.7.0-dev.20241031)': dependencies: '@typescript-eslint/typescript-estree': 8.12.2(typescript@5.7.0-dev.20241031) - '@typescript-eslint/utils': 8.12.2(eslint@9.13.0)(typescript@5.7.0-dev.20241031) + '@typescript-eslint/utils': 8.12.2(eslint@9.14.0)(typescript@5.7.0-dev.20241031) debug: 4.3.7 ts-api-utils: 1.4.0(typescript@5.7.0-dev.20241031) optionalDependencies: @@ -3022,13 +3029,13 @@ snapshots: transitivePeerDependencies: - supports-color - '@typescript-eslint/utils@8.12.2(eslint@9.13.0)(typescript@5.7.0-dev.20241031)': + '@typescript-eslint/utils@8.12.2(eslint@9.14.0)(typescript@5.7.0-dev.20241031)': dependencies: - '@eslint-community/eslint-utils': 4.4.1(eslint@9.13.0) + '@eslint-community/eslint-utils': 4.4.1(eslint@9.14.0) '@typescript-eslint/scope-manager': 8.12.2 '@typescript-eslint/types': 8.12.2 '@typescript-eslint/typescript-estree': 8.12.2(typescript@5.7.0-dev.20241031) - eslint: 9.13.0 + eslint: 9.14.0 transitivePeerDependencies: - supports-color - typescript @@ -3214,9 +3221,9 @@ snapshots: css-functions-list@3.2.3: {} - css-tree@3.0.0: + css-tree@3.0.1: dependencies: - mdn-data: 2.10.0 + mdn-data: 2.12.1 source-map-js: 1.2.1 cssesc@3.0.0: {} @@ -3233,7 +3240,8 @@ snapshots: defer-to-connect@2.0.1: {} - detect-libc@1.0.3: {} + detect-libc@1.0.3: + optional: true dir-glob@3.0.1: dependencies: @@ -3285,13 +3293,15 @@ snapshots: escape-string-regexp@5.0.0: {} - eslint-plugin-oxlint@0.10.1: {} + eslint-plugin-oxlint@0.11.0: + dependencies: + jsonc-parser: 3.3.1 - eslint-plugin-perfectionist@3.9.1(eslint@9.13.0)(typescript@5.7.0-dev.20241031): + eslint-plugin-perfectionist@3.9.1(eslint@9.14.0)(typescript@5.7.0-dev.20241031): dependencies: '@typescript-eslint/types': 8.12.2 - '@typescript-eslint/utils': 8.12.2(eslint@9.13.0)(typescript@5.7.0-dev.20241031) - eslint: 9.13.0 + '@typescript-eslint/utils': 8.12.2(eslint@9.14.0)(typescript@5.7.0-dev.20241031) + eslint: 9.14.0 minimatch: 9.0.5 natural-compare-lite: 1.4.0 transitivePeerDependencies: @@ -3307,18 +3317,18 @@ snapshots: eslint-visitor-keys@4.2.0: {} - eslint@9.13.0: + eslint@9.14.0: dependencies: - '@eslint-community/eslint-utils': 4.4.1(eslint@9.13.0) + '@eslint-community/eslint-utils': 4.4.1(eslint@9.14.0) '@eslint-community/regexpp': 4.12.1 '@eslint/config-array': 0.18.0 '@eslint/core': 0.7.0 '@eslint/eslintrc': 3.1.0 - '@eslint/js': 9.13.0 + '@eslint/js': 9.14.0 '@eslint/plugin-kit': 0.2.2 '@humanfs/node': 0.16.6 '@humanwhocodes/module-importer': 1.0.1 - '@humanwhocodes/retry': 0.3.1 + '@humanwhocodes/retry': 0.4.0 '@types/estree': 1.0.6 '@types/json-schema': 7.0.15 ajv: 6.12.6 @@ -3609,6 +3619,8 @@ snapshots: json-stable-stringify-without-jsonify@1.0.1: {} + jsonc-parser@3.3.1: {} + keyv@4.5.4: dependencies: json-buffer: 3.0.1 @@ -3650,8 +3662,6 @@ snapshots: mathml-tag-names@2.1.3: {} - mdn-data@2.10.0: {} - mdn-data@2.12.1: {} meow@13.2.0: {} @@ -3691,7 +3701,8 @@ snapshots: natural-compare@1.4.0: {} - node-addon-api@7.1.1: {} + node-addon-api@7.1.1: + optional: true node-releases@2.0.18: {} @@ -3728,16 +3739,16 @@ snapshots: dependencies: arch: 2.2.0 - oxlint@0.10.3: + oxlint@0.11.0: optionalDependencies: - '@oxlint/darwin-arm64': 0.10.3 - '@oxlint/darwin-x64': 0.10.3 - '@oxlint/linux-arm64-gnu': 0.10.3 - '@oxlint/linux-arm64-musl': 0.10.3 - '@oxlint/linux-x64-gnu': 0.10.3 - '@oxlint/linux-x64-musl': 0.10.3 - '@oxlint/win32-arm64': 0.10.3 - '@oxlint/win32-x64': 0.10.3 + '@oxlint/darwin-arm64': 0.11.0 + '@oxlint/darwin-x64': 0.11.0 + '@oxlint/linux-arm64-gnu': 0.11.0 + '@oxlint/linux-arm64-musl': 0.11.0 + '@oxlint/linux-x64-gnu': 0.11.0 + '@oxlint/linux-x64-musl': 0.11.0 + '@oxlint/win32-arm64': 0.11.0 + '@oxlint/win32-x64': 0.11.0 p-cancelable@2.1.1: {} @@ -3904,12 +3915,13 @@ snapshots: safe-buffer@5.2.1: {} - sass@1.80.5: + sass@1.80.6: dependencies: - '@parcel/watcher': 2.4.1 chokidar: 4.0.1 immutable: 4.3.7 source-map-js: 1.2.1 + optionalDependencies: + '@parcel/watcher': 2.4.1 semver-regex@4.0.5: {} @@ -4043,7 +4055,7 @@ snapshots: stylelint-scss@6.8.1(stylelint@16.10.0(typescript@5.7.0-dev.20241031)): dependencies: - css-tree: 3.0.0 + css-tree: 3.0.1 is-plain-object: 5.0.0 known-css-properties: 0.34.0 mdn-data: 2.12.1 @@ -4055,16 +4067,16 @@ snapshots: stylelint@16.10.0(typescript@5.7.0-dev.20241031): dependencies: - '@csstools/css-parser-algorithms': 3.0.3(@csstools/css-tokenizer@3.0.3) + '@csstools/css-parser-algorithms': 3.0.4(@csstools/css-tokenizer@3.0.3) '@csstools/css-tokenizer': 3.0.3 - '@csstools/media-query-list-parser': 3.0.1(@csstools/css-parser-algorithms@3.0.3(@csstools/css-tokenizer@3.0.3))(@csstools/css-tokenizer@3.0.3) + '@csstools/media-query-list-parser': 3.0.1(@csstools/css-parser-algorithms@3.0.4(@csstools/css-tokenizer@3.0.3))(@csstools/css-tokenizer@3.0.3) '@csstools/selector-specificity': 4.0.0(postcss-selector-parser@6.1.2) '@dual-bundle/import-meta-resolve': 4.1.0 balanced-match: 2.0.0 colord: 2.9.3 cosmiconfig: 9.0.0(typescript@5.7.0-dev.20241031) css-functions-list: 3.2.3 - css-tree: 3.0.0 + css-tree: 3.0.1 debug: 4.3.7 fast-glob: 3.3.2 fastest-levenshtein: 1.0.16 @@ -4147,11 +4159,11 @@ snapshots: dependencies: prelude-ls: 1.2.1 - typescript-eslint@8.12.2(eslint@9.13.0)(typescript@5.7.0-dev.20241031): + typescript-eslint@8.12.2(eslint@9.14.0)(typescript@5.7.0-dev.20241031): dependencies: - '@typescript-eslint/eslint-plugin': 8.12.2(@typescript-eslint/parser@8.12.2(eslint@9.13.0)(typescript@5.7.0-dev.20241031))(eslint@9.13.0)(typescript@5.7.0-dev.20241031) - '@typescript-eslint/parser': 8.12.2(eslint@9.13.0)(typescript@5.7.0-dev.20241031) - '@typescript-eslint/utils': 8.12.2(eslint@9.13.0)(typescript@5.7.0-dev.20241031) + '@typescript-eslint/eslint-plugin': 8.12.2(@typescript-eslint/parser@8.12.2(eslint@9.14.0)(typescript@5.7.0-dev.20241031))(eslint@9.14.0)(typescript@5.7.0-dev.20241031) + '@typescript-eslint/parser': 8.12.2(eslint@9.14.0)(typescript@5.7.0-dev.20241031) + '@typescript-eslint/utils': 8.12.2(eslint@9.14.0)(typescript@5.7.0-dev.20241031) optionalDependencies: typescript: 5.7.0-dev.20241031 transitivePeerDependencies: @@ -4182,25 +4194,25 @@ snapshots: vite-plugin-manifest-sri@0.2.0: {} - vite-plugin-valibot-env@0.8.3(valibot@1.0.0-beta.0(typescript@5.7.0-dev.20241031))(vite@5.4.10(@types/node@22.8.6)(sass@1.80.5)): + vite-plugin-valibot-env@0.8.3(valibot@1.0.0-beta.0(typescript@5.7.0-dev.20241031))(vite@5.4.10(@types/node@22.8.6)(sass@1.80.6)): dependencies: kleur: 4.1.5 log-symbols: 7.0.0 valibot: 1.0.0-beta.0(typescript@5.7.0-dev.20241031) - vite: 5.4.10(@types/node@22.8.6)(sass@1.80.5) + vite: 5.4.10(@types/node@22.8.6)(sass@1.80.6) - vite-tsconfig-paths@5.0.1(typescript@5.7.0-dev.20241031)(vite@5.4.10(@types/node@22.8.6)(sass@1.80.5)): + vite-tsconfig-paths@5.0.1(typescript@5.7.0-dev.20241031)(vite@5.4.10(@types/node@22.8.6)(sass@1.80.6)): dependencies: debug: 4.3.7 globrex: 0.1.2 tsconfck: 3.1.4(typescript@5.7.0-dev.20241031) optionalDependencies: - vite: 5.4.10(@types/node@22.8.6)(sass@1.80.5) + vite: 5.4.10(@types/node@22.8.6)(sass@1.80.6) transitivePeerDependencies: - supports-color - typescript - vite@5.4.10(@types/node@22.8.6)(sass@1.80.5): + vite@5.4.10(@types/node@22.8.6)(sass@1.80.6): dependencies: esbuild: 0.21.5 postcss: 8.4.47 @@ -4208,7 +4220,7 @@ snapshots: optionalDependencies: '@types/node': 22.8.6 fsevents: 2.3.3 - sass: 1.80.5 + sass: 1.80.6 which@1.3.1: dependencies: diff --git a/script.js b/script.js new file mode 100644 index 00000000..aed5adb1 --- /dev/null +++ b/script.js @@ -0,0 +1,224 @@ +function setupBrand() { + window.onbeforeunload = function () { + window.scrollTo(0, 0); + }; + let mediaQuery = window.matchMedia("(max-width: 768px)"); + manifesteDescSlider = new KeenSlider(".manifeste-slider-desc", { + created: s => { + document.querySelector(".manifeste-slider-desc").style.display = "block"; + }, + defaultAnimation: { + duration: 0, + }, + detailsChanged: s => { + s.slides.forEach((element, idx) => { + element.style.display = s.track.details.slides[idx].portion > 0 ? "block" : "none"; + }); + }, + loop: true, + renderMode: "custom", + selector: ".manifeste-desc-slides", + vertical: true, + }); + + manifesteSlider = new KeenSlider(".manifeste-slider", { + created: s => {}, + defaultAnimation: { + duration: 0, + }, + detailsChanged: s => { + manifesteDescSlider.moveToIdx(s.track.details.rel); + + s.slides.forEach((element, idx) => { + element.style.display = s.track.details.slides[idx].portion > 0 ? "block" : "none"; + }); + }, + renderMode: "custom", + selector: ".manifeste-slides", + vertical: true, + }); + + const isMobile = window.innerWidth <= 768; // Ajustez selon vos besoins + + let lastScrollTop = 0; + let scrollProgress = 0; + let scrollThreshold = isMobile ? 300 : 600; + console.log(scrollThreshold); + + const sliderElement = document.querySelector(".manifeste-slider"); + const aboutContainer = document.querySelector(".about-container"); + function isElementInViewport(el) { + const rect = el.getBoundingClientRect(); + return ( + rect.top >= 0 && + rect.left >= 0 && + rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && + rect.right <= (window.innerWidth || document.documentElement.clientWidth) + ); + } + + const brandContainer = document.querySelector(".brand-container"); + + brandContainer.addEventListener("click", function () { + manifesteSlider.next(); + }); + + window.addEventListener( + "scroll", + () => { + if (!isElementInViewport(aboutContainer)) { + console.log("if"); + + // console.log(sliderElement); + document.querySelector("#link-about").style.opacity = 0.3; + document.querySelector("#link-legals").style.opacity = 0.3; + document.querySelector(".manifeste-slider-desc").style.opacity = 1; + + // document + // .querySelector("#link-brand") + // .style.setProperty("opacity", "0.3", "important"); + + // return; + } else if (isElementInViewport(aboutContainer)) { + // console.log(sliderElement); + + console.log("else"); + document.querySelector(".manifeste-slider-desc").style.opacity = 0; + document.querySelector("#link-brand").style.opacity = 1; + document.querySelector("#link-about").style.opacity = 1; + } + + document.querySelector(".instruction").style.opacity = 0; + const st = window.scrollY || document.documentElement.scrollTop; + const scrollDelta = Math.abs(st - lastScrollTop); + scrollProgress += scrollDelta; + + if (scrollProgress >= scrollThreshold) { + if (st > lastScrollTop) { + manifesteSlider.next(); + console.log("next"); + } else { + manifesteSlider.prev(); + console.log("prev"); + } + scrollProgress = 0; + } + + lastScrollTop = st <= 0 ? 0 : st; + }, + false, + ); + + const numberOfSlides = document.querySelectorAll(".manifeste-slider .manifeste-slides").length; + const heightPerSlideVH = 100; + const totalHeightInVH = + numberOfSlides * heightPerSlideVH - (numberOfSlides - 1) * ((scrollThreshold / window.innerHeight) * 50); + brandContainer.style.height = `${totalHeightInVH}vh`; + + const links = document.querySelectorAll(".menu-brand a"); + + links.forEach(link => { + link.addEventListener("click", () => { + links.forEach(l => (l.style.opacity = 0.3)); + link.style.opacity = 1; + }); + }); + + const brandLink = document.getElementById("link-brand"); + + brandLink.addEventListener("click", e => { + e.preventDefault(); + if (brandContainer) { + brandContainer.scrollIntoView({ behavior: "smooth" }); + } + }); + + const linkLegals = document.querySelector("#link-legals"); + const linkPersonal = document.querySelector("#link-personal"); + const linkAbout = document.querySelector("#link-about"); + + const legalsInfo = document.querySelector(".legals-info"); + const personalInfo = document.querySelector(".personal-info"); + const aboutInfo = document.querySelector(".brand-info"); + + linkLegals.addEventListener("click", e => { + e.preventDefault(); + if (brandContainer) { + legalsInfo.scrollIntoView({ behavior: "smooth" }); + } + }); + linkPersonal.addEventListener("click", e => { + e.preventDefault(); + if (brandContainer) { + legalsInfo.scrollIntoView({ behavior: "smooth" }); + } + }); + linkAbout.addEventListener("click", e => { + e.preventDefault(); + if (brandContainer) { + legalsInfo.scrollIntoView({ behavior: "smooth" }); + } + }); + + function resetZIndex() { + legalsInfo.style.zIndex = "0"; + personalInfo.style.zIndex = "0"; + aboutInfo.style.zIndex = "0"; + } + + linkLegals.addEventListener("click", e => { + e.preventDefault(); + console.log("hey"); + resetZIndex(); + legalsInfo.style.zIndex = "10"; + }); + + linkPersonal.addEventListener("click", e => { + e.preventDefault(); + resetZIndex(); + personalInfo.style.zIndex = "10"; + }); + + linkAbout.addEventListener("click", e => { + e.preventDefault(); + resetZIndex(); + aboutInfo.style.zIndex = "10"; + }); + if (mediaQuery.matches) { + const divToObserve = document.querySelector(".about-container"); + + const observer = new IntersectionObserver( + entries => { + entries.forEach(entry => { + if (entry.isIntersecting) { + console.log("La div est visible dans le viewport"); + document.querySelector(".manifeste-slider-desc").style.opacity = 0; + entry.target.classList.add("visible"); + } else { + console.log("La div a quitté le viewport"); + document.querySelector(".manifeste-slider-desc").style.opacity = 1; + entry.target.classList.remove("visible"); + } + }); + }, + { + root: null, + rootMargin: "0px", // Marge autour de la root. Valeurs similaires à celles de CSS (top, right, bottom, left ou juste un seul pour tous) + threshold: 0.1, // Un pourcentage de l'élément qui doit être visible pour déclencher l'observer. 0.1 signifie 10% de l'élément + }, + ); + + observer.observe(divToObserve); + + // setTimeout(() => { + // let element = document.querySelector( + // ".shopify-buy-frame--toggle.is-sticky" + // ); + // element.style.setProperty("opacity", "1"); + // }, 1000); + } + // sideSlider = new KeenSlider(".carousel-side-p", { + // vertical: false, + // selector: ".slide-p", + // }); +} diff --git a/vite.config.js b/vite.config.js index b6bac803..f1ca88de 100644 --- a/vite.config.js +++ b/vite.config.js @@ -47,7 +47,7 @@ export default defineConfig({ write: true, }, plugins: [ - /* Permet de valider les variables d'environnements définies à partir d'un schéma Valibot */ + // Permet de valider les variables d'environnements définies à partir d'un schéma Valibot valibot(SCHEMA_ENVIRONNEMENT), manifestSRI({ algorithms: ["sha512"] }), ], diff --git a/web/app/themes/haiku-atelier-2024/assets/css/main.css b/web/app/themes/haiku-atelier-2024/assets/css/main.css index 9677f2f9..25e3de7b 100644 --- a/web/app/themes/haiku-atelier-2024/assets/css/main.css +++ b/web/app/themes/haiku-atelier-2024/assets/css/main.css @@ -57,10 +57,13 @@ --espacement-inter-lettres-etendu-l: 1.5px; --espacement-inter-lettres-etendu-xl: 2px; /* Dimensions */ - --en-tete-hauteur: 60px; + --en-tete-hauteur: 61px; --menu-categories-produits-hauteur: 54.39px; --pied-de-page-hauteur: calc(var(--espace-m) * 2 + 3lh); - --contenu-page-hauteur-minimale: calc( + --contenu-page-hauteur-minimale-sans-categories: calc( + 100svh - var(--en-tete-hauteur) - var(--pied-de-page-hauteur) + ); + --contenu-page-hauteur-minimale-avec-categories: calc( 100svh - var(--en-tete-hauteur) - var(--pied-de-page-hauteur) - var(--menu-categories-produits-hauteur) ); @@ -441,10 +444,8 @@ body:has(#menu-mobile:not([aria-hidden=true])) { } } #en-tete { - /* Marges */ --en-tete-marges-internes-ligne: var(--espace-xl); --en-tete-marges-internes-bloc: var(--espace-m); - /* Dimensions */ --en-tete-section-hauteur: var(--en-tete-hauteur); --en-tete-logo-longueur: 80px; position: fixed; @@ -561,10 +562,9 @@ body:has(#menu-mobile:not([aria-hidden=true])) { #menu-categories-produits { /* Dimensions */ --menu-entree-longueur-minimale: 13ch; - --menu-section-hauteur: var(--menu-categories-produits-hauteur); - /* Marges */ --menu-section-marges-bloc-debut: var(--en-tete-hauteur); /* 1 */ --menu-entree-marges-internes-ligne: var(--espace-m); + position: relative; margin-top: var(--menu-section-marges-bloc-debut); /* 1 */ /* * Liste des Catégories de Produits. @@ -574,6 +574,28 @@ body:has(#menu-mobile:not([aria-hidden=true])) { * ligne. */ } +#menu-categories-produits[data-entrees-presentes-debut] img:first-of-type { + opacity: 1; +} +#menu-categories-produits[data-entrees-presentes-fin] img:last-of-type { + opacity: 1; +} +#menu-categories-produits svg { + pointer-events: none; + position: absolute; + bottom: calc(17.59px - 0.35rem); + width: 0.8rem; + height: 0.8rem; + mix-blend-mode: exclusion; + shape-rendering: geometricprecision; + transition: 0.2s opacity; +} +#menu-categories-produits svg:first-of-type { + left: var(--espace-xs); +} +#menu-categories-produits svg:last-of-type { + right: var(--espace-xs); +} #menu-categories-produits ul { display: grid; grid-template-columns: repeat(auto-fit, minmax(var(--menu-entree-longueur-minimale), 1fr)); /* 1 */ @@ -599,15 +621,19 @@ body:has(#menu-mobile:not([aria-hidden=true])) { */ } #menu-categories-produits ul li.categorie-courante a { - color: var(--couleur-jaune); + color: var(--couleur-noir); + background: var(--couleur-jaune); } -#menu-categories-produits ul li:active a { - font-weight: 500; +@media (hover: hover) { + #menu-categories-produits ul li.categorie-courante a:hover { + color: var(--couleur-noir); + } } #menu-categories-produits ul li a { display: inline-block; /* 1 */ width: inherit; /* 2 */ padding: var(--menu-entree-marges-internes-ligne) 0; + text-decoration: none; outline: initial; /* 3 */ } #menu-categories-produits ul li a:focus, #menu-categories-produits ul li a:focus-visible { @@ -636,6 +662,17 @@ body:has(#menu-mobile:not([aria-hidden=true])) { border: initial; } } +@media (width <= 600px) { + #menu-categories-produits ul { + scrollbar-width: none; + overflow-x: scroll; + flex-flow: row nowrap; + } + #menu-categories-produits ul li { + width: initial; + min-width: 140px; + } +} /* * Les photos du Produit, étalées sur 2 colonnes : une pour la photo Produit, une pour les photos @@ -681,6 +718,34 @@ body:has(#menu-mobile:not([aria-hidden=true])) { min-height: var(--colonne-droite-photo-hauteur-minimale); max-height: var(--colonne-droite-photo-hauteur-minimale); } +@media (width <= 900px) { + .photos-produit { + scrollbar-width: none; + overflow-x: scroll; + flex-flow: row nowrap; + } + .photos-produit > section { + width: 100%; + min-width: 100%; + } + .photos-produit > section.colonne-gauche { + position: initial; + height: initial; + } + .photos-produit > section.colonne-gauche img { + max-height: calc(100svh - var(--en-tete-hauteur)); + } + .photos-produit > section.colonne-droite { + flex-flow: row nowrap; + } + .photos-produit > section.colonne-droite figure { + flex-grow: 1; + min-width: 100%; + } + .photos-produit > section.colonne-droite figure img { + max-height: calc(100svh - var(--en-tete-hauteur)); + } +} /* * La Grille des Produits sous forme de Cartes. @@ -695,8 +760,8 @@ body:has(#menu-mobile:not([aria-hidden=true])) { * collapse »). */ .grille-produits { - --grille-produits-hauteur-minimale: var(--contenu-page-hauteur-minimale); - --aucun-produit-hauteur: var(--contenu-page-hauteur-minimale); + --grille-produits-hauteur-minimale: var(--contenu-page-hauteur-minimale-avec-categories); + --aucun-produit-hauteur: var(--contenu-page-hauteur-minimale-avec-categories); --carte-produit-longueur-minimale: 448px; --carte-produit-longueur-maximale: 1000px; display: grid; @@ -725,9 +790,37 @@ body:has(#menu-mobile:not([aria-hidden=true])) { transition: 0.3s opacity, 0.3s visibility; } } +.grille-produits article figure img { + position: inherit; + aspect-ratio: 9/16; + width: 100%; + max-height: 70vh; + object-fit: cover; + background: transparent; +} .grille-produits article figure .produit__illustration__principale { display: block; } +.grille-produits article figure .produit__illustration__principale::before { + content: ""; + position: absolute; + z-index: -1; + top: 0; + left: 0; + width: 100%; + height: 100%; + opacity: 0; + background-image: url("/app/themes/haiku-atelier-2024/assets/img/icons/cloud-gris.svg"); + background-repeat: no-repeat; + background-position: center; + background-size: 50%; + filter: opacity(20%); + animation: 1.5s 0.5s test infinite alternate both linear; +} +.grille-produits article figure .produit__illustration__principale img { + opacity: 0; + transition: opacity 1s; +} .grille-produits article figure .produit__illustration__survol { position: absolute; top: 0; @@ -739,32 +832,8 @@ body:has(#menu-mobile:not([aria-hidden=true])) { opacity: 0; transition: 0.15s opacity, 0.15s visibility; } -.grille-produits article figure picture { - position: relative; -} -.grille-produits article figure picture::before { - content: ""; - position: absolute; - z-index: 2; - top: 0; - left: 0; - width: 100%; - height: 100%; - background-image: url("/app/themes/haiku-atelier-2024/assets/img/icons/cloud-gris.svg"); - background-repeat: no-repeat; - background-position: center; - background-size: contain; - filter: opacity(0%); - animation: 1s test infinite alternate both linear; -} -.grille-produits article figure img { - position: inherit; - z-index: 3; - aspect-ratio: 9/16; - width: 100%; - max-height: 70vh; - object-fit: cover; - background: transparent; +.grille-produits article figure .produit__illustration__survol img { + background: var(--couleur-fond); } .grille-produits article figure figcaption { display: flex; @@ -801,7 +870,7 @@ body:has(#menu-mobile:not([aria-hidden=true])) { @keyframes test { to { - filter: opacity(30%); + opacity: 1; } } /* @@ -859,6 +928,7 @@ body:has(#menu-mobile:not([aria-hidden=true])) { transform: translateY(-100%); overflow-y: auto; grid-column: span 3; + width: 100%; padding: var(--onglet-marges-internes); visibility: visible; opacity: 1; @@ -1049,6 +1119,7 @@ body:has(#menu-mobile:not([aria-hidden=true])) { .produits-similaires { --carte-produit-longueur-minimale: 448px; --carte-produit-longueur-maximale: 1000px; + position: relative; display: grid; grid-template-areas: "en-tete en-tete en-tete" "produits produits produits"; grid-template-columns: repeat(3, 1fr); @@ -1058,6 +1129,9 @@ body:has(#menu-mobile:not([aria-hidden=true])) { /* En-tête de la section */ } .produits-similaires header { + position: sticky; + z-index: 10; + top: calc(1lh + var(--espace-l) + var(--espace-m)); grid-area: en-tete; width: 100%; padding: var(--espace-l) 0 var(--espace-m); diff --git a/web/app/themes/haiku-atelier-2024/assets/css/main.css.map b/web/app/themes/haiku-atelier-2024/assets/css/main.css.map index a0d3600b..9c9e5298 100644 --- a/web/app/themes/haiku-atelier-2024/assets/css/main.css.map +++ b/web/app/themes/haiku-atelier-2024/assets/css/main.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../../src/sass/base/polices/_lato.scss","../../src/sass/base/polices/_myriad.scss","../../src/sass/abstracts/_variables.scss","../../src/sass/base/_base.scss","../../src/sass/base/_typographie.scss","../../src/sass/base/elements/_boutons.scss","../../src/sass/base/elements/_formulaires.scss","../../src/sass/base/elements/_images.scss","../../src/sass/base/elements/_liens.scss","../../src/sass/base/elements/_listes.scss","../../src/sass/layouts/_menu-mobile.scss","../../src/sass/layouts/_en-tete.scss","../../src/sass/layouts/_menu-categories-produits.scss","../../src/sass/layouts/_colonnes-photos.scss","../../src/sass/layouts/_grille-produits.scss","../../src/sass/layouts/_informations-produit.scss","../../src/sass/layouts/_produits-similaires.scss","../../src/sass/layouts/_pied-de-page.scss"],"names":[],"mappings":";AAAA;EACE;EACA;EACA;EACA;EACA,KACE;EAEF,eACE;;AA6GJ;EACE;EACA;EACA;EACA;EACA,KACE;EAIF,eACE;;ACjIJ;EACE;EACA;EACA;EACA;EACA;EACA,KACE;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA,KACE;;ACjBJ;AACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;AAEA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;AAKA;EACA;EACA;EACA;EACA;EACA;;;ACzCF;AAAA;AAAA;AAGA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;EACE;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;AAIA;EACE;EACA;;;AAGF;AAAA;AAAA;AAGA;EACE;;;AAGF;AAAA;AAAA;AAGA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;AAAA;AAAA;AAGA;EACE;IACE;IACA;IACA;;;AChEJ;AAAA;AAAA;AAAA;AAIA;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AC1BA;AAAA;AAAA;AAGA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAIJ;EACE;;;ACxBJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;;AAMF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;;AAQJ;EACE;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;AAcA;AAAA;AAAA;;AAZA;EACE;;AAGA;EACE;EACA;EACA;EACA;;AAOJ;EACE;EACA;;;ACzEJ;AAAA;AAAA;AAAA;AAAA;AAKA;EACE;EACA;;;AAGF;EACE;EACA;;;ACZF;AAAA;AAAA;AAAA;AAAA;AAKA;AACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA,YACE,kHAK4B;EAE9B;AAEA;AAKA;AA8BA;AAiBA;;AAnDA;EACE;;AAIF;AACE;EACA;EACA;AAEA;EACA;EAEA;EACA;AAEA;AAKA;AAKA;;AATA;EACE;;AAIF;EACE;;AAIF;EACE;IACE;;;AAMN;EACE;;AAEA;EACE;EACA;;AAGF;EACE;IACE;IACA;;;AAOJ;EACE;IACE;;;;AChFR;AAAA;AAAA;AAAA;AAAA;AAKA;EACE;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAMA;AACE;EACA;AAEA;EACA;AAEA;EACA;;AAEA;EACE;EACA,qLAEkE;;;AC3BxE;EACE;EACA;;;AAGF;EAEE;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;;AAOV;EArEF;IAsEI;;;;AAIJ;EACE;IACE;;;AAIJ;EACE;IACE;;;AAIJ;EACE;IACE;;;AC5FJ;AACE;EACA;EACA;AAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAeA;;AAbA;EACE;;AAEA;EACE;;AAGF;EACE;EACA;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA;AAUA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AARA;EACE;EACA;EACA;EACA;EACA;;AAYF;AACE;EACA;EACA;EACA;AAEA;EACA;;AAEA;EACE;EACA,yFAC2C;EAE3C;;AAGF;EACE;;AAIF;EACE;IACE;;;AAOJ;EADF;IAEI;;;AAKN;EACE;EACA;EACA;EACA;EACA;AAaA;AAAA;AAAA;;AAXA;EACE;;AAGA;EACE;EACA;EACA;;AAOJ;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;ACpIR;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AACE;EACA;EACA;AAEA;EACA;EACA;EAGA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAOA;EACE;EACA,uBACE;EAEF;EACA;AAEA;AAAA;AAAA;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAYA;AAAA;AAAA;AAAA;AAAA;;AATE;EACE;;AAIJ;EACE;;AAQF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;IACE;IACA;;;AAMR;EACE;IACE;IAEA;IACA;IACA;;EAEA;IACE;IACA;;EAEA;IACE;IACA;;;;AC/FZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;AACE;EACA;AAEA;EACA;EACA;AAAA;AAAA;EAGA;AAEA;EACA;EAEA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGA;EACE;;AAKF;EACE;;AAIF;EACE;EACA;;;ACnDR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYA;EAEE;EACA;EACA;EACA;EAEA;EACA;EACA,uBACE;EAEF;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EAEI;IACE;IACA;IACA;;;AAMR;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAMR;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;IACE;;EAEA;IACE;;;;AAMR;EACE;IACE;;;AC7IJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA;EAEE;EACA;EAGA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;AAqHA;AAkGA;;AArNA;EACE;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;;AAGA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAKN;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;;AACA;EACE;;AAGF;EACE;;AAON;EACE;;AAMN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;AAEA;AAMA;;AALA;EACE;EACA;;AAIF;EACE;AAEA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EAEI;IACE;IACA;;;AAKN;EAEI;IACE;IACA;;;AAMR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;IACE;;;AAKN;EACE;;AAIJ;EACE;;AAKJ;EACE;EACA;EACA;EACA;EACA;AAEA;;AACA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;;AAEE;EACE;IACE;;;AAOV;EAtQF;IAuQI;IACA;IAEA;IACA;IACA;IACA;IACA;;EAEA;IACE;IACA;IACA;IACA;IACA;;;;AC7RN;EAEE;EACA;EAEA;EACA,qBACE;EAEF;EACA;EACA;EACA;AAEA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EAEI;IACE;IACA;IACA;;;AAMR;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAMR;EACE;IACE;;EAEA;IACE;;;;AC7GV;AACE;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA","file":"main.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../../src/sass/base/polices/_lato.scss","../../src/sass/base/polices/_myriad.scss","../../src/sass/abstracts/_variables.scss","../../src/sass/base/_base.scss","../../src/sass/base/_typographie.scss","../../src/sass/base/elements/_boutons.scss","../../src/sass/base/elements/_formulaires.scss","../../src/sass/base/elements/_images.scss","../../src/sass/base/elements/_liens.scss","../../src/sass/base/elements/_listes.scss","../../src/sass/layouts/_menu-mobile.scss","../../src/sass/layouts/_en-tete.scss","../../src/sass/layouts/_menu-categories-produits.scss","../../src/sass/layouts/_colonnes-photos.scss","../../src/sass/layouts/_grille-produits.scss","../../src/sass/layouts/_informations-produit.scss","../../src/sass/layouts/_produits-similaires.scss","../../src/sass/layouts/_pied-de-page.scss"],"names":[],"mappings":";AAAA;EACE;EACA;EACA;EACA;EACA,KACE;EAEF,eACE;;AA6GJ;EACE;EACA;EACA;EACA;EACA,KACE;EAIF,eACE;;ACjIJ;EACE;EACA;EACA;EACA;EACA;EACA,KACE;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA,KACE;;ACjBJ;AACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;AAEA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;AAAA;AAAA;AAAA;AAKA;EACA;EACA;EACA;EACA;EACA;;;AC5CF;AAAA;AAAA;AAGA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;EACE;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;AAIA;EACE;EACA;;;AAGF;AAAA;AAAA;AAGA;EACE;;;AAGF;AAAA;AAAA;AAGA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;AAAA;AAAA;AAGA;EACE;IACE;IACA;IACA;;;AChEJ;AAAA;AAAA;AAAA;AAIA;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AC1BA;AAAA;AAAA;AAGA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAIJ;EACE;;;ACxBJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;;AAMF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;;AAQJ;EACE;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;AAcA;AAAA;AAAA;;AAZA;EACE;;AAGA;EACE;EACA;EACA;EACA;;AAOJ;EACE;EACA;;;ACzEJ;AAAA;AAAA;AAAA;AAAA;AAKA;EACE;EACA;;;AAGF;EACE;EACA;;;ACZF;AAAA;AAAA;AAAA;AAAA;AAKA;AACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA,YACE,kHAK4B;EAE9B;AAEA;AAKA;AA8BA;AAiBA;;AAnDA;EACE;;AAIF;AACE;EACA;EACA;AAEA;EACA;EAEA;EACA;AAEA;AAKA;AAKA;;AATA;EACE;;AAIF;EACE;;AAIF;EACE;IACE;;;AAMN;EACE;;AAEA;EACE;EACA;;AAGF;EACE;IACE;IACA;;;AAOJ;EACE;IACE;;;;AChFR;AAAA;AAAA;AAAA;AAAA;AAKA;EACE;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAMA;AACE;EACA;AAEA;EACA;AAEA;EACA;;AAEA;EACE;EACA,qLAEkE;;;AC3BxE;EACE;EACA;;;AAGF;EAEE;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;;AAOV;EArEF;IAsEI;;;;AAIJ;EACE;IACE;;;AAIJ;EACE;IACE;;;AAIJ;EACE;IACE;;;AC5FJ;EAEE;EACA;EAGA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAeA;;AAbA;EACE;;AAEA;EACE;;AAGF;EACE;EACA;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA;AAUA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AARA;EACE;EACA;EACA;EACA;EACA;;AAYF;AACE;EACA;EACA;EACA;AAEA;EACA;;AAEA;EACE;EACA,yFAC2C;EAE3C;;AAGF;EACE;;AAIF;EACE;IACE;;;AAOJ;EADF;IAEI;;;AAKN;EACE;EACA;EACA;EACA;EACA;AAaA;AAAA;AAAA;;AAXA;EACE;;AAGA;EACE;EACA;EACA;;AAOJ;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;ACpIR;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AACE;EACA;EAGA;EACA;EAEA;EAGA;AAiCA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AA9BE;EACE;;AAKF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAWJ;EACE;EACA,uBACE;EAEF;EACA;AAEA;AAAA;AAAA;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAeA;AAAA;AAAA;AAAA;AAAA;;AAZE;EACE;EACA;;AAEA;EACE;IACE;;;AAWR;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;IACE;IACA;;;AAMR;EA5DF;IA6DI;IAEA;IACA;IACA;;EAEA;IACE;IACA;;EAEA;IACE;IACA;;;AAMN;EA/EF;IAgFI;IACA;IACA;;EAEA;IACE;IACA;;;;AC/IR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;AACE;EACA;AAEA;EACA;EACA;AAAA;AAAA;EAGA;AAEA;EACA;EAEA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGA;EACE;;AAKF;EACE;;AAIF;EACE;EACA;;AAMN;EAlDF;IAmDI;IACA;IACA;;EAEA;IACE;IACA;;EAEA;IACE;IACA;;EAEA;IACE;;EAIJ;IACE;;EAEA;IACE;IACA;;EAEA;IACE;;;;ACnFZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYA;EAEE;EACA;EACA;EACA;EAEA;EACA;EACA,uBACE;EAEF;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EAEI;IACE;IACA;IACA;;;AAMR;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAMR;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;IACE;;EAEA;IACE;;;;AAMR;EACE;IACE;;;AClJJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA;EAEE;EACA;EAGA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;AAsHA;AAkGA;;AAtNA;EACE;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;;AAGA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAKN;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;;AACA;EACE;;AAGF;EACE;;AAON;EACE;;AAMN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;AAEA;AAMA;;AALA;EACE;EACA;;AAIF;EACE;AAEA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EAEI;IACE;IACA;;;AAKN;EAEI;IACE;IACA;;;AAMR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;IACE;;;AAKN;EACE;;AAIJ;EACE;;AAKJ;EACE;EACA;EACA;EACA;EACA;AAEA;;AACA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;;AAEE;EACE;IACE;;;AAOV;EAvQF;IAwQI;IACA;IAEA;IACA;IACA;IACA;IACA;;EAEA;IACE;IACA;IACA;IACA;IACA;;;;AC9RN;EAEE;EACA;EAEA;EACA;EACA,qBACE;EAEF;EACA;EACA;EACA;AAEA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EAEI;IACE;IACA;IACA;;;AAMR;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAMR;EACE;IACE;;EAEA;IACE;;;;ACjHV;AACE;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA","file":"main.css"} \ No newline at end of file diff --git a/web/app/themes/haiku-atelier-2024/assets/css/main.min.css b/web/app/themes/haiku-atelier-2024/assets/css/main.min.css index 3e7f7092..d0a043e1 100644 --- a/web/app/themes/haiku-atelier-2024/assets/css/main.min.css +++ b/web/app/themes/haiku-atelier-2024/assets/css/main.min.css @@ -1 +1 @@ -@font-face{font-family:Lato;font-weight:100 900;font-style:normal;font-display:swap;src:url(/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable.woff2)format("woff2"),url(/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable.ttf)format("truetype");unicode-range:U+0,U+D,U+20-7E,U+A0-36F,U+374-375,U+37A-37E,U+384-38A,U+38C,U+38E-3A1,U+3A3-3CE,U+3D0-486,U+488-513,U+E3F,U+102D,U+102F,U+1031,U+1D00-1DCA,U+1DFE-1E9B,U+1E9E,U+1EA0-1EF9,U+1F00-1F15,U+1F18-1F1D,U+1F20-1F45,U+1F48-1F4D,U+1F50-1F57,U+1F59,U+1F5B,U+1F5D,U+1F5F-1F7D,U+1F80-1FB4,U+1FB6-1FC4,U+1FC6-1FD3,U+1FD6-1FDB,U+1FDD-1FEF,U+1FF2-1FF4,U+1FF6-1FFE,U+2000-2010,U+2012-2022,U+2026,U+202F-2030,U+2032-2034,U+2039-203A,U+203C-203E,U+2044,U+205E-205F,U+2070-2071,U+2074-208E,U+2090-2094,U+2099,U+20A0-20B5,U+20B8-20BA,U+20DD,U+2105,U+2113,U+2116-2117,U+2120,U+2122,U+2126,U+212E,U+2132,U+214D-214E,U+2153-215F,U+2183-2184,U+2190-2199,U+21A8,U+2202,U+2206,U+220F,U+2211-2212,U+2215,U+2219-221A,U+221E-221F,U+2229,U+222B,U+2248,U+2260-2261,U+2264-2265,U+2302,U+2310,U+2320-2321,U+2460-2473,U+24EA-24F4,U+24FF-2500,U+2502,U+250C,U+2510,U+2514,U+2518,U+25A1,U+25AA-25AB,U+25CA-25CC,U+25CF,U+25E6,U+2600,U+263C,U+2669,U+2776-277F,U+2C60-2C6C,U+2C74-2C77,U+2E17,U+A717-A71A,U+A720-A721,U+F8FF,U+FB00-FB04,U+FB06,U+FE20-FE23,U+FEFF}@font-face{font-family:Lato;font-weight:100 900;font-style:italic;font-display:swap;src:url(/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-italic.woff2)format("woff2"),url(/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-italic.ttf)format("truetype");unicode-range:U+0,U+D,U+20-7E,U+A0-36F,U+374-375,U+37A-37E,U+384-38A,U+38C,U+38E-3A1,U+3A3-3CE,U+3D0-486,U+488-513,U+E3F,U+102D,U+102F,U+1031,U+1D00-1DCA,U+1DFE-1E9B,U+1E9E,U+1EA0-1EF9,U+1F00-1F15,U+1F18-1F1D,U+1F20-1F45,U+1F48-1F4D,U+1F50-1F57,U+1F59,U+1F5B,U+1F5D,U+1F5F-1F7D,U+1F80-1FB4,U+1FB6-1FC4,U+1FC6-1FD3,U+1FD6-1FDB,U+1FDD-1FEF,U+1FF2-1FF4,U+1FF6-1FFE,U+2000-2010,U+2012-2022,U+2026,U+202F-2030,U+2032-2034,U+2039-203A,U+203C-203E,U+2044,U+205E-205F,U+2070-2071,U+2074-208E,U+2090-2094,U+2099,U+20A0-20B5,U+20B8-20BA,U+20DD,U+2105,U+2113,U+2116-2117,U+2120,U+2122,U+2126,U+212E,U+2132,U+214D-214E,U+2153-215F,U+2183-2184,U+2190-2199,U+21A8,U+2202,U+2206,U+220F,U+2211-2212,U+2215,U+2219-221A,U+221E-221F,U+2229,U+222B,U+2248,U+2260-2261,U+2264-2265,U+2302,U+2310,U+2320-2321,U+2460-2473,U+24EA-24F4,U+24FF-2500,U+2502,U+250C,U+2510,U+2514,U+2518,U+25A1,U+25AA-25AB,U+25CA-25CC,U+25CF,U+25E6,U+2600,U+263C,U+2669,U+2776-277F,U+2C60-2C6C,U+2C74-2C77,U+2E17,U+A717-A71A,U+A720-A721,U+F8FF,U+FB00-FB04,U+FB06,U+FE20-FE23,U+FEFF}@font-face{font-family:Myriad;font-weight:300 900;font-style:normal;font-display:swap;font-stretch:70% 110%;src:url(/app/themes/haiku-atelier-2024/assets/fonts/myriad/myriad-variable.woff2)format("woff2"),url(/app/themes/haiku-atelier-2024/assets/fonts/myriad/myriad-variable.ttf)format("truetype")}@font-face{font-family:Myriad;font-weight:300 900;font-style:italic;font-display:swap;font-stretch:70% 110%;src:url(/app/themes/haiku-atelier-2024/assets/fonts/myriad/myriad-variable-italic.woff2)format("woff2"),url(/app/themes/haiku-atelier-2024/assets/fonts/myriad/myriad-variable-italic.ttf)format("truetype")}:root{--couleur-blanc:#fff;--couleur-blanc-fond:#ffffffe6;--couleur-gris:#eceaeb;--couleur-gris-fonce:gray;--couleur-gris-fonce-fond:#808080cc;--couleur-bordeaux:#490918;--couleur-bordeaux-fond:#490918cc;--couleur-jaune:#ebffb8;--couleur-jaune-fond:#ebffb8cc;--couleur-noir:#202020;--couleur-fond:#eceaebcc;--police-lato:"Lato",sans-serif;--police-myriad:"Myriad",sans-serif;--hauteur-ligne-classique:1.5;--hauteur-ligne-rapprochee:1;--espacement-inter-lettres-rapproche-s:-.5px;--espacement-inter-lettres-etendu-s:.5px;--espacement-inter-lettres-etendu-m:1px;--espacement-inter-lettres-etendu-l:1.5px;--espacement-inter-lettres-etendu-xl:2px;--en-tete-hauteur:60px;--menu-categories-produits-hauteur:54.39px;--pied-de-page-hauteur:calc(var(--espace-m)*2 + 3lh);--contenu-page-hauteur-minimale:calc(100svh - var(--en-tete-hauteur) - var(--pied-de-page-hauteur) - var(--menu-categories-produits-hauteur));--espace-xs:.25rem;--espace-s:.5rem;--espace-m:1rem;--espace-l:1.25rem;--espace-xl:2rem}html{box-sizing:border-box}*,:before,:after{box-sizing:inherit;font:inherit;color:inherit;margin:0;padding:0}body{accent-color:var(--couleur-jaune);background:var(--couleur-gris)}button,input,select,textarea{font:inherit}::selection{background:var(--couleur-jaune)}[hidden]{display:none!important}[disabled]{cursor:not-allowed}@media (prefers-reduced-motion){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation-duration:0s!important}}html{font:1rem/var(--hauteur-ligne-classique)Lato;font-optical-sizing:auto;font-kerning:normal;font-variant-ligatures:common-ligatures no-discretionary-ligatures no-historical-ligatures contextual;-webkit-font-smoothing:antialiased;color:var(--couleur-noir);text-decoration-skip-ink:auto;text-size-adjust:none;text-rendering:geometricprecision;letter-spacing:var(--espacement-inter-lettres-etendu-s)}strong{font-weight:600}em{font-style:italic}button{all:initial;cursor:pointer;text-align:center;letter-spacing:inherit;font-family:Lato}button.bouton-case-pleine{width:100%;height:100%}button.bouton-case-pleine--blanc-sur-noir{color:var(--couleur-blanc);text-transform:uppercase;letter-spacing:var(--espacement-inter-lettres-etendu-m);background:var(--couleur-noir);font-style:italic}button:disabled,button[disabled]{background:repeating-conic-gradient(var(--couleur-noir)0% 25%,transparent 0% 100%)1px .5px/2px 2px}input,select,textarea{padding:var(--espace-xs);background:var(--couleur-gris);border:1px solid var(--couleur-noir);outline:1px solid #0000;transition:background .2s,outline .2s}input:focus,input:focus-visible,select:focus,select:focus-visible,textarea:focus,textarea:focus-visible{background:var(--couleur-jaune);outline:1px solid var(--couleur-noir)}input:disabled,input[disabled],select:disabled,select[disabled],textarea:disabled,textarea[disabled]{cursor:not-allowed;background:repeating-conic-gradient(var(--couleur-noir)0% 25%,transparent 0% 100%)1px .5px/2px 2px}input:is([type=email],[type=text],[type=tel])::placeholder,textarea::placeholder{text-transform:lowercase;letter-spacing:var(--espacement-inter-lettres-etendu-s)}input:is([type=email],[type=text],[type=tel])::selection,textarea::selection{color:var(--couleur-blanc);background:var(--couleur-noir)}input:is([type=email],[type=text],[type=tel]):user-valid,textarea:user-valid{background:var(--couleur-jaune)}input:is([type=email],[type=text],[type=tel]):user-invalid,textarea:user-invalid{background:var(--couleur-gris)}input,label,select,textarea{cursor:pointer}input[type=checkbox],input[type=radio]{width:var(--espace-l);height:var(--espace-l);padding:initial;appearance:none;border:1px solid var(--couleur-noir);transition:background .2s}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--couleur-jaune)}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"x";position:relative;bottom:15%;left:29%}label:has(~input[type=checkbox],~input[type=radio]),input[type=checkbox]+label,input[type=radio]+label{padding-top:1px;font-size:.9rem}img,picture{max-width:100%;display:block}img{object-fit:cover;background:var(--couleur-jaune)}a{--lien-contour-couleur-focus:var(--couleur-noir);text-decoration-skip-ink:auto;outline-offset:initial;text-decoration-skip:edges;outline:1px solid #0000;text-decoration:underline #0000;transition:color .2s,font-weight .2s,background .2s,outline-color .2s,border-color .2s,text-decoration-color .2s}a:focus,a:focus-visible{outline-color:var(--lien-contour-couleur-focus)}a.lien-bouton{--lien-bouton-marges-internes-bloc:var(--espace-xs);--lien-bouton-marges-internes-ligne:var(--espace-m);--lien-bouton-arriere-plan-couleur-survol:var(--couleur-jaune);padding:var(--lien-bouton-marges-internes-bloc)var(--lien-bouton-marges-internes-ligne);border:1px solid var(--couleur-noir)}a.lien-bouton:focus,a.lien-bouton:focus-visible{background:var(--lien-bouton-arriere-plan-couleur-survol)}a.lien-bouton:active{border-color:var(--lien-bouton-arriere-plan-couleur-survol)}@media (hover:hover){a.lien-bouton:hover{background:var(--lien-bouton-arriere-plan-couleur-survol)}}a.lien-lien{text-decoration:underline}a.lien-lien:active{text-decoration-color:var(--couleur-jaune);background:var(--couleur-jaune)}@media (hover:hover){a.lien-lien:hover{text-decoration-color:var(--couleur-jaune);background:var(--couleur-jaune)}a:not([class]):hover{text-decoration-color:var(--couleur-noir)}}ul{list-style:none}ul.avec-puce-cercle{--liste-puce-cercle-lien-marges-internes-ligne-debut:2ch;--liste-puce-cercle-puce-position-horizontale:1ch;--liste-puce-cercle-puce-taille:1.25ex}ul.avec-puce-cercle a{padding-left:var(--liste-puce-cercle-lien-marges-internes-ligne-debut);background:no-repeat var(--liste-puce-cercle-puce-position-horizontale)center/var(--liste-puce-cercle-puce-taille)url(/app/themes/haiku-atelier-2024/assets/img/icons/dot.svg)}body:has(#menu-mobile:not([aria-hidden=true])){touch-action:none;overflow:hidden}#menu-mobile{--menu-mobile-hauteur:calc(100svh - var(--en-tete-hauteur));z-index:997;inset:var(--en-tete-hauteur)0 0 0;overscroll-behavior:contain;height:var(--menu-mobile-hauteur);transition:display .4s;transition:display .4s allow-discrete;-webkit-overflow-scrolling:none;width:100vw;display:flex;position:fixed;overflow:hidden}#menu-mobile[aria-hidden=true]{animation:.4s both fade-out;display:none}#menu-mobile[aria-hidden=true] .menu-modale__fond{animation:.4s both fade-out}#menu-mobile .menu-modale__fond{z-index:998;inset:var(--en-tete-hauteur)0 0 0;height:var(--menu-mobile-hauteur);opacity:0;background-color:var(--couleur-fond);animation:.4s both fade-in;position:fixed}#menu-mobile .menu-modale__conteneur{z-index:999;padding:var(--espace-xl);opacity:0;background-color:var(--couleur-gris);border-bottom:1px solid var(--couleur-noir);flex-flow:column;width:100%;height:fit-content;animation:.4s .2s both fade-in;display:flex;position:relative}#menu-mobile .menu-modale__conteneur .menu-navigation{grid-template-columns:1fr}#menu-mobile .menu-modale__conteneur .menu-navigation ul{grid-column:initial;flex-flow:column;place-items:center}#menu-mobile .menu-modale__conteneur .menu-navigation ul>span{width:fit-content}#menu-mobile .menu-modale__conteneur .menu-navigation ul>span li a{padding-top:var(--espace-m);padding-bottom:var(--espace-m)}@media (width>=1000px){#menu-mobile{display:none}}@keyframes fade-in{to{opacity:1}}@keyframes fade-out{to{opacity:0}}@keyframes slide-in{to{transform:translateY(0)}}#en-tete{--en-tete-marges-internes-ligne:var(--espace-xl);--en-tete-marges-internes-bloc:var(--espace-m);--en-tete-section-hauteur:var(--en-tete-hauteur);--en-tete-logo-longueur:80px;z-index:60;height:var(--en-tete-hauteur);padding:var(--en-tete-marges-internes-bloc)var(--en-tete-marges-internes-ligne);background:var(--couleur-gris);border-bottom:1px solid var(--couleur-noir);flex-flow:row;justify-content:space-between;place-items:center;min-width:100vw;max-width:100vw;display:flex;position:fixed;top:0}#en-tete .logo{width:var(--en-tete-logo-longueur)}#en-tete .logo picture,#en-tete .logo img{background:0 0}#en-tete .logo button{align-content:center;display:block}#en-tete .menu-navigation{text-align:center;text-transform:lowercase;flex:1;grid-template-columns:1fr auto 1fr;font-size:1.1rem;display:grid}#en-tete .menu-navigation ul{gap:var(--espace-m);flex-flow:row;grid-column:2;justify-content:space-between;display:flex}#en-tete .menu-navigation__entree{--nav-entree-marges-internes-bloc:var(--espace-xs);--nav-entree-marges-internes-ligne:3rem;--liste-puce-cercle-lien-marges-internes-ligne-debut:calc(var(--espace-m) + 1.5ch);--liste-puce-cercle-puce-position-horizontale:3.5ch}#en-tete .menu-navigation__entree a{padding:var(--nav-entree-marges-internes-bloc)var(--nav-entree-marges-internes-ligne);text-align:center;display:inline-block}#en-tete .menu-navigation__entree--courante{background:url(/app/themes/haiku-atelier-2024/assets/img/icons/cloud.svg) 50%/auto 90% no-repeat}@media (hover:hover){#en-tete .menu-navigation__entree:hover{background:url(/app/themes/haiku-atelier-2024/assets/img/icons/cloud.svg) 50%/auto 90% no-repeat}}@media (width<=1000px){#en-tete .menu-navigation#menu-navigation-en-tete{display:none}}#en-tete .compte-panier{text-align:center;flex-flow:row;place-items:center;gap:1rem;display:flex}#en-tete .compte-panier[disabled]{background:repeating-conic-gradient(var(--couleur-noir)0% 25%,transparent 0% 100%)1px .5px/2px 2px}#en-tete .compte-panier[disabled] a:hover,#en-tete .compte-panier[disabled] a:active,#en-tete .compte-panier[disabled] a:focus,#en-tete .compte-panier[disabled] a:focus-within{background:initial;border:1px solid var(--couleur-noir);outline:1px solid #0000}#en-tete .compte-panier a{text-transform:lowercase;min-width:10ch;font-size:1.1rem}#en-tete .compte-panier a.lien-compte{border-color:#0000}#en-tete .compte-panier a[data-contient-articles=true]{background:var(--couleur-jaune)}#menu-categories-produits{--menu-entree-longueur-minimale:13ch;--menu-section-hauteur:var(--menu-categories-produits-hauteur);--menu-section-marges-bloc-debut:var(--en-tete-hauteur);--menu-entree-marges-internes-ligne:var(--espace-m);margin-top:var(--menu-section-marges-bloc-debut)}#menu-categories-produits ul{grid-template-columns:repeat(auto-fit,minmax(var(--menu-entree-longueur-minimale),1fr));place-items:center;gap:1px;display:grid}#menu-categories-produits ul li{color:var(--couleur-gris);text-align:center;text-transform:uppercase;letter-spacing:var(--espacement-inter-lettres-etendu-m);background:var(--couleur-noir);width:100%;font-style:italic;font-weight:450}#menu-categories-produits ul li.categorie-courante a{color:var(--couleur-jaune)}#menu-categories-produits ul li:active a{font-weight:500}#menu-categories-produits ul li a{width:inherit;padding:var(--menu-entree-marges-internes-ligne)0;outline:initial;display:inline-block}#menu-categories-produits ul li a:focus,#menu-categories-produits ul li a:focus-visible{color:var(--couleur-jaune);outline:initial}@media (hover:hover){#menu-categories-produits ul li a:hover{color:var(--couleur-jaune);outline:initial}}@media (width<=900px){#menu-categories-produits ul{--menu-entree-marges-internes-ligne:var(--espace-s);flex-flow:wrap;font-size:.8rem;display:flex}#menu-categories-produits ul li{flex-grow:1;width:min(140px,100%)}#menu-categories-produits ul li a{border:initial;width:100%}}.photos-produit{--colonne-gauche-position-haut:var(--menu-categories-produits-hauteur);--colonne-gauche-photo-hauteur:calc(100svh - var(--menu-categories-produits-hauteur));--colonne-droite-photo-hauteur-minimale:calc(100svh + var(--en-tete-hauteur) + var(--menu-categories-produits-hauteur));--colonne-photo-longueur-minimale:30rem;--section-marges-externes-bloc-fin:1rem;flex-flow:wrap;max-width:100%;display:flex}.photos-produit>section{width:min(var(--colonne-photo-longueur-minimale),100%);flex-flow:column;flex-grow:1;display:flex;position:relative}.photos-produit>section.colonne-gauche{top:var(--colonne-gauche-position-haut);height:var(--colonne-gauche-photo-hauteur);position:sticky}.photos-produit>section.colonne-gauche figure,.photos-produit>section.colonne-gauche picture,.photos-produit>section.colonne-gauche img{height:100%}.photos-produit>section.colonne-droite img{max-height:var(--colonne-droite-photo-hauteur-minimale)}.photos-produit>section.colonne-droite figure picture img:only-child{min-height:var(--colonne-droite-photo-hauteur-minimale);max-height:var(--colonne-droite-photo-hauteur-minimale)}.grille-produits{--grille-produits-hauteur-minimale:var(--contenu-page-hauteur-minimale);--aucun-produit-hauteur:var(--contenu-page-hauteur-minimale);--carte-produit-longueur-minimale:448px;--carte-produit-longueur-maximale:1000px;grid-auto-rows:1fr;grid-template-columns:repeat(auto-fit,minmax(var(--carte-produit-longueur-minimale),1fr));min-height:var(--grille-produits-hauteur-minimale);gap:1px;display:grid}.grille-produits article{max-width:var(--carte-produit-longueur-maximale);box-shadow:0 0 0 1px var(--couleur-noir)}.grille-produits article figure{row-gap:var(--espace-xl);padding:var(--espace-m);flex-flow:column;display:flex}.grille-produits article figure a{position:relative}@media (hover:hover){.grille-produits article figure a:hover .produit__illustration__survol{visibility:visible;opacity:1;transition:opacity .3s,visibility .3s}}.grille-produits article figure .produit__illustration__principale{display:block}.grille-produits article figure .produit__illustration__survol{visibility:hidden;opacity:0;width:100%;height:100%;transition:opacity .15s,visibility .15s;display:block;position:absolute;top:0;left:0}.grille-produits article figure img{aspect-ratio:9/16;object-fit:cover;width:100%;max-height:70vh}.grille-produits article figure figcaption{margin-bottom:var(--espace-xl);flex-flow:row;justify-content:space-between;display:flex}.grille-produits article figure figcaption h3{letter-spacing:var(--espacement-inter-lettres-etendu-m);font-style:italic}.grille-produits article figure figcaption p{letter-spacing:var(--espacement-inter-lettres-rapproche-s);font-weight:500}.grille-produits__aucun-produit{min-height:var(--aucun-produit-hauteur);text-align:center;grid-column:span 3;align-content:center}.grille-produits__aucun-produit p+p{margin-top:var(--espace-l);font-size:1.25rem}@media (width<=700px){.grille-produits{grid-template-columns:100%}.grille-produits article figure img{max-height:50svh}}.informations-produit{--boite-position-basse:var(--espace-m);--boite-longueur:70ch;--section-marges-internes:var(--espace-m);--onglet-marges-internes:var(--espace-xl);bottom:var(--boite-position-basse);width:0;height:0;font-weight:450;position:sticky;overflow:visible}.informations-produit__conteneur{transform:translate(calc(50vw - var(--boite-longueur)/2),-100%);width:var(--boite-longueur);max-width:var(--boite-longueur);display:grid;position:relative}.informations-produit__conteneur>section{padding:var(--section-marges-internes);background:var(--couleur-blanc-fond);flex-flow:row;height:100%;display:flex}.informations-produit__conteneur>section+section{border-top:1px solid var(--couleur-noir)}.informations-produit .onglets-details-produit{padding:initial;grid-template-rows:auto min-content;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.informations-produit .onglets-details-produit>section{padding:var(--onglet-marges-internes);visibility:visible;opacity:1;background:inherit;border-color:var(--couleur-noir);border-style:solid;border-width:1px 1px 0;grid-column:span 3;transition:opacity .2s,visibility .2s;position:absolute;top:0;left:0;overflow-y:auto;transform:translateY(-100%)}.informations-produit .onglets-details-produit>section[hidden]{visibility:hidden;opacity:0;display:initial!important}.informations-produit .onglets-details-produit>section ul{list-style:inside}.informations-produit .onglets-details-produit>section a{text-decoration-color:var(--couleur-noir)}.informations-produit .onglets-details-produit>section>*+*{margin-top:1rem}.informations-produit .onglets-details-produit>ul{text-align:center;text-transform:lowercase;letter-spacing:var(--espacement-inter-lettres-etendu-m);grid-area:2/span 3;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.informations-produit .onglets-details-produit>ul li{width:100%}.informations-produit .onglets-details-produit>ul li:first-of-type a{border-right-color:#0000}.informations-produit .onglets-details-produit>ul li:last-of-type a{border-left-color:#0000}.informations-produit .onglets-details-produit>ul li a{padding:var(--espace-xs)0;border-top:1px solid var(--couleur-noir);border-right:1px solid var(--couleur-noir);border-left:1px solid var(--couleur-noir);width:100%;height:100%;display:inline-block}.informations-produit .onglets-details-produit>ul li a[aria-selected=true]{border-top-color:#0000}.informations-produit .onglets-details-produit>ul li a:focus,.informations-produit .onglets-details-produit>ul li a:focus-visible{outline-color:#0000}.informations-produit .onglets-details-produit:has(section:not([hidden]))>ul li a:not([aria-selected=true]){border-top-color:var(--couleur-noir)}.informations-produit .selecteur-produit{column-gap:var(--espace-xl);font-size:1.25rem;font-style:italic;font-weight:500;line-height:var(--hauteur-ligne-rapprochee);border-color:var(--couleur-noir);border-style:solid;border-width:1px;flex-flow:row;justify-content:space-between;place-items:center;display:flex}.informations-produit .selecteur-produit__nom{letter-spacing:var(--espacement-inter-lettres-etendu-m);font-weight:500}.informations-produit .selecteur-produit__selection-variation{text-transform:lowercase;place-items:center;font-weight:400;display:flex}.informations-produit .selecteur-produit__selection-variation label{height:100%;margin-right:1ch}.informations-produit .selecteur-produit__selection-variation__selecteurs{position:relative}.informations-produit .selecteur-produit__selection-variation__selecteurs:after{pointer-events:none;content:" ";text-align:center;visibility:visible;opacity:1;background:url(/app/themes/haiku-atelier-2024/assets/img/icons/arrow.svg) no-repeat;width:.9rem;height:.9rem;transition:opacity .2s,visibility .2s;display:inline-block;position:absolute;top:10px;right:.4rem}@supports not selector(:user-valid){.informations-produit .selecteur-produit__selection-variation__selecteurs:has(select:valid):after{visibility:hidden;opacity:0}}@supports selector(:user-valid){.informations-produit .selecteur-produit__selection-variation__selecteurs:has(select:user-valid):after{visibility:hidden;opacity:0}}.informations-produit .selecteur-produit__selection-variation select{padding:var(--espace-s)var(--espace-xl);text-align:center;appearance:none;background:var(--couleur-fond);border:1px solid var(--couleur-noir);min-width:4rem;position:relative}@supports selector(:user-valid){.informations-produit .selecteur-produit__selection-variation select:user-valid{background:var(--couleur-jaune-fond)}}.informations-produit .selecteur-produit__selection-variation option{background:var(--couleur-fond)}.informations-produit .selecteur-produit__prix{font-style:initial}.informations-produit .actions-produit{padding:initial;background:var(--couleur-jaune);border-top:initial;transition:background .2s;overflow:hidden}.informations-produit .actions-produit:has(button[disabled]){background:var(--couleur-fond)}.informations-produit .actions-produit button{height:initial;padding:var(--section-marges-internes);font-variation-settings:"wght" 400;text-transform:uppercase;letter-spacing:var(--espacement-inter-lettres-etendu-m);font-style:italic;transition:font-variation-settings .2s}@media (hover:hover){.informations-produit .actions-produit button:not([disabled]):hover{font-variation-settings:"wght" 500}}@media (width<=700px){.informations-produit{--section-marges-internes:var(--espace-l);--onglet-marges-internes:var(--espace-l);bottom:var(--espace-xl);width:min(var(--boite-longueur),100%);height:initial;margin:auto;position:relative}.informations-produit__conteneur{transform:initial;width:initial;max-width:initial;border-right:initial;border-left:initial}}.produits-similaires{--carte-produit-longueur-minimale:448px;--carte-produit-longueur-maximale:1000px;margin-top:var(--espace-m);grid-template-rows:1fr auto;grid-template-columns:repeat(3,1fr);grid-template-areas:"en-tete en-tete en-tete""produits produits produits";place-items:center;display:grid}.produits-similaires header{padding:var(--espace-l)0 var(--espace-m);color:var(--couleur-blanc);text-align:center;background:var(--couleur-noir);grid-area:en-tete;width:100%}.produits-similaires header h2{font-style:italic;line-height:var(--hauteur-ligne-rapprochee);text-transform:uppercase;letter-spacing:var(--espacement-inter-lettres-etendu-m)}.produits-similaires .grille-produits-similaires{grid-area:produits;grid-auto-rows:1fr;grid-template-columns:repeat(auto-fit,minmax(var(--carte-produit-longueur-minimale),1fr));gap:1px;width:100%;display:grid}.produits-similaires .grille-produits-similaires article{max-width:var(--carte-produit-longueur-maximale);box-shadow:0 0 0 1px var(--couleur-noir)}.produits-similaires .grille-produits-similaires article figure{row-gap:var(--espace-xl);padding:var(--espace-m);flex-flow:column;display:flex}.produits-similaires .grille-produits-similaires article figure a{position:relative}@media (hover:hover){.produits-similaires .grille-produits-similaires article figure a:hover .produit__illustration__survol{visibility:visible;opacity:1;transition:opacity .3s,visibility .3s}}.produits-similaires .grille-produits-similaires article figure .produit__illustration__principale{display:block}.produits-similaires .grille-produits-similaires article figure .produit__illustration__survol{visibility:hidden;opacity:0;width:100%;height:100%;transition:opacity .15s,visibility .15s;display:block;position:absolute;top:0;left:0}.produits-similaires .grille-produits-similaires article figure img{aspect-ratio:9/16;object-fit:cover;width:100%;max-height:70svh}.produits-similaires .grille-produits-similaires article figure figcaption{margin-bottom:var(--espace-xl);flex-flow:row;justify-content:space-between;display:flex}.produits-similaires .grille-produits-similaires article figure figcaption h3{letter-spacing:var(--espacement-inter-lettres-etendu-m);font-style:italic}.produits-similaires .grille-produits-similaires article figure figcaption p{letter-spacing:var(--espacement-inter-lettres-rapproche-s);font-weight:500}@media (width<=700px){.produits-similaires .grille-produits-similaires{grid-template-columns:100%}.produits-similaires .grille-produits-similaires article figure img{max-height:50svh}}#pied-de-page{--pied-de-page-marges-internes-bloc:var(--espace-m);--pied-de-page-marges-internes-ligne:var(--espace-xl);height:var(--pied-de-page-hauteur);padding:var(--pied-de-page-marges-internes-bloc)var(--pied-de-page-marges-internes-ligne);background:var(--couleur-jaune);border-top:1px solid var(--couleur-noir);grid-template-columns:1fr 1fr;place-items:center;max-width:100vw;display:grid}#pied-de-page .zone-menu-navigation-secondaire{text-transform:lowercase;justify-self:start;width:100%;height:100%}#pied-de-page .zone-liens-reseaux-sociaux{text-align:right;justify-items:end;width:100%;height:100%} \ No newline at end of file +@font-face{font-family:Lato;font-weight:100 900;font-style:normal;font-display:swap;src:url(/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable.woff2)format("woff2"),url(/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable.ttf)format("truetype");unicode-range:U+0,U+D,U+20-7E,U+A0-36F,U+374-375,U+37A-37E,U+384-38A,U+38C,U+38E-3A1,U+3A3-3CE,U+3D0-486,U+488-513,U+E3F,U+102D,U+102F,U+1031,U+1D00-1DCA,U+1DFE-1E9B,U+1E9E,U+1EA0-1EF9,U+1F00-1F15,U+1F18-1F1D,U+1F20-1F45,U+1F48-1F4D,U+1F50-1F57,U+1F59,U+1F5B,U+1F5D,U+1F5F-1F7D,U+1F80-1FB4,U+1FB6-1FC4,U+1FC6-1FD3,U+1FD6-1FDB,U+1FDD-1FEF,U+1FF2-1FF4,U+1FF6-1FFE,U+2000-2010,U+2012-2022,U+2026,U+202F-2030,U+2032-2034,U+2039-203A,U+203C-203E,U+2044,U+205E-205F,U+2070-2071,U+2074-208E,U+2090-2094,U+2099,U+20A0-20B5,U+20B8-20BA,U+20DD,U+2105,U+2113,U+2116-2117,U+2120,U+2122,U+2126,U+212E,U+2132,U+214D-214E,U+2153-215F,U+2183-2184,U+2190-2199,U+21A8,U+2202,U+2206,U+220F,U+2211-2212,U+2215,U+2219-221A,U+221E-221F,U+2229,U+222B,U+2248,U+2260-2261,U+2264-2265,U+2302,U+2310,U+2320-2321,U+2460-2473,U+24EA-24F4,U+24FF-2500,U+2502,U+250C,U+2510,U+2514,U+2518,U+25A1,U+25AA-25AB,U+25CA-25CC,U+25CF,U+25E6,U+2600,U+263C,U+2669,U+2776-277F,U+2C60-2C6C,U+2C74-2C77,U+2E17,U+A717-A71A,U+A720-A721,U+F8FF,U+FB00-FB04,U+FB06,U+FE20-FE23,U+FEFF}@font-face{font-family:Lato;font-weight:100 900;font-style:italic;font-display:swap;src:url(/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-italic.woff2)format("woff2"),url(/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-italic.ttf)format("truetype");unicode-range:U+0,U+D,U+20-7E,U+A0-36F,U+374-375,U+37A-37E,U+384-38A,U+38C,U+38E-3A1,U+3A3-3CE,U+3D0-486,U+488-513,U+E3F,U+102D,U+102F,U+1031,U+1D00-1DCA,U+1DFE-1E9B,U+1E9E,U+1EA0-1EF9,U+1F00-1F15,U+1F18-1F1D,U+1F20-1F45,U+1F48-1F4D,U+1F50-1F57,U+1F59,U+1F5B,U+1F5D,U+1F5F-1F7D,U+1F80-1FB4,U+1FB6-1FC4,U+1FC6-1FD3,U+1FD6-1FDB,U+1FDD-1FEF,U+1FF2-1FF4,U+1FF6-1FFE,U+2000-2010,U+2012-2022,U+2026,U+202F-2030,U+2032-2034,U+2039-203A,U+203C-203E,U+2044,U+205E-205F,U+2070-2071,U+2074-208E,U+2090-2094,U+2099,U+20A0-20B5,U+20B8-20BA,U+20DD,U+2105,U+2113,U+2116-2117,U+2120,U+2122,U+2126,U+212E,U+2132,U+214D-214E,U+2153-215F,U+2183-2184,U+2190-2199,U+21A8,U+2202,U+2206,U+220F,U+2211-2212,U+2215,U+2219-221A,U+221E-221F,U+2229,U+222B,U+2248,U+2260-2261,U+2264-2265,U+2302,U+2310,U+2320-2321,U+2460-2473,U+24EA-24F4,U+24FF-2500,U+2502,U+250C,U+2510,U+2514,U+2518,U+25A1,U+25AA-25AB,U+25CA-25CC,U+25CF,U+25E6,U+2600,U+263C,U+2669,U+2776-277F,U+2C60-2C6C,U+2C74-2C77,U+2E17,U+A717-A71A,U+A720-A721,U+F8FF,U+FB00-FB04,U+FB06,U+FE20-FE23,U+FEFF}@font-face{font-family:Myriad;font-weight:300 900;font-style:normal;font-display:swap;font-stretch:70% 110%;src:url(/app/themes/haiku-atelier-2024/assets/fonts/myriad/myriad-variable.woff2)format("woff2"),url(/app/themes/haiku-atelier-2024/assets/fonts/myriad/myriad-variable.ttf)format("truetype")}@font-face{font-family:Myriad;font-weight:300 900;font-style:italic;font-display:swap;font-stretch:70% 110%;src:url(/app/themes/haiku-atelier-2024/assets/fonts/myriad/myriad-variable-italic.woff2)format("woff2"),url(/app/themes/haiku-atelier-2024/assets/fonts/myriad/myriad-variable-italic.ttf)format("truetype")}:root{--couleur-blanc:#fff;--couleur-blanc-fond:#ffffffe6;--couleur-gris:#eceaeb;--couleur-gris-fonce:gray;--couleur-gris-fonce-fond:#808080cc;--couleur-bordeaux:#490918;--couleur-bordeaux-fond:#490918cc;--couleur-jaune:#ebffb8;--couleur-jaune-fond:#ebffb8cc;--couleur-noir:#202020;--couleur-fond:#eceaebcc;--police-lato:"Lato",sans-serif;--police-myriad:"Myriad",sans-serif;--hauteur-ligne-classique:1.5;--hauteur-ligne-rapprochee:1;--espacement-inter-lettres-rapproche-s:-.5px;--espacement-inter-lettres-etendu-s:.5px;--espacement-inter-lettres-etendu-m:1px;--espacement-inter-lettres-etendu-l:1.5px;--espacement-inter-lettres-etendu-xl:2px;--en-tete-hauteur:61px;--menu-categories-produits-hauteur:54.39px;--pied-de-page-hauteur:calc(var(--espace-m)*2 + 3lh);--contenu-page-hauteur-minimale-sans-categories:calc(100svh - var(--en-tete-hauteur) - var(--pied-de-page-hauteur));--contenu-page-hauteur-minimale-avec-categories:calc(100svh - var(--en-tete-hauteur) - var(--pied-de-page-hauteur) - var(--menu-categories-produits-hauteur));--espace-xs:.25rem;--espace-s:.5rem;--espace-m:1rem;--espace-l:1.25rem;--espace-xl:2rem}html{box-sizing:border-box}*,:before,:after{box-sizing:inherit;font:inherit;color:inherit;margin:0;padding:0}body{accent-color:var(--couleur-jaune);background:var(--couleur-gris)}button,input,select,textarea{font:inherit}::selection{background:var(--couleur-jaune)}[hidden]{display:none!important}[disabled]{cursor:not-allowed}@media (prefers-reduced-motion){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation-duration:0s!important}}html{font:1rem/var(--hauteur-ligne-classique)Lato;font-optical-sizing:auto;font-kerning:normal;font-variant-ligatures:common-ligatures no-discretionary-ligatures no-historical-ligatures contextual;-webkit-font-smoothing:antialiased;color:var(--couleur-noir);text-decoration-skip-ink:auto;text-size-adjust:none;text-rendering:geometricprecision;letter-spacing:var(--espacement-inter-lettres-etendu-s)}strong{font-weight:600}em{font-style:italic}button{all:initial;cursor:pointer;text-align:center;letter-spacing:inherit;font-family:Lato}button.bouton-case-pleine{width:100%;height:100%}button.bouton-case-pleine--blanc-sur-noir{color:var(--couleur-blanc);text-transform:uppercase;letter-spacing:var(--espacement-inter-lettres-etendu-m);background:var(--couleur-noir);font-style:italic}button:disabled,button[disabled]{background:repeating-conic-gradient(var(--couleur-noir)0% 25%,transparent 0% 100%)1px .5px/2px 2px}input,select,textarea{padding:var(--espace-xs);background:var(--couleur-gris);border:1px solid var(--couleur-noir);outline:1px solid #0000;transition:background .2s,outline .2s}input:focus,input:focus-visible,select:focus,select:focus-visible,textarea:focus,textarea:focus-visible{background:var(--couleur-jaune);outline:1px solid var(--couleur-noir)}input:disabled,input[disabled],select:disabled,select[disabled],textarea:disabled,textarea[disabled]{cursor:not-allowed;background:repeating-conic-gradient(var(--couleur-noir)0% 25%,transparent 0% 100%)1px .5px/2px 2px}input:is([type=email],[type=text],[type=tel])::placeholder,textarea::placeholder{text-transform:lowercase;letter-spacing:var(--espacement-inter-lettres-etendu-s)}input:is([type=email],[type=text],[type=tel])::selection,textarea::selection{color:var(--couleur-blanc);background:var(--couleur-noir)}input:is([type=email],[type=text],[type=tel]):user-valid,textarea:user-valid{background:var(--couleur-jaune)}input:is([type=email],[type=text],[type=tel]):user-invalid,textarea:user-invalid{background:var(--couleur-gris)}input,label,select,textarea{cursor:pointer}input[type=checkbox],input[type=radio]{width:var(--espace-l);height:var(--espace-l);padding:initial;appearance:none;border:1px solid var(--couleur-noir);transition:background .2s}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--couleur-jaune)}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"x";position:relative;bottom:15%;left:29%}label:has(~input[type=checkbox],~input[type=radio]),input[type=checkbox]+label,input[type=radio]+label{padding-top:1px;font-size:.9rem}img,picture{max-width:100%;display:block}img{object-fit:cover;background:var(--couleur-jaune)}a{--lien-contour-couleur-focus:var(--couleur-noir);text-decoration-skip-ink:auto;outline-offset:initial;text-decoration-skip:edges;outline:1px solid #0000;text-decoration:underline #0000;transition:color .2s,font-weight .2s,background .2s,outline-color .2s,border-color .2s,text-decoration-color .2s}a:focus,a:focus-visible{outline-color:var(--lien-contour-couleur-focus)}a.lien-bouton{--lien-bouton-marges-internes-bloc:var(--espace-xs);--lien-bouton-marges-internes-ligne:var(--espace-m);--lien-bouton-arriere-plan-couleur-survol:var(--couleur-jaune);padding:var(--lien-bouton-marges-internes-bloc)var(--lien-bouton-marges-internes-ligne);border:1px solid var(--couleur-noir)}a.lien-bouton:focus,a.lien-bouton:focus-visible{background:var(--lien-bouton-arriere-plan-couleur-survol)}a.lien-bouton:active{border-color:var(--lien-bouton-arriere-plan-couleur-survol)}@media (hover:hover){a.lien-bouton:hover{background:var(--lien-bouton-arriere-plan-couleur-survol)}}a.lien-lien{text-decoration:underline}a.lien-lien:active{text-decoration-color:var(--couleur-jaune);background:var(--couleur-jaune)}@media (hover:hover){a.lien-lien:hover{text-decoration-color:var(--couleur-jaune);background:var(--couleur-jaune)}a:not([class]):hover{text-decoration-color:var(--couleur-noir)}}ul{list-style:none}ul.avec-puce-cercle{--liste-puce-cercle-lien-marges-internes-ligne-debut:2ch;--liste-puce-cercle-puce-position-horizontale:1ch;--liste-puce-cercle-puce-taille:1.25ex}ul.avec-puce-cercle a{padding-left:var(--liste-puce-cercle-lien-marges-internes-ligne-debut);background:no-repeat var(--liste-puce-cercle-puce-position-horizontale)center/var(--liste-puce-cercle-puce-taille)url(/app/themes/haiku-atelier-2024/assets/img/icons/dot.svg)}body:has(#menu-mobile:not([aria-hidden=true])){touch-action:none;overflow:hidden}#menu-mobile{--menu-mobile-hauteur:calc(100svh - var(--en-tete-hauteur));z-index:997;inset:var(--en-tete-hauteur)0 0 0;overscroll-behavior:contain;height:var(--menu-mobile-hauteur);transition:display .4s;transition:display .4s allow-discrete;-webkit-overflow-scrolling:none;width:100vw;display:flex;position:fixed;overflow:hidden}#menu-mobile[aria-hidden=true]{animation:.4s both fade-out;display:none}#menu-mobile[aria-hidden=true] .menu-modale__fond{animation:.4s both fade-out}#menu-mobile .menu-modale__fond{z-index:998;inset:var(--en-tete-hauteur)0 0 0;height:var(--menu-mobile-hauteur);opacity:0;background-color:var(--couleur-fond);animation:.4s both fade-in;position:fixed}#menu-mobile .menu-modale__conteneur{z-index:999;padding:var(--espace-xl);opacity:0;background-color:var(--couleur-gris);border-bottom:1px solid var(--couleur-noir);flex-flow:column;width:100%;height:fit-content;animation:.4s .2s both fade-in;display:flex;position:relative}#menu-mobile .menu-modale__conteneur .menu-navigation{grid-template-columns:1fr}#menu-mobile .menu-modale__conteneur .menu-navigation ul{grid-column:initial;flex-flow:column;place-items:center}#menu-mobile .menu-modale__conteneur .menu-navigation ul>span{width:fit-content}#menu-mobile .menu-modale__conteneur .menu-navigation ul>span li a{padding-top:var(--espace-m);padding-bottom:var(--espace-m)}@media (width>=1000px){#menu-mobile{display:none}}@keyframes fade-in{to{opacity:1}}@keyframes fade-out{to{opacity:0}}@keyframes slide-in{to{transform:translateY(0)}}#en-tete{--en-tete-marges-internes-ligne:var(--espace-xl);--en-tete-marges-internes-bloc:var(--espace-m);--en-tete-section-hauteur:var(--en-tete-hauteur);--en-tete-logo-longueur:80px;z-index:60;height:var(--en-tete-hauteur);padding:var(--en-tete-marges-internes-bloc)var(--en-tete-marges-internes-ligne);background:var(--couleur-gris);border-bottom:1px solid var(--couleur-noir);flex-flow:row;justify-content:space-between;place-items:center;min-width:100vw;max-width:100vw;display:flex;position:fixed;top:0}#en-tete .logo{width:var(--en-tete-logo-longueur)}#en-tete .logo picture,#en-tete .logo img{background:0 0}#en-tete .logo button{align-content:center;display:block}#en-tete .menu-navigation{text-align:center;text-transform:lowercase;flex:1;grid-template-columns:1fr auto 1fr;font-size:1.1rem;display:grid}#en-tete .menu-navigation ul{gap:var(--espace-m);flex-flow:row;grid-column:2;justify-content:space-between;display:flex}#en-tete .menu-navigation__entree{--nav-entree-marges-internes-bloc:var(--espace-xs);--nav-entree-marges-internes-ligne:3rem;--liste-puce-cercle-lien-marges-internes-ligne-debut:calc(var(--espace-m) + 1.5ch);--liste-puce-cercle-puce-position-horizontale:3.5ch}#en-tete .menu-navigation__entree a{padding:var(--nav-entree-marges-internes-bloc)var(--nav-entree-marges-internes-ligne);text-align:center;display:inline-block}#en-tete .menu-navigation__entree--courante{background:url(/app/themes/haiku-atelier-2024/assets/img/icons/cloud.svg) 50%/auto 90% no-repeat}@media (hover:hover){#en-tete .menu-navigation__entree:hover{background:url(/app/themes/haiku-atelier-2024/assets/img/icons/cloud.svg) 50%/auto 90% no-repeat}}@media (width<=1000px){#en-tete .menu-navigation#menu-navigation-en-tete{display:none}}#en-tete .compte-panier{text-align:center;flex-flow:row;place-items:center;gap:1rem;display:flex}#en-tete .compte-panier[disabled]{background:repeating-conic-gradient(var(--couleur-noir)0% 25%,transparent 0% 100%)1px .5px/2px 2px}#en-tete .compte-panier[disabled] a:hover,#en-tete .compte-panier[disabled] a:active,#en-tete .compte-panier[disabled] a:focus,#en-tete .compte-panier[disabled] a:focus-within{background:initial;border:1px solid var(--couleur-noir);outline:1px solid #0000}#en-tete .compte-panier a{text-transform:lowercase;min-width:10ch;font-size:1.1rem}#en-tete .compte-panier a.lien-compte{border-color:#0000}#en-tete .compte-panier a[data-contient-articles=true]{background:var(--couleur-jaune)}#menu-categories-produits{--menu-entree-longueur-minimale:13ch;--menu-section-marges-bloc-debut:var(--en-tete-hauteur);--menu-entree-marges-internes-ligne:var(--espace-m);margin-top:var(--menu-section-marges-bloc-debut);position:relative}#menu-categories-produits[data-entrees-presentes-debut] img:first-of-type,#menu-categories-produits[data-entrees-presentes-fin] img:last-of-type{opacity:1}#menu-categories-produits svg{pointer-events:none;mix-blend-mode:exclusion;shape-rendering:geometricprecision;width:.8rem;height:.8rem;transition:opacity .2s;position:absolute;bottom:calc(17.59px - .35rem)}#menu-categories-produits svg:first-of-type{left:var(--espace-xs)}#menu-categories-produits svg:last-of-type{right:var(--espace-xs)}#menu-categories-produits ul{grid-template-columns:repeat(auto-fit,minmax(var(--menu-entree-longueur-minimale),1fr));place-items:center;gap:1px;display:grid}#menu-categories-produits ul li{color:var(--couleur-gris);text-align:center;text-transform:uppercase;letter-spacing:var(--espacement-inter-lettres-etendu-m);background:var(--couleur-noir);width:100%;font-style:italic;font-weight:450}#menu-categories-produits ul li.categorie-courante a{color:var(--couleur-noir);background:var(--couleur-jaune)}@media (hover:hover){#menu-categories-produits ul li.categorie-courante a:hover{color:var(--couleur-noir)}}#menu-categories-produits ul li a{width:inherit;padding:var(--menu-entree-marges-internes-ligne)0;outline:initial;text-decoration:none;display:inline-block}#menu-categories-produits ul li a:focus,#menu-categories-produits ul li a:focus-visible{color:var(--couleur-jaune);outline:initial}@media (hover:hover){#menu-categories-produits ul li a:hover{color:var(--couleur-jaune);outline:initial}}@media (width<=900px){#menu-categories-produits ul{--menu-entree-marges-internes-ligne:var(--espace-s);flex-flow:wrap;font-size:.8rem;display:flex}#menu-categories-produits ul li{flex-grow:1;width:min(140px,100%)}#menu-categories-produits ul li a{border:initial;width:100%}}@media (width<=600px){#menu-categories-produits ul{scrollbar-width:none;flex-flow:row;overflow-x:scroll}#menu-categories-produits ul li{width:initial;min-width:140px}}.photos-produit{--colonne-gauche-position-haut:var(--menu-categories-produits-hauteur);--colonne-gauche-photo-hauteur:calc(100svh - var(--menu-categories-produits-hauteur));--colonne-droite-photo-hauteur-minimale:calc(100svh + var(--en-tete-hauteur) + var(--menu-categories-produits-hauteur));--colonne-photo-longueur-minimale:30rem;--section-marges-externes-bloc-fin:1rem;flex-flow:wrap;max-width:100%;display:flex}.photos-produit>section{width:min(var(--colonne-photo-longueur-minimale),100%);flex-flow:column;flex-grow:1;display:flex;position:relative}.photos-produit>section.colonne-gauche{top:var(--colonne-gauche-position-haut);height:var(--colonne-gauche-photo-hauteur);position:sticky}.photos-produit>section.colonne-gauche figure,.photos-produit>section.colonne-gauche picture,.photos-produit>section.colonne-gauche img{height:100%}.photos-produit>section.colonne-droite img{max-height:var(--colonne-droite-photo-hauteur-minimale)}.photos-produit>section.colonne-droite figure picture img:only-child{min-height:var(--colonne-droite-photo-hauteur-minimale);max-height:var(--colonne-droite-photo-hauteur-minimale)}@media (width<=900px){.photos-produit{scrollbar-width:none;flex-flow:row;overflow-x:scroll}.photos-produit>section{width:100%;min-width:100%}.photos-produit>section.colonne-gauche{position:initial;height:initial}.photos-produit>section.colonne-gauche img{max-height:calc(100svh - var(--en-tete-hauteur))}.photos-produit>section.colonne-droite{flex-flow:row}.photos-produit>section.colonne-droite figure{flex-grow:1;min-width:100%}.photos-produit>section.colonne-droite figure img{max-height:calc(100svh - var(--en-tete-hauteur))}}.grille-produits{--grille-produits-hauteur-minimale:var(--contenu-page-hauteur-minimale-avec-categories);--aucun-produit-hauteur:var(--contenu-page-hauteur-minimale-avec-categories);--carte-produit-longueur-minimale:448px;--carte-produit-longueur-maximale:1000px;grid-auto-rows:1fr;grid-template-columns:repeat(auto-fit,minmax(var(--carte-produit-longueur-minimale),1fr));min-height:var(--grille-produits-hauteur-minimale);gap:1px;display:grid}.grille-produits article{max-width:var(--carte-produit-longueur-maximale);box-shadow:0 0 0 1px var(--couleur-noir)}.grille-produits article figure{row-gap:var(--espace-xl);padding:var(--espace-m);flex-flow:column;display:flex}.grille-produits article figure a{position:relative}@media (hover:hover){.grille-produits article figure a:hover .produit__illustration__survol{visibility:visible;opacity:1;transition:opacity .3s,visibility .3s}}.grille-produits article figure img{position:inherit;aspect-ratio:9/16;object-fit:cover;background:0 0;width:100%;max-height:70vh}.grille-produits article figure .produit__illustration__principale{display:block}.grille-produits article figure .produit__illustration__principale:before{content:"";z-index:-1;opacity:0;filter:opacity(20%);background-image:url(/app/themes/haiku-atelier-2024/assets/img/icons/cloud-gris.svg);background-position:50%;background-repeat:no-repeat;background-size:50%;width:100%;height:100%;animation:1.5s linear .5s infinite alternate both test;position:absolute;top:0;left:0}.grille-produits article figure .produit__illustration__principale img{opacity:0;transition:opacity 1s}.grille-produits article figure .produit__illustration__survol{visibility:hidden;opacity:0;width:100%;height:100%;transition:opacity .15s,visibility .15s;display:block;position:absolute;top:0;left:0}.grille-produits article figure .produit__illustration__survol img{background:var(--couleur-fond)}.grille-produits article figure figcaption{margin-bottom:var(--espace-xl);flex-flow:row;justify-content:space-between;display:flex}.grille-produits article figure figcaption h3{letter-spacing:var(--espacement-inter-lettres-etendu-m);font-style:italic}.grille-produits article figure figcaption p{letter-spacing:var(--espacement-inter-lettres-rapproche-s);font-weight:500}.grille-produits__aucun-produit{min-height:var(--aucun-produit-hauteur);text-align:center;grid-column:span 3;align-content:center}.grille-produits__aucun-produit p+p{margin-top:var(--espace-l);font-size:1.25rem}@media (width<=700px){.grille-produits{grid-template-columns:100%}.grille-produits article figure img{max-height:50svh}}@keyframes test{to{opacity:1}}.informations-produit{--boite-position-basse:var(--espace-m);--boite-longueur:70ch;--section-marges-internes:var(--espace-m);--onglet-marges-internes:var(--espace-xl);bottom:var(--boite-position-basse);width:0;height:0;font-weight:450;position:sticky;overflow:visible}.informations-produit__conteneur{transform:translate(calc(50vw - var(--boite-longueur)/2),-100%);width:var(--boite-longueur);max-width:var(--boite-longueur);display:grid;position:relative}.informations-produit__conteneur>section{padding:var(--section-marges-internes);background:var(--couleur-blanc-fond);flex-flow:row;height:100%;display:flex}.informations-produit__conteneur>section+section{border-top:1px solid var(--couleur-noir)}.informations-produit .onglets-details-produit{padding:initial;grid-template-rows:auto min-content;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.informations-produit .onglets-details-produit>section{padding:var(--onglet-marges-internes);visibility:visible;opacity:1;background:inherit;border-color:var(--couleur-noir);border-style:solid;border-width:1px 1px 0;grid-column:span 3;width:100%;transition:opacity .2s,visibility .2s;position:absolute;top:0;left:0;overflow-y:auto;transform:translateY(-100%)}.informations-produit .onglets-details-produit>section[hidden]{visibility:hidden;opacity:0;display:initial!important}.informations-produit .onglets-details-produit>section ul{list-style:inside}.informations-produit .onglets-details-produit>section a{text-decoration-color:var(--couleur-noir)}.informations-produit .onglets-details-produit>section>*+*{margin-top:1rem}.informations-produit .onglets-details-produit>ul{text-align:center;text-transform:lowercase;letter-spacing:var(--espacement-inter-lettres-etendu-m);grid-area:2/span 3;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.informations-produit .onglets-details-produit>ul li{width:100%}.informations-produit .onglets-details-produit>ul li:first-of-type a{border-right-color:#0000}.informations-produit .onglets-details-produit>ul li:last-of-type a{border-left-color:#0000}.informations-produit .onglets-details-produit>ul li a{padding:var(--espace-xs)0;border-top:1px solid var(--couleur-noir);border-right:1px solid var(--couleur-noir);border-left:1px solid var(--couleur-noir);width:100%;height:100%;display:inline-block}.informations-produit .onglets-details-produit>ul li a[aria-selected=true]{border-top-color:#0000}.informations-produit .onglets-details-produit>ul li a:focus,.informations-produit .onglets-details-produit>ul li a:focus-visible{outline-color:#0000}.informations-produit .onglets-details-produit:has(section:not([hidden]))>ul li a:not([aria-selected=true]){border-top-color:var(--couleur-noir)}.informations-produit .selecteur-produit{column-gap:var(--espace-xl);font-size:1.25rem;font-style:italic;font-weight:500;line-height:var(--hauteur-ligne-rapprochee);border-color:var(--couleur-noir);border-style:solid;border-width:1px;flex-flow:row;justify-content:space-between;place-items:center;display:flex}.informations-produit .selecteur-produit__nom{letter-spacing:var(--espacement-inter-lettres-etendu-m);font-weight:500}.informations-produit .selecteur-produit__selection-variation{text-transform:lowercase;place-items:center;font-weight:400;display:flex}.informations-produit .selecteur-produit__selection-variation label{height:100%;margin-right:1ch}.informations-produit .selecteur-produit__selection-variation__selecteurs{position:relative}.informations-produit .selecteur-produit__selection-variation__selecteurs:after{pointer-events:none;content:" ";text-align:center;visibility:visible;opacity:1;background:url(/app/themes/haiku-atelier-2024/assets/img/icons/arrow.svg) no-repeat;width:.9rem;height:.9rem;transition:opacity .2s,visibility .2s;display:inline-block;position:absolute;top:10px;right:.4rem}@supports not selector(:user-valid){.informations-produit .selecteur-produit__selection-variation__selecteurs:has(select:valid):after{visibility:hidden;opacity:0}}@supports selector(:user-valid){.informations-produit .selecteur-produit__selection-variation__selecteurs:has(select:user-valid):after{visibility:hidden;opacity:0}}.informations-produit .selecteur-produit__selection-variation select{padding:var(--espace-s)var(--espace-xl);text-align:center;appearance:none;background:var(--couleur-fond);border:1px solid var(--couleur-noir);min-width:4rem;position:relative}@supports selector(:user-valid){.informations-produit .selecteur-produit__selection-variation select:user-valid{background:var(--couleur-jaune-fond)}}.informations-produit .selecteur-produit__selection-variation option{background:var(--couleur-fond)}.informations-produit .selecteur-produit__prix{font-style:initial}.informations-produit .actions-produit{padding:initial;background:var(--couleur-jaune);border-top:initial;transition:background .2s;overflow:hidden}.informations-produit .actions-produit:has(button[disabled]){background:var(--couleur-fond)}.informations-produit .actions-produit button{height:initial;padding:var(--section-marges-internes);font-variation-settings:"wght" 400;text-transform:uppercase;letter-spacing:var(--espacement-inter-lettres-etendu-m);font-style:italic;transition:font-variation-settings .2s}@media (hover:hover){.informations-produit .actions-produit button:not([disabled]):hover{font-variation-settings:"wght" 500}}@media (width<=700px){.informations-produit{--section-marges-internes:var(--espace-l);--onglet-marges-internes:var(--espace-l);bottom:var(--espace-xl);width:min(var(--boite-longueur),100%);height:initial;margin:auto;position:relative}.informations-produit__conteneur{transform:initial;width:initial;max-width:initial;border-right:initial;border-left:initial}}.produits-similaires{--carte-produit-longueur-minimale:448px;--carte-produit-longueur-maximale:1000px;margin-top:var(--espace-m);grid-template-rows:1fr auto;grid-template-columns:repeat(3,1fr);grid-template-areas:"en-tete en-tete en-tete""produits produits produits";place-items:center;display:grid;position:relative}.produits-similaires header{z-index:10;top:calc(1lh + var(--espace-l) + var(--espace-m));padding:var(--espace-l)0 var(--espace-m);color:var(--couleur-blanc);text-align:center;background:var(--couleur-noir);grid-area:en-tete;width:100%;position:sticky}.produits-similaires header h2{font-style:italic;line-height:var(--hauteur-ligne-rapprochee);text-transform:uppercase;letter-spacing:var(--espacement-inter-lettres-etendu-m)}.produits-similaires .grille-produits-similaires{grid-area:produits;grid-auto-rows:1fr;grid-template-columns:repeat(auto-fit,minmax(var(--carte-produit-longueur-minimale),1fr));gap:1px;width:100%;display:grid}.produits-similaires .grille-produits-similaires article{max-width:var(--carte-produit-longueur-maximale);box-shadow:0 0 0 1px var(--couleur-noir)}.produits-similaires .grille-produits-similaires article figure{row-gap:var(--espace-xl);padding:var(--espace-m);flex-flow:column;display:flex}.produits-similaires .grille-produits-similaires article figure a{position:relative}@media (hover:hover){.produits-similaires .grille-produits-similaires article figure a:hover .produit__illustration__survol{visibility:visible;opacity:1;transition:opacity .3s,visibility .3s}}.produits-similaires .grille-produits-similaires article figure .produit__illustration__principale{display:block}.produits-similaires .grille-produits-similaires article figure .produit__illustration__survol{visibility:hidden;opacity:0;width:100%;height:100%;transition:opacity .15s,visibility .15s;display:block;position:absolute;top:0;left:0}.produits-similaires .grille-produits-similaires article figure img{aspect-ratio:9/16;object-fit:cover;width:100%;max-height:70svh}.produits-similaires .grille-produits-similaires article figure figcaption{margin-bottom:var(--espace-xl);flex-flow:row;justify-content:space-between;display:flex}.produits-similaires .grille-produits-similaires article figure figcaption h3{letter-spacing:var(--espacement-inter-lettres-etendu-m);font-style:italic}.produits-similaires .grille-produits-similaires article figure figcaption p{letter-spacing:var(--espacement-inter-lettres-rapproche-s);font-weight:500}@media (width<=700px){.produits-similaires .grille-produits-similaires{grid-template-columns:100%}.produits-similaires .grille-produits-similaires article figure img{max-height:50svh}}#pied-de-page{--pied-de-page-marges-internes-bloc:var(--espace-m);--pied-de-page-marges-internes-ligne:var(--espace-xl);height:var(--pied-de-page-hauteur);padding:var(--pied-de-page-marges-internes-bloc)var(--pied-de-page-marges-internes-ligne);background:var(--couleur-jaune);border-top:1px solid var(--couleur-noir);grid-template-columns:1fr 1fr;place-items:center;max-width:100vw;display:grid}#pied-de-page .zone-menu-navigation-secondaire{text-transform:lowercase;justify-self:start;width:100%;height:100%}#pied-de-page .zone-liens-reseaux-sociaux{text-align:right;justify-items:end;width:100%;height:100%} \ No newline at end of file diff --git a/web/app/themes/haiku-atelier-2024/assets/css/pages/page-a-propos.css b/web/app/themes/haiku-atelier-2024/assets/css/pages/page-a-propos.css index 28fdc0fe..ccae6a93 100644 --- a/web/app/themes/haiku-atelier-2024/assets/css/pages/page-a-propos.css +++ b/web/app/themes/haiku-atelier-2024/assets/css/pages/page-a-propos.css @@ -21,7 +21,6 @@ #page-a-propos .storytelling picture::before { content: ""; position: absolute; - z-index: 2; top: 0; left: 0; width: 100%; @@ -31,56 +30,22 @@ background-position: center; background-size: contain; filter: opacity(0%); - animation: 1s test infinite alternate both linear; + animation: 1s clignotement infinite alternate both linear; } #page-a-propos .storytelling img { - position: inherit; + position: relative; width: max-content; height: auto; object-fit: contain; background: transparent; } -#page-a-propos .storytelling .texte { - position: absolute; - max-width: 22rem; - font-weight: 500; - font-style: italic; - /* stylelint-disable-next-line declaration-block-no-duplicate-properties */ - text-wrap: balance; - text-wrap: pretty; -} -#page-a-propos .storytelling .texte#texte-1 { - top: 33rem; - right: 4rem; -} -#page-a-propos .storytelling .texte#texte-2 { - top: 61.5rem; -} -#page-a-propos .storytelling .texte#texte-3 { - top: 81.5rem; - right: 4rem; -} -#page-a-propos .storytelling .texte#texte-4 { - top: 139rem; - left: 11rem; -} -#page-a-propos .storytelling .texte#texte-5 { - top: 156rem; - right: 4rem; -} -#page-a-propos .storytelling .texte#texte-6 { - bottom: 3rem; -} -#page-a-propos .storytelling .texte p + p { - margin-top: var(--espace-m); -} #page-a-propos .storytelling .epingle { position: absolute; right: 46.5%; - display: none; } #page-a-propos .storytelling .epingle img { pointer-events: none; + display: block; width: 1.5rem; filter: drop-shadow(1px 1px 3px var(--couleur-gris-fonce)); transition: 0.2s filter; @@ -167,21 +132,13 @@ --hauteur-boite: calc(7lh + 1rem + var(--espace-l) * 2); top: calc(95.5% - var(--hauteur-boite) / 2); } -@media (width <= 1300px) { - #page-a-propos .storytelling .texte { - display: none; - } - #page-a-propos .storytelling .epingle { - display: initial; - } -} @media (width <= 700px) { #page-a-propos { --images-marges-ligne: var(--espace-m); } } -@keyframes test { +@keyframes clignotement { to { filter: opacity(30%); } diff --git a/web/app/themes/haiku-atelier-2024/assets/css/pages/page-a-propos.css.map b/web/app/themes/haiku-atelier-2024/assets/css/pages/page-a-propos.css.map index a0816d2b..37f8f814 100644 --- a/web/app/themes/haiku-atelier-2024/assets/css/pages/page-a-propos.css.map +++ b/web/app/themes/haiku-atelier-2024/assets/css/pages/page-a-propos.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../../../src/sass/pages/page-a-propos.scss"],"names":[],"mappings":"AAEA;EAEE;EAGA;EACA;EAEA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;AACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAIA;EACE;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;AAIJ;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;;AAGF;EACE;EAEA;;AAGF;EACE;EAEA;;AAGF;EACE;EAEA;;AAGF;EACE;EAEA;;AAGF;EACE;EAEA;;AAKN;EAEI;IACE;;EAGF;IACE;;;AAKN;EAnOF;IAoOI;;;;AAIJ;EACE;IACE","file":"page-a-propos.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../../../src/sass/pages/page-a-propos.scss"],"names":[],"mappings":"AAEA;EAEE;EAGA;EACA;EAEA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAIA;EACE;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;AAIJ;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;;AAGF;EACE;EAEA;;AAGF;EACE;EAEA;;AAGF;EACE;EAEA;;AAGF;EACE;EAEA;;AAGF;EACE;EAEA;;AAKN;EA7KF;IA8KI;;;;AAIJ;EACE;IACE","file":"page-a-propos.css"} \ No newline at end of file diff --git a/web/app/themes/haiku-atelier-2024/assets/css/pages/page-a-propos.min.css b/web/app/themes/haiku-atelier-2024/assets/css/pages/page-a-propos.min.css index b339aa1b..7a5efb3a 100644 --- a/web/app/themes/haiku-atelier-2024/assets/css/pages/page-a-propos.min.css +++ b/web/app/themes/haiku-atelier-2024/assets/css/pages/page-a-propos.min.css @@ -1 +1 @@ -#page-a-propos{--images-longueur-maximale:1300px;--page-marges-bloc-debut:var(--en-tete-hauteur);--images-marges-ligne:var(--espace-xl)*2;margin-top:var(--page-marges-bloc-debut);flex-flow:column;display:flex}#page-a-propos .storytelling{padding:var(--espace-xl)0;color:var(--couleur-gris-fonce)}#page-a-propos .storytelling__conteneur{width:min(var(--images-longueur-maximale),100% - var(--images-marges-ligne));margin:auto;position:relative}#page-a-propos .storytelling img{object-fit:contain;background:0 0;width:max-content;height:auto}#page-a-propos .storytelling .texte{text-wrap:balance;text-wrap:pretty;max-width:22rem;font-style:italic;font-weight:500;position:absolute}#page-a-propos .storytelling .texte#texte-1{top:33rem;right:4rem}#page-a-propos .storytelling .texte#texte-2{top:61.5rem}#page-a-propos .storytelling .texte#texte-3{top:81.5rem;right:4rem}#page-a-propos .storytelling .texte#texte-4{top:139rem;left:11rem}#page-a-propos .storytelling .texte#texte-5{top:156rem;right:4rem}#page-a-propos .storytelling .texte#texte-6{bottom:3rem}#page-a-propos .storytelling .texte p+p{margin-top:var(--espace-m)}#page-a-propos .storytelling .epingle{display:none;position:absolute;right:46.5%}#page-a-propos .storytelling .epingle img{pointer-events:none;filter:drop-shadow(1px 1px 3px var(--couleur-gris-fonce));width:1.5rem;transition:filter .2s}#page-a-propos .storytelling .epingle[data-id-ensemble-epingle-boite="1"]{top:2%}#page-a-propos .storytelling .epingle[data-id-ensemble-epingle-boite="2"]{top:23%}#page-a-propos .storytelling .epingle[data-id-ensemble-epingle-boite="3"]{top:35%}#page-a-propos .storytelling .epingle[data-id-ensemble-epingle-boite="4"]{top:58%}#page-a-propos .storytelling .epingle[data-id-ensemble-epingle-boite="5"]{top:76%}#page-a-propos .storytelling .epingle[data-id-ensemble-epingle-boite="6"]{top:95.5%}#page-a-propos .storytelling .epingle[data-ensemble-epingle-boite-actif] img{filter:drop-shadow(1px 1px 5px var(--couleur-gris-fonce))}#page-a-propos .storytelling .boite-texte{top:0;right:calc(46.5% - (15rem + var(--espace-l))/2);padding:var(--espace-l);color:var(--couleur-noir);visibility:hidden;opacity:0;background:var(--couleur-fond);border:1px solid var(--couleur-noir);flex-flow:column;font-size:.8rem;font-style:italic;transition:opacity .2s,visibility .2s;display:flex;position:absolute}#page-a-propos .storytelling .boite-texte button{top:0;right:calc(-1.5rem - var(--espace-m) - var(--espace-xs));padding:var(--espace-xs);align-self:end;position:absolute}#page-a-propos .storytelling .boite-texte button img{pointer-events:none;aspect-ratio:1;width:1.5rem}#page-a-propos .storytelling .boite-texte button:active{background:var(--couleur-jaune)}#page-a-propos .storytelling .boite-texte p{max-width:15rem}#page-a-propos .storytelling .boite-texte p+p{margin-top:var(--espace-m)}#page-a-propos .storytelling .boite-texte[data-ensemble-epingle-boite-actif]{visibility:visible;opacity:1}#page-a-propos .storytelling .boite-texte[data-id-ensemble-epingle-boite="2"]{--hauteur-boite:calc(7lh + 1rem + var(--espace-l)*2);top:calc(23% - var(--hauteur-boite)/2)}#page-a-propos .storytelling .boite-texte[data-id-ensemble-epingle-boite="3"]{--hauteur-boite:calc(7lh + 1rem + var(--espace-l)*2);top:calc(35% - var(--hauteur-boite)/2)}#page-a-propos .storytelling .boite-texte[data-id-ensemble-epingle-boite="4"]{--hauteur-boite:calc(8lh + 2rem + var(--espace-l)*2);top:calc(58% - var(--hauteur-boite)/2)}#page-a-propos .storytelling .boite-texte[data-id-ensemble-epingle-boite="5"]{--hauteur-boite:calc(12lh + 2rem + var(--espace-l)*2);top:calc(76% - var(--hauteur-boite)/2)}#page-a-propos .storytelling .boite-texte[data-id-ensemble-epingle-boite="6"]{--hauteur-boite:calc(7lh + 1rem + var(--espace-l)*2);top:calc(95.5% - var(--hauteur-boite)/2)}@media (width<=1300px){#page-a-propos .storytelling .texte{display:none}#page-a-propos .storytelling .epingle{display:initial}}@media (width<=700px){#page-a-propos{--images-marges-ligne:var(--espace-m)}} \ No newline at end of file +#page-a-propos{--images-longueur-maximale:1300px;--page-marges-bloc-debut:var(--en-tete-hauteur);--images-marges-ligne:var(--espace-xl)*2;margin-top:var(--page-marges-bloc-debut);flex-flow:column;display:flex}#page-a-propos .storytelling{padding:var(--espace-xl)0;color:var(--couleur-gris-fonce)}#page-a-propos .storytelling__conteneur{width:min(var(--images-longueur-maximale),100% - var(--images-marges-ligne));margin:auto;position:relative}#page-a-propos .storytelling picture{position:relative}#page-a-propos .storytelling picture:before{content:"";filter:opacity(0%);background-image:url(/app/themes/haiku-atelier-2024/assets/img/icons/cloud-gris.svg);background-position:50%;background-repeat:space;background-size:contain;width:100%;height:100%;animation:1s linear infinite alternate both clignotement;position:absolute;top:0;left:0}#page-a-propos .storytelling img{object-fit:contain;background:0 0;width:max-content;height:auto;position:relative}#page-a-propos .storytelling .epingle{position:absolute;right:46.5%}#page-a-propos .storytelling .epingle img{pointer-events:none;filter:drop-shadow(1px 1px 3px var(--couleur-gris-fonce));width:1.5rem;transition:filter .2s;display:block}#page-a-propos .storytelling .epingle[data-id-ensemble-epingle-boite="1"]{top:2%}#page-a-propos .storytelling .epingle[data-id-ensemble-epingle-boite="2"]{top:23%}#page-a-propos .storytelling .epingle[data-id-ensemble-epingle-boite="3"]{top:35%}#page-a-propos .storytelling .epingle[data-id-ensemble-epingle-boite="4"]{top:58%}#page-a-propos .storytelling .epingle[data-id-ensemble-epingle-boite="5"]{top:76%}#page-a-propos .storytelling .epingle[data-id-ensemble-epingle-boite="6"]{top:95.5%}#page-a-propos .storytelling .epingle[data-ensemble-epingle-boite-actif] img{filter:drop-shadow(1px 1px 5px var(--couleur-gris-fonce))}#page-a-propos .storytelling .boite-texte{top:0;right:calc(46.5% - (15rem + var(--espace-l))/2);padding:var(--espace-l);color:var(--couleur-noir);visibility:hidden;opacity:0;background:var(--couleur-fond);border:1px solid var(--couleur-noir);flex-flow:column;font-size:.8rem;font-style:italic;transition:opacity .2s,visibility .2s;display:flex;position:absolute}#page-a-propos .storytelling .boite-texte button{top:0;right:calc(-1.5rem - var(--espace-m) - var(--espace-xs));padding:var(--espace-xs);align-self:end;position:absolute}#page-a-propos .storytelling .boite-texte button img{pointer-events:none;aspect-ratio:1;width:1.5rem}#page-a-propos .storytelling .boite-texte button:active{background:var(--couleur-jaune)}#page-a-propos .storytelling .boite-texte p{max-width:15rem}#page-a-propos .storytelling .boite-texte p+p{margin-top:var(--espace-m)}#page-a-propos .storytelling .boite-texte[data-ensemble-epingle-boite-actif]{visibility:visible;opacity:1}#page-a-propos .storytelling .boite-texte[data-id-ensemble-epingle-boite="2"]{--hauteur-boite:calc(7lh + 1rem + var(--espace-l)*2);top:calc(23% - var(--hauteur-boite)/2)}#page-a-propos .storytelling .boite-texte[data-id-ensemble-epingle-boite="3"]{--hauteur-boite:calc(7lh + 1rem + var(--espace-l)*2);top:calc(35% - var(--hauteur-boite)/2)}#page-a-propos .storytelling .boite-texte[data-id-ensemble-epingle-boite="4"]{--hauteur-boite:calc(8lh + 2rem + var(--espace-l)*2);top:calc(58% - var(--hauteur-boite)/2)}#page-a-propos .storytelling .boite-texte[data-id-ensemble-epingle-boite="5"]{--hauteur-boite:calc(12lh + 2rem + var(--espace-l)*2);top:calc(76% - var(--hauteur-boite)/2)}#page-a-propos .storytelling .boite-texte[data-id-ensemble-epingle-boite="6"]{--hauteur-boite:calc(7lh + 1rem + var(--espace-l)*2);top:calc(95.5% - var(--hauteur-boite)/2)}@media (width<=700px){#page-a-propos{--images-marges-ligne:var(--espace-m)}}@keyframes clignotement{to{filter:opacity(30%)}} \ No newline at end of file diff --git a/web/app/themes/haiku-atelier-2024/assets/css/pages/page-accueil.css b/web/app/themes/haiku-atelier-2024/assets/css/pages/page-accueil.css index f9f8316b..239f79cd 100644 --- a/web/app/themes/haiku-atelier-2024/assets/css/pages/page-accueil.css +++ b/web/app/themes/haiku-atelier-2024/assets/css/pages/page-accueil.css @@ -1,7 +1,5 @@ #page-accueil { - /* Dimensions */ - --hauteur-conteneur: calc(100svh - var(--en-tete-hauteur) - var(--pied-de-page-hauteur)); - /* Marges */ + --hauteur-conteneur: var(--contenu-page-hauteur-minimale-sans-categories); --page-marges-bloc-debut: var(--en-tete-hauteur); overflow: hidden; display: flex; @@ -32,8 +30,7 @@ max-height: var(--hauteur-conteneur); } #page-accueil .storytelling__image[data-cache] { - visibility: hidden; - opacity: 0; + display: none; } #page-accueil .storytelling__image picture { max-height: inherit; diff --git a/web/app/themes/haiku-atelier-2024/assets/css/pages/page-accueil.css.map b/web/app/themes/haiku-atelier-2024/assets/css/pages/page-accueil.css.map new file mode 100644 index 00000000..cb480697 --- /dev/null +++ b/web/app/themes/haiku-atelier-2024/assets/css/pages/page-accueil.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["../../../src/sass/pages/page-accueil.scss"],"names":[],"mappings":"AAEA;EAEE;EAGA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA","file":"page-accueil.css"} \ No newline at end of file diff --git a/web/app/themes/haiku-atelier-2024/assets/css/pages/page-accueil.min.css b/web/app/themes/haiku-atelier-2024/assets/css/pages/page-accueil.min.css index bfcb3de3..5073afd4 100644 --- a/web/app/themes/haiku-atelier-2024/assets/css/pages/page-accueil.min.css +++ b/web/app/themes/haiku-atelier-2024/assets/css/pages/page-accueil.min.css @@ -1 +1 @@ -#page-accueil{--hauteur-conteneur:calc(100svh - var(--en-tete-hauteur) - var(--pied-de-page-hauteur));--page-marges-bloc-debut:var(--en-tete-hauteur);min-height:var(--hauteur-conteneur);max-height:var(--hauteur-conteneur);margin-top:var(--page-marges-bloc-debut);flex-flow:column;display:flex;overflow:hidden}#page-accueil .storytelling{scrollbar-width:none;min-height:inherit;max-height:inherit;place-items:center;overflow-y:scroll}#page-accueil .storytelling__conteneur{min-height:calc(var(--hauteur-conteneur)*10);padding:0 var(--espace-xl);flex-flow:column;display:flex}#page-accueil .storytelling__image{min-height:var(--hauteur-conteneur);max-height:var(--hauteur-conteneur);align-content:center;width:100%;position:sticky;top:0}#page-accueil .storytelling__image[data-cache]{visibility:hidden;opacity:0}#page-accueil .storytelling__image picture{max-height:inherit}#page-accueil .storytelling__image img{max-height:inherit;object-fit:contain;background:0 0;margin:auto;scale:.9} \ No newline at end of file +#page-accueil{--hauteur-conteneur:var(--contenu-page-hauteur-minimale-sans-categories);--page-marges-bloc-debut:var(--en-tete-hauteur);min-height:var(--hauteur-conteneur);max-height:var(--hauteur-conteneur);margin-top:var(--page-marges-bloc-debut);flex-flow:column;display:flex;overflow:hidden}#page-accueil .storytelling{scrollbar-width:none;min-height:inherit;max-height:inherit;place-items:center;overflow-y:scroll}#page-accueil .storytelling__conteneur{min-height:calc(var(--hauteur-conteneur)*10);padding:0 var(--espace-xl);flex-flow:column;display:flex}#page-accueil .storytelling__image{min-height:var(--hauteur-conteneur);max-height:var(--hauteur-conteneur);align-content:center;width:100%;position:sticky;top:0}#page-accueil .storytelling__image[data-cache]{display:none}#page-accueil .storytelling__image picture{max-height:inherit}#page-accueil .storytelling__image img{max-height:inherit;object-fit:contain;background:0 0;margin:auto;scale:.9} \ No newline at end of file diff --git a/web/app/themes/haiku-atelier-2024/assets/css/pages/page-boutique.css b/web/app/themes/haiku-atelier-2024/assets/css/pages/page-boutique.css index e6e50bc7..3bba4f4f 100644 --- a/web/app/themes/haiku-atelier-2024/assets/css/pages/page-boutique.css +++ b/web/app/themes/haiku-atelier-2024/assets/css/pages/page-boutique.css @@ -4,6 +4,7 @@ text-align: center; } #page-boutique .actions button { + height: initial; margin: auto; padding: var(--espace-xl) 0; } diff --git a/web/app/themes/haiku-atelier-2024/assets/css/pages/page-boutique.css.map b/web/app/themes/haiku-atelier-2024/assets/css/pages/page-boutique.css.map new file mode 100644 index 00000000..115103c7 --- /dev/null +++ b/web/app/themes/haiku-atelier-2024/assets/css/pages/page-boutique.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["../../../src/sass/pages/page-boutique.scss"],"names":[],"mappings":"AAGE;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA","file":"page-boutique.css"} \ No newline at end of file diff --git a/web/app/themes/haiku-atelier-2024/assets/css/pages/page-boutique.min.css b/web/app/themes/haiku-atelier-2024/assets/css/pages/page-boutique.min.css index 500c2855..1167951b 100644 --- a/web/app/themes/haiku-atelier-2024/assets/css/pages/page-boutique.min.css +++ b/web/app/themes/haiku-atelier-2024/assets/css/pages/page-boutique.min.css @@ -1 +1 @@ -#page-boutique .actions{text-align:center;align-content:center;width:100%}#page-boutique .actions button{padding:var(--espace-xl)0;margin:auto} \ No newline at end of file +#page-boutique .actions{text-align:center;align-content:center;width:100%}#page-boutique .actions button{height:initial;padding:var(--espace-xl)0;margin:auto} \ No newline at end of file diff --git a/web/app/themes/haiku-atelier-2024/assets/css/pages/page-contact.css b/web/app/themes/haiku-atelier-2024/assets/css/pages/page-contact.css index 0baa5cfe..3c67e645 100644 --- a/web/app/themes/haiku-atelier-2024/assets/css/pages/page-contact.css +++ b/web/app/themes/haiku-atelier-2024/assets/css/pages/page-contact.css @@ -1,9 +1,7 @@ #page-contact { - /* Dimensions */ --page-hauteur-minimale: calc( 100svh - var(--en-tete-hauteur) - var(--pied-de-page-hauteur) - var(--espace-xl) - 1px ); - /* Marges */ --page-marges-bloc-debut: var(--en-tete-hauteur); display: flex; flex-flow: column nowrap; diff --git a/web/app/themes/haiku-atelier-2024/assets/css/pages/page-contact.css.map b/web/app/themes/haiku-atelier-2024/assets/css/pages/page-contact.css.map new file mode 100644 index 00000000..52a8dabb --- /dev/null +++ b/web/app/themes/haiku-atelier-2024/assets/css/pages/page-contact.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["../../../src/sass/pages/page-contact.scss"],"names":[],"mappings":"AAEA;EAEE;AAAA;AAAA;EAKA;EAEA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAKN;EACE;IACE;IACA","file":"page-contact.css"} \ No newline at end of file diff --git a/web/app/themes/haiku-atelier-2024/assets/img/about/HAIKU-about.png b/web/app/themes/haiku-atelier-2024/assets/img/about/HAIKU-about.png new file mode 100644 index 00000000..528e3c8a Binary files /dev/null and b/web/app/themes/haiku-atelier-2024/assets/img/about/HAIKU-about.png differ diff --git a/web/app/themes/haiku-atelier-2024/assets/img/about/haikuabout.avif b/web/app/themes/haiku-atelier-2024/assets/img/about/haikuabout.avif index 5a73becc..4bcb40a3 100644 Binary files a/web/app/themes/haiku-atelier-2024/assets/img/about/haikuabout.avif and b/web/app/themes/haiku-atelier-2024/assets/img/about/haikuabout.avif differ diff --git a/web/app/themes/haiku-atelier-2024/assets/img/about/haikuabout.jxl b/web/app/themes/haiku-atelier-2024/assets/img/about/haikuabout.jxl index 4080e3b8..86d3063e 100644 Binary files a/web/app/themes/haiku-atelier-2024/assets/img/about/haikuabout.jxl and b/web/app/themes/haiku-atelier-2024/assets/img/about/haikuabout.jxl differ diff --git a/web/app/themes/haiku-atelier-2024/assets/img/about/haikuabout.png b/web/app/themes/haiku-atelier-2024/assets/img/about/haikuabout.png index ac480441..3147fe8b 100644 Binary files a/web/app/themes/haiku-atelier-2024/assets/img/about/haikuabout.png and b/web/app/themes/haiku-atelier-2024/assets/img/about/haikuabout.png differ diff --git a/web/app/themes/haiku-atelier-2024/assets/img/about/haikuabout.webp b/web/app/themes/haiku-atelier-2024/assets/img/about/haikuabout.webp index 04813ee7..1c407e18 100644 Binary files a/web/app/themes/haiku-atelier-2024/assets/img/about/haikuabout.webp and b/web/app/themes/haiku-atelier-2024/assets/img/about/haikuabout.webp differ diff --git a/web/app/themes/haiku-atelier-2024/assets/img/icons/fleche-droite.svg b/web/app/themes/haiku-atelier-2024/assets/img/icons/fleche-droite.svg new file mode 100644 index 00000000..4e5cc594 --- /dev/null +++ b/web/app/themes/haiku-atelier-2024/assets/img/icons/fleche-droite.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/web/app/themes/haiku-atelier-2024/assets/img/icons/fleche-gauche.svg b/web/app/themes/haiku-atelier-2024/assets/img/icons/fleche-gauche.svg new file mode 100644 index 00000000..a770f742 --- /dev/null +++ b/web/app/themes/haiku-atelier-2024/assets/img/icons/fleche-gauche.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/web/app/themes/haiku-atelier-2024/assets/js/.vite/manifest.json b/web/app/themes/haiku-atelier-2024/assets/js/.vite/manifest.json index 0df2c8f0..5e36cacd 100644 --- a/web/app/themes/haiku-atelier-2024/assets/js/.vite/manifest.json +++ b/web/app/themes/haiku-atelier-2024/assets/js/.vite/manifest.json @@ -68,7 +68,7 @@ "name": "dom", "src": "web/app/themes/haiku-atelier-2024/src/scripts/constantes/dom.ts", "isEntry": true, - "integrity": "sha512-D9nUPzFOExQ0lRcleoMEXvD4+CTpaX8I2XNBw2FtZvUymMD1W3to8ZWNR0m90V/It9/sxw43DiBANFV43fuuxg==" + "integrity": "sha512-S1jiegdcY/x4tT3Wja60KeCuLqLz1QFn6X9/jRfxQRaak3ESpmV5zng5IMQU6JesaUp/V4UskoDwwTSkUSiH0A==" }, "web/app/themes/haiku-atelier-2024/src/scripts/constantes/messages.ts": { "file": "messages3.js", @@ -78,11 +78,11 @@ "integrity": "sha512-UTgE1qTfOcV93/yBcHbdmfrJaFq39JGe2IeYu+8f91Hj4aXw5/S4ViRUsfU/sWbNmMzo1Nx2tXwj/Wd1DNjFJA==" }, "web/app/themes/haiku-atelier-2024/src/scripts/constantes/products.ts": { - "file": "products4.js", + "file": "products3.js", "name": "products", "src": "web/app/themes/haiku-atelier-2024/src/scripts/constantes/products.ts", "isEntry": true, - "integrity": "sha512-0YDHl/gLOMxEE3k95d5UzyP197P09IRCI/kaPx7Pk7OQxxjEOwfodbmnpRGWdL+9EFrzyxX50v+ujjPvkdlw8Q==" + "integrity": "sha512-ZQHIqQG9eBlO68bhlmJX/HuHkYeRg7y6SQcHEs6ijMiUMLalP14YWpr7dR/0xdpNS78Tr+8KwsVmlQhFhM4fmQ==" }, "web/app/themes/haiku-atelier-2024/src/scripts/gaffe.ts": { "file": "gaffe.js", @@ -266,7 +266,7 @@ "integrity": "sha512-d5BqLjOVxD16IC9giX23B3vd7JRTV6cMSqr76obIAuqa0Va45U7AwLmKJeQ9yJZfW2DRl7oqYy0fGKUNVMm6/w==" }, "web/app/themes/haiku-atelier-2024/src/scripts/lib/schemas/api/products.ts": { - "file": "products2.js", + "file": "products4.js", "name": "products", "src": "web/app/themes/haiku-atelier-2024/src/scripts/lib/schemas/api/products.ts", "isEntry": true, @@ -274,10 +274,10 @@ "_index.DFL3aKZD.js", "web/app/themes/haiku-atelier-2024/src/scripts/constantes/products.ts" ], - "integrity": "sha512-92BUtYpsKuujQK/Sc7Eus2kNhCWGUH43ZYZGxeBkNEH/WQaJODpcIP6X0XVvjhDTG9hAYYPU7F77bM28dMCNXQ==" + "integrity": "sha512-M/BCBxUtQ9p84BNS5jqHwUt4qAReZzADO9taevJureeX/asRd0twaEW7nEtzCzddSHtP9rDWiESCc1DH7B8fFQ==" }, "web/app/themes/haiku-atelier-2024/src/scripts/lib/schemas/api/v3/products.ts": { - "file": "products3.js", + "file": "products2.js", "name": "products", "src": "web/app/themes/haiku-atelier-2024/src/scripts/lib/schemas/api/v3/products.ts", "isEntry": true, @@ -285,7 +285,7 @@ "_index.DFL3aKZD.js", "web/app/themes/haiku-atelier-2024/src/scripts/constantes/products.ts" ], - "integrity": "sha512-iUM4XNwUpvOGkupsMoUOgEb3Gr1cHQ5z2icK7wtuhXdBosHNNbuaQl5U3z52wl3aT6tdx25y3+uOnl6T1z4tUg==" + "integrity": "sha512-Db0jvGkzWJJIxrJzD29UBseaFyWPPqcBshhi4A6Us4Wqm33yorW1+NzICNZpFIk7f/Xq2b1mJAOEuifKit4pPA==" }, "web/app/themes/haiku-atelier-2024/src/scripts/lib/schemas/messages.ts": { "file": "messages2.js", @@ -347,6 +347,13 @@ ], "integrity": "sha512-2etP1r2eTdFjuLBlAU2eJFGfJwwbuYPvGWKu3hgywu1tddeasbZW2ToFurQq6V7EonjGUiZdJKJhcIAkKzLIKg==" }, + "web/app/themes/haiku-atelier-2024/src/scripts/scripts-menu-categories.ts": { + "file": "scripts-menu-categories.js", + "name": "scripts-menu-categories", + "src": "web/app/themes/haiku-atelier-2024/src/scripts/scripts-menu-categories.ts", + "isEntry": true, + "integrity": "sha512-X/EKNgMX28EDBafzGGlRuaBuHwbcbuIstfZP/YtfqLUCG4k7zYb1sNbXX4BVVrqx063gk69yxiOSEzWnk9dnlg==" + }, "web/app/themes/haiku-atelier-2024/src/scripts/scripts-menu-mobile.ts": { "file": "scripts-menu-mobile.js", "name": "scripts-menu-mobile", @@ -361,7 +368,7 @@ "_pipe.CtTFdEz3.js", "_Either.DDEPhGsy.js" ], - "integrity": "sha512-uX2Okgt/0xDvPTjI2iWSOBcHToUL/byGat1g2k7PLo3tsBPw3lZOa51uxuKHjnixJ9oDCA/l0RezmmyELAQM/Q==" + "integrity": "sha512-dERAXxnF7cZ8r7xPN2Ah3unEd8d4BQ14sAUdFnPeiDWMJ4kopsJfKB4UZKrxCVvLPaSf5pS14bpEmmBQiE1JLA==" }, "web/app/themes/haiku-atelier-2024/src/scripts/scripts-page-a-propos.ts": { "file": "scripts-page-a-propos.js", @@ -378,7 +385,7 @@ "_exports.BOrjxC8q.js", "_Either.DDEPhGsy.js" ], - "integrity": "sha512-ZyyN949NBWZ8mjs9rk3FCCJZU84Jgj9niZV6K8LwgWidXeOqjiBOvzjrvx2X/oKDveFT8Axo4xuETeAH4u87xQ==" + "integrity": "sha512-fdz6L64Eq4SQ5QvvD+IbesIBfqctxgDyJVPWB50NBsyey9oMmV+b9yK6RhoIw7MKFR4Qh3421xzqi8+NN0Yghg==" }, "web/app/themes/haiku-atelier-2024/src/scripts/scripts-page-accueil.ts": { "file": "scripts-page-accueil.js", @@ -395,7 +402,7 @@ "_pipe.CtTFdEz3.js", "_Either.DDEPhGsy.js" ], - "integrity": "sha512-EPSBpvPrmaOu1L2D1PNmxlRQNsTNHcUjOFr4U42VVzhmrWrBvttq3UAZ4gq1zAbycxZzSp+Q8OR6JlNSTmivXQ==" + "integrity": "sha512-bdW2YSfn0ZNMuGZhKoYJrcMaYspSkjexpUBxb1j+mCqQUy/LCfgTfV9GQwpZBqqTa/mSNE2yiPMn+KgL3IR48w==" }, "web/app/themes/haiku-atelier-2024/src/scripts/scripts-page-boutique.ts": { "file": "scripts-page-boutique.js", @@ -422,7 +429,7 @@ "web/app/themes/haiku-atelier-2024/src/scripts/constantes/products.ts", "_belt_Option-91f3b350.aHdMVyeC.js" ], - "integrity": "sha512-4PVJiRGAdkd4CzaUJ+9OAg8SF6Pp+HJC++DSD/e5znCPprhbf7bt7Sm+XNJaR2cx/MuObdTNxSQfxQAQ/MUn/g==" + "integrity": "sha512-L2uLqB44hTDuNEQr8qzVz8Qa9HHMTZTrxQMuw+DkI7CekmOBrfCzCXGznLBBmsMT65I1oIooP2W/z+vyFs2tow==" }, "web/app/themes/haiku-atelier-2024/src/scripts/scripts-page-panier.ts": { "file": "scripts-page-panier.js", @@ -456,7 +463,7 @@ "web/app/themes/haiku-atelier-2024/src/scripts/lib/schemas/api/couts-livraison.ts", "_belt_Option-91f3b350.aHdMVyeC.js" ], - "integrity": "sha512-RWwoUwrYKHP/XMzJDSaYQfYoJ4t4BLbFq+1AQCiIfSKfzjkn53H+hTnFPeSafvKrBfthzz158u63faWrKTB4/w==" + "integrity": "sha512-W1cL6v5TIdQBl7XwlsgS2EtXqtCEvoe/P/Q0Wva0k9s0eYGiPoD0pojmbZGZakKbdxLv1PU1ylwPeCCGK4wKDA==" }, "web/app/themes/haiku-atelier-2024/src/scripts/scripts-page-produit.ts": { "file": "scripts-page-produit.js", @@ -487,6 +494,6 @@ "web/app/themes/haiku-atelier-2024/src/scripts/lib/schemas/api/couts-livraison.ts", "_belt_Option-91f3b350.aHdMVyeC.js" ], - "integrity": "sha512-MErLJNdUpjgkociNg6+dH0Pck9MWbF8lUdyRlgniVnHa/jpfNSi3GBkMqb4QYX++n+RnQiT+UBTYqqpLX+RZMA==" + "integrity": "sha512-eabwecZ5nAgD1OpGaDdnFPqbqXOYZCkMDaHOQ5P4cSbbJX0mn0zj5W/hTh6WIYlPMuRYUQ4lx7mropVgojBhiw==" } } \ No newline at end of file diff --git a/web/app/themes/haiku-atelier-2024/assets/js/dom.js b/web/app/themes/haiku-atelier-2024/assets/js/dom.js index 87496f08..b7a0aec4 100644 --- a/web/app/themes/haiku-atelier-2024/assets/js/dom.js +++ b/web/app/themes/haiku-atelier-2024/assets/js/dom.js @@ -1 +1 @@ -const T="aria-hidden",t="aria-selected",_="data-cache",s="data-cle-panier",n="data-contient-articles",o="disabled",e="hidden",R="data-index",i="data-menu-mobile-active",I="data-page",U="data-id-categorie-produits",S="data-id-ensemble-epingle-boite",c="data-ensemble-epingle-boite-actif",L="#bouton-menu-mobile",O=".compte-panier a[rel='cart']",A="#menu-mobile",N="#page-panier",C="#selecteur-variation",r="#bouton-ajout-panier",p="a[role='tab']",u="section[role='tabpanel']",l="article",d="button.detail-produit__actions__suppression",B="button.detail-produit__actions__soustraction",P="button.detail-produit__actions__addition",b="input",g=".detail-produit__nom-prix span",m="#panneau-panier #sous-total-produits strong",D="#panneau-panier #sous-total-livraison strong",G="#panneau-panier #sous-total-livraison span",M="#panneau-panier .panneau__pied-de-page p span",f="#separation-adresses",F="#panneau-informations-client form",x="#panneau-informations-client .panneau__formulaires__facturation",v="#panneau-informations-client .panneau__pied-de-page button",H=".storytelling",Q=".storytelling__image",X="#page-boutique .grille-produits",h="#page-boutique #bouton-plus-de-produits",y=".storytelling__conteneur",E="epingle",V=`.${E}`,a="boite-texte",q=`.${a}`,Y="boite-texte__bouton-fermeture";export{n as A,o as B,r as C,C as D,p as E,u as F,t as G,L as H,A as I,i as J,S as K,c as L,Y as M,E as N,y as O,V as P,q as Q,O as S,H as a,Q as b,R as c,_ as d,T as e,X as f,h as g,U as h,I as i,e as j,l as k,N as l,m,D as n,G as o,M as p,f as q,F as r,x as s,v as t,s as u,B as v,b as w,P as x,d as y,g as z}; +const T="aria-hidden",t="aria-selected",_="data-cache",s="data-cle-panier",n="data-contient-articles",o="disabled",e="hidden",R="data-menu-mobile-active",i="data-page",I="data-id-categorie-produits",U="data-id-ensemble-epingle-boite",S="data-ensemble-epingle-boite-actif",c="#bouton-menu-mobile",L=".compte-panier a[rel='cart']",O="#menu-mobile",A="#page-panier",N="#selecteur-variation",C="#bouton-ajout-panier",r="a[role='tab']",p="section[role='tabpanel']",u="article",l="button.detail-produit__actions__suppression",d="button.detail-produit__actions__soustraction",B="button.detail-produit__actions__addition",P="input",b=".detail-produit__nom-prix span",g="#panneau-panier #sous-total-produits strong",m="#panneau-panier #sous-total-livraison strong",D="#panneau-panier #sous-total-livraison span",G="#panneau-panier .panneau__pied-de-page p span",M="#separation-adresses",f="#panneau-informations-client form",F="#panneau-informations-client .panneau__formulaires__facturation",v="#panneau-informations-client .panneau__pied-de-page button",x=".storytelling",H=".storytelling__image",h="#page-boutique .grille-produits",y="#page-boutique #bouton-plus-de-produits",Q=".storytelling__conteneur",E="epingle",V=`.${E}`,a="boite-texte",X=`.${a}`,q="boite-texte__bouton-fermeture";export{n as A,C as B,N as C,r as D,p as E,t as F,c as G,O as H,R as I,U as J,S as K,q as L,E as M,Q as N,V as O,X as P,L as S,x as a,H as b,_ as c,T as d,h as e,y as f,I as g,i as h,e as i,u as j,A as k,g as l,m,D as n,G as o,M as p,f as q,F as r,v as s,s as t,d as u,P as v,B as w,l as x,b as y,o as z}; diff --git a/web/app/themes/haiku-atelier-2024/assets/js/products2.js b/web/app/themes/haiku-atelier-2024/assets/js/products2.js index fbafce88..fcfc67cd 100644 --- a/web/app/themes/haiku-atelier-2024/assets/js/products2.js +++ b/web/app/themes/haiku-atelier-2024/assets/js/products2.js @@ -1 +1 @@ -import{o as t,c as e,s as a,e as i,a as o,m as u,n as r,l,b as s,u as _,d as n,f as p,g as m,i as c}from"./index.DFL3aKZD.js";import{A as d,C as g,a as T,P as S,D as b,O as y,b as E,R as A,S as O,T as R,c as f}from"./products4.js";t({after:e(e(a())),attribute_relation:e(i(d)),attributes:e(s(_())),before:e(a()),catalog_visibility:e(i(g)),category:e(a()),category_operator:e(i(T)),context:e(i(S)),date_column:e(i(b)),exclude:e(s(o(r(),c()))),featured:e(n()),include:e(s(o(r(),c()))),max_price:e(a()),min_price:e(a()),offset:e(r()),on_sale:e(n()),order:e(i(y)),orderby:e(i(E)),page:e(o(r(),u(1))),parent:e(s(o(r(),c()))),parent_exclude:e(s(o(r(),c()))),per_page:e(o(r(),u(0),l(100))),rating:e(s(i(A))),search:e(a()),sku:e(a()),slug:e(a()),stock_status:e(s(i(O))),tag:e(a()),tag_operator:e(i(R)),type:e(i(f))});t({add_to_cart:t({description:a(),maximum:r(),minimum:r(),multiple_of:r(),text:a(),url:a()}),attributes:s(_()),average_rating:a(),categories:s(t({id:r(),link:a(),name:a(),slug:a()})),description:a(),extensions:_(),has_options:n(),id:r(),images:s(t({alt:a(),id:r(),name:a(),sizes:a(),src:a(),srcset:a(),thumbnail:a()})),is_in_stock:n(),is_on_backorder:n(),is_purchasable:n(),low_stock_remaining:p([a(),m()]),name:a(),on_sale:n(),parent:r(),permalink:a(),price_html:a(),prices:t({currency_code:a(),currency_decimal_separator:a(),currency_minor_unit:r(),currency_prefix:a(),currency_suffix:a(),currency_symbol:a(),currency_thousand_separator:a(),price:a(),price_range:e(_()),regular_price:a(),sale_price:a()}),review_count:r(),short_description:a(),sku:a(),slug:a(),sold_individually:n(),tags:s(a()),type:a(),variation:_(),variations:s(t({attributes:s(t({name:a(),value:a()})),id:r()}))}); +import{o as d,c as e,e as _,a as s,m as l,n as t,l as T,b as o,s as a,d as r,f as n,i,g as c,h,u}from"./index.DFL3aKZD.js";import{A as b,C as m,a as f,P as A,D as C,O as E,b as P,R,c as p,S as g,T as O,d as S,B as V,e as k}from"./products3.js";const N=d({after:e(a()),attribute:e(a()),attribute_relation:e(_(b)),attribute_term:e(a()),attributes:e(o(u())),before:e(a()),catalog_visibility:e(_(m)),category:e(a()),category_operator:e(_(f)),context:e(_(A)),date_column:e(_(C)),dates_are_gmt:e(r()),exclude:e(o(s(t(),i()))),exclude_meta:e(o(a())),featured:e(r()),include:e(o(s(t(),i()))),include_meta:e(o(a())),max_price:e(a()),min_price:e(a()),modified_after:e(a()),modified_before:e(a()),offset:e(s(t(),i())),on_sale:e(r()),order:e(_(E)),orderby:e(_(P)),page:e(s(t(),l(1))),parent:e(o(s(t(),i()))),parent_exclude:e(o(s(t(),i()))),per_page:e(s(t(),l(0),T(100))),rating:e(o(_(R))),search:e(a()),search_sku:e(a()),shipping_class:e(a()),sku:e(a()),slug:e(a()),status:e(_(p)),stock_status:e(o(_(g))),tag:e(a()),tag_operator:e(_(O)),type:e(_(S))}),w=d({file:a(),id:a(),name:a()}),x=d({height:a(),length:a(),width:a()}),y=d({id:s(t(),i()),name:a(),slug:a()}),D=d({id:s(t(),i()),name:a(),slug:a()}),W=d({alt:a(),date_created:a(),date_created_gmt:a(),date_modified:a(),date_modified_gmt:a(),id:s(t(),i()),name:a(),src:a(),tag:a()}),U=d({id:s(t(),i()),name:a(),options:o(a()),position:s(t(),i()),variation:r(),visible:r()}),v=d({id:s(t(),i()),name:a(),option:a()}),I=d({id:s(t(),i()),key:a(),option:u()}),L=d({attributes:o(U),average_rating:a(),backordered:r(),backorders:_(V),backorders_allowed:r(),button_text:a(),catalog_visibility:_(m),categories:o(y),cross_sell_ids:o(s(t(),i())),date_created:a(),date_created_gmt:a(),date_modified:a(),date_modified_gmt:a(),date_on_sale_from:n([a(),c()]),date_on_sale_from_gmt:n([a(),c()]),date_on_sale_to:n([a(),c()]),date_on_sale_to_gmt:n([a(),c()]),default_attributes:o(v),description:a(),dimensions:x,download_expiry:t(),download_limit:t(),downloadable:r(),downloads:o(w),external_url:a(),featured:r(),generated_slug:e(a()),global_unique_id:a(),grouped_products:o(s(t(),i())),has_options:r(),id:s(t(),i()),image_survol:n([a(),c()]),images:o(W),low_stock_amount:n([t(),c()]),manage_stock:r(),menu_order:s(t(),i()),meta_data:o(I),name:a(),on_sale:r(),parent_id:s(t(),i()),permalink:s(a(),h()),permalink_template:e(a()),post_password:a(),price:a(),price_html:a(),purchasable:r(),purchase_note:a(),rating_count:s(t(),i()),regular_price:a(),related_ids:o(s(t(),i())),reviews_allowed:r(),sale_price:a(),shipping_class:a(),shipping_class_id:s(t(),i()),shipping_required:r(),shipping_taxable:r(),short_description:a(),sku:a(),slug:a(),sold_individually:r(),status:_(p),stock_quantity:n([t(),c()]),stock_status:_(g),tags:o(D),tax_class:a(),tax_status:_(k),total_sales:s(t(),i()),type:_(S),upsell_ids:o(s(t(),i())),variations:o(s(t(),i())),virtual:r(),weight:a()}),q=o(L);export{N as W,q as a}; diff --git a/web/app/themes/haiku-atelier-2024/assets/js/products3.js b/web/app/themes/haiku-atelier-2024/assets/js/products3.js index a8e5bcb9..75e0a515 100644 --- a/web/app/themes/haiku-atelier-2024/assets/js/products3.js +++ b/web/app/themes/haiku-atelier-2024/assets/js/products3.js @@ -1 +1 @@ -import{o as d,c as e,e as _,a as s,m as l,n as t,l as T,b as o,s as a,d as r,f as n,i,g as c,h,u}from"./index.DFL3aKZD.js";import{A as b,C as m,a as f,P as A,D as C,O as E,b as P,R,d as p,S as g,T as O,c as S,B as V,e as k}from"./products4.js";const N=d({after:e(a()),attribute:e(a()),attribute_relation:e(_(b)),attribute_term:e(a()),attributes:e(o(u())),before:e(a()),catalog_visibility:e(_(m)),category:e(a()),category_operator:e(_(f)),context:e(_(A)),date_column:e(_(C)),dates_are_gmt:e(r()),exclude:e(o(s(t(),i()))),exclude_meta:e(o(a())),featured:e(r()),include:e(o(s(t(),i()))),include_meta:e(o(a())),max_price:e(a()),min_price:e(a()),modified_after:e(a()),modified_before:e(a()),offset:e(s(t(),i())),on_sale:e(r()),order:e(_(E)),orderby:e(_(P)),page:e(s(t(),l(1))),parent:e(o(s(t(),i()))),parent_exclude:e(o(s(t(),i()))),per_page:e(s(t(),l(0),T(100))),rating:e(o(_(R))),search:e(a()),search_sku:e(a()),shipping_class:e(a()),sku:e(a()),slug:e(a()),status:e(_(p)),stock_status:e(o(_(g))),tag:e(a()),tag_operator:e(_(O)),type:e(_(S))}),w=d({file:a(),id:a(),name:a()}),x=d({height:a(),length:a(),width:a()}),y=d({id:s(t(),i()),name:a(),slug:a()}),D=d({id:s(t(),i()),name:a(),slug:a()}),W=d({alt:a(),date_created:a(),date_created_gmt:a(),date_modified:a(),date_modified_gmt:a(),id:s(t(),i()),name:a(),src:a(),tag:a()}),U=d({id:s(t(),i()),name:a(),options:o(a()),position:s(t(),i()),variation:r(),visible:r()}),v=d({id:s(t(),i()),name:a(),option:a()}),I=d({id:s(t(),i()),key:a(),option:u()}),L=d({attributes:o(U),average_rating:a(),backordered:r(),backorders:_(V),backorders_allowed:r(),button_text:a(),catalog_visibility:_(m),categories:o(y),cross_sell_ids:o(s(t(),i())),date_created:a(),date_created_gmt:a(),date_modified:a(),date_modified_gmt:a(),date_on_sale_from:n([a(),c()]),date_on_sale_from_gmt:n([a(),c()]),date_on_sale_to:n([a(),c()]),date_on_sale_to_gmt:n([a(),c()]),default_attributes:o(v),description:a(),dimensions:x,download_expiry:t(),download_limit:t(),downloadable:r(),downloads:o(w),external_url:a(),featured:r(),generated_slug:e(a()),global_unique_id:a(),grouped_products:o(s(t(),i())),has_options:r(),id:s(t(),i()),image_survol:n([a(),c()]),images:o(W),low_stock_amount:n([t(),c()]),manage_stock:r(),menu_order:s(t(),i()),meta_data:o(I),name:a(),on_sale:r(),parent_id:s(t(),i()),permalink:s(a(),h()),permalink_template:e(a()),post_password:a(),price:a(),price_html:a(),purchasable:r(),purchase_note:a(),rating_count:s(t(),i()),regular_price:a(),related_ids:o(s(t(),i())),reviews_allowed:r(),sale_price:a(),shipping_class:a(),shipping_class_id:s(t(),i()),shipping_required:r(),shipping_taxable:r(),short_description:a(),sku:a(),slug:a(),sold_individually:r(),status:_(p),stock_quantity:n([t(),c()]),stock_status:_(g),tags:o(D),tax_class:a(),tax_status:_(k),total_sales:s(t(),i()),type:_(S),upsell_ids:o(s(t(),i())),variations:o(s(t(),i())),virtual:r(),weight:a()}),q=o(L);export{N as W,q as a}; +const T={EDIT:"edit",VIEW:"view"},E={DATE:"date",DATE_GMT:"date_gmt",MODIFIED:"modified",MODIFIED_GMT:"modified_gmt"},n={ASC:"asc",DESC:"desc"},A={COMMENT_COUNT:"comment_count",DATE:"date",ID:"id",INCLUDE:"include",MENU_ORDER:"menu_order",MODIFIED:"modified",POPULARITY:"popularity",PRICE:"price",RATING:"rating",SLUG:"slug",TITLE:"title"},s={EXTERNAL:"external",GROUPED:"grouped",SIMPLE:"simple",VARIABLE:"variable"},t={AND:"and",IN:"in",NOT_IN:"not_in"},I={AND:"and",IN:"in",NOT_IN:"not_in"},a={IN_STOCK:"instock",ON_BACK_ORDER:"onbackorder",OUT_OF_STOCK:"outofstock"},O={AND:"and",IN:"in"},S={ANY:"any",CATALOG:"catalog",HIDDEN:"hidden",SEARCH:"search",VISIBLE:"visible"},o={1:1,2:2,3:3,4:4,5:5},N={ANY:"any",DRAFT:"draft",FUTURE:"future",PENDING:"pending",PRIVATE:"private",PUBLISH:"publish",TRASH:"trash"},R={NONE:"none",SHIPPING:"shipping",TAXABLE:"taxable"},e={NO:"no",NOTIFY:"notify",YES:"yes"};export{O as A,e as B,S as C,E as D,n as O,T as P,o as R,a as S,I as T,t as a,A as b,N as c,s as d,R as e}; diff --git a/web/app/themes/haiku-atelier-2024/assets/js/products4.js b/web/app/themes/haiku-atelier-2024/assets/js/products4.js index 0db72a93..2eeb732f 100644 --- a/web/app/themes/haiku-atelier-2024/assets/js/products4.js +++ b/web/app/themes/haiku-atelier-2024/assets/js/products4.js @@ -1 +1 @@ -const T={EDIT:"edit",VIEW:"view"},E={DATE:"date",DATE_GMT:"date_gmt",MODIFIED:"modified",MODIFIED_GMT:"modified_gmt"},n={ASC:"asc",DESC:"desc"},A={COMMENT_COUNT:"comment_count",DATE:"date",ID:"id",INCLUDE:"include",MENU_ORDER:"menu_order",MODIFIED:"modified",POPULARITY:"popularity",PRICE:"price",RATING:"rating",SLUG:"slug",TITLE:"title"},s={EXTERNAL:"external",GROUPED:"grouped",SIMPLE:"simple",VARIABLE:"variable"},t={AND:"and",IN:"in",NOT_IN:"not_in"},I={AND:"and",IN:"in",NOT_IN:"not_in"},a={IN_STOCK:"instock",ON_BACK_ORDER:"onbackorder",OUT_OF_STOCK:"outofstock"},O={AND:"and",IN:"in"},S={ANY:"any",CATALOG:"catalog",HIDDEN:"hidden",SEARCH:"search",VISIBLE:"visible"},o={1:1,2:2,3:3,4:4,5:5},N={ANY:"any",DRAFT:"draft",FUTURE:"future",PENDING:"pending",PRIVATE:"private",PUBLISH:"publish",TRASH:"trash"},R={NONE:"none",SHIPPING:"shipping",TAXABLE:"taxable"},e={NO:"no",NOTIFY:"notify",YES:"yes"};export{O as A,e as B,S as C,E as D,n as O,T as P,o as R,a as S,I as T,t as a,A as b,s as c,N as d,R as e}; +import{o as t,c as e,s as a,e as i,a as o,m as u,n as r,l,b as s,u as _,d as n,f as p,g as m,i as c}from"./index.DFL3aKZD.js";import{A as d,C as g,a as T,P as S,D as b,O as y,b as E,R as A,S as O,T as R,d as f}from"./products3.js";t({after:e(e(a())),attribute_relation:e(i(d)),attributes:e(s(_())),before:e(a()),catalog_visibility:e(i(g)),category:e(a()),category_operator:e(i(T)),context:e(i(S)),date_column:e(i(b)),exclude:e(s(o(r(),c()))),featured:e(n()),include:e(s(o(r(),c()))),max_price:e(a()),min_price:e(a()),offset:e(r()),on_sale:e(n()),order:e(i(y)),orderby:e(i(E)),page:e(o(r(),u(1))),parent:e(s(o(r(),c()))),parent_exclude:e(s(o(r(),c()))),per_page:e(o(r(),u(0),l(100))),rating:e(s(i(A))),search:e(a()),sku:e(a()),slug:e(a()),stock_status:e(s(i(O))),tag:e(a()),tag_operator:e(i(R)),type:e(i(f))});t({add_to_cart:t({description:a(),maximum:r(),minimum:r(),multiple_of:r(),text:a(),url:a()}),attributes:s(_()),average_rating:a(),categories:s(t({id:r(),link:a(),name:a(),slug:a()})),description:a(),extensions:_(),has_options:n(),id:r(),images:s(t({alt:a(),id:r(),name:a(),sizes:a(),src:a(),srcset:a(),thumbnail:a()})),is_in_stock:n(),is_on_backorder:n(),is_purchasable:n(),low_stock_remaining:p([a(),m()]),name:a(),on_sale:n(),parent:r(),permalink:a(),price_html:a(),prices:t({currency_code:a(),currency_decimal_separator:a(),currency_minor_unit:r(),currency_prefix:a(),currency_suffix:a(),currency_symbol:a(),currency_thousand_separator:a(),price:a(),price_range:e(_()),regular_price:a(),sale_price:a()}),review_count:r(),short_description:a(),sku:a(),slug:a(),sold_individually:n(),tags:s(a()),type:a(),variation:_(),variations:s(t({attributes:s(t({name:a(),value:a()})),id:r()}))}); diff --git a/web/app/themes/haiku-atelier-2024/assets/js/scripts-menu-categories.js b/web/app/themes/haiku-atelier-2024/assets/js/scripts-menu-categories.js new file mode 100644 index 00000000..aa24aa93 --- /dev/null +++ b/web/app/themes/haiku-atelier-2024/assets/js/scripts-menu-categories.js @@ -0,0 +1 @@ +document.addEventListener("DOMContentLoaded",()=>{}); diff --git a/web/app/themes/haiku-atelier-2024/assets/js/scripts-menu-mobile.js b/web/app/themes/haiku-atelier-2024/assets/js/scripts-menu-mobile.js index d11d1a38..104cf2ef 100644 --- a/web/app/themes/haiku-atelier-2024/assets/js/scripts-menu-mobile.js +++ b/web/app/themes/haiku-atelier-2024/assets/js/scripts-menu-mobile.js @@ -1 +1 @@ -var v=Object.defineProperty;var T=(t,e,i)=>e in t?v(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i;var r=(t,e,i)=>T(t,typeof e!="symbol"?e+"":e,i);import{H as x,I,J as c}from"./dom.js";import{a as $}from"./utils.js";import"./dom2.js";import"./erreurs.js";import"./exports.BOrjxC8q.js";import"./pipe.CtTFdEz3.js";import"./Either.DDEPhGsy.js";const s={inert:":not([inert]):not([inert] *)",negTabIndex:':not([tabindex^="-"])',disabled:":not(:disabled)"};var w=[`a[href]${s.inert}${s.negTabIndex}`,`area[href]${s.inert}${s.negTabIndex}`,`input:not([type="hidden"]):not([type="radio"])${s.inert}${s.negTabIndex}${s.disabled}`,`input[type="radio"]${s.inert}${s.negTabIndex}${s.disabled}`,`select${s.inert}${s.negTabIndex}${s.disabled}`,`textarea${s.inert}${s.negTabIndex}${s.disabled}`,`button${s.inert}${s.negTabIndex}${s.disabled}`,`details${s.inert} > summary:first-of-type${s.negTabIndex}`,`iframe${s.inert}${s.negTabIndex}`,`audio[controls]${s.inert}${s.negTabIndex}`,`video[controls]${s.inert}${s.negTabIndex}`,`[contenteditable]${s.inert}${s.negTabIndex}`,`[tabindex]${s.inert}${s.negTabIndex}`];function f(t){(t.querySelector("[autofocus]")||t).focus()}function L(t){const e=u(t,!0),i=e?u(t,!1)||e:null;return[e,i]}function u(t,e){if(e&&g(t))return t;if(F(t))if(t.shadowRoot){let i=b(t.shadowRoot,e);for(;i;){const n=u(i,e);if(n)return n;i=m(i,e)}}else if(t.localName==="slot"){const i=t.assignedElements({flatten:!0});e||i.reverse();for(const n of i){const o=u(n,e);if(o)return o}}else{let i=b(t,e);for(;i;){const n=u(i,e);if(n)return n;i=m(i,e)}}return!e&&g(t)?t:null}function b(t,e){return e?t.firstElementChild:t.lastElementChild}function m(t,e){return e?t.nextElementSibling:t.previousElementSibling}const C=t=>t.matches("details:not([open]) *")&&!t.matches("details>summary:first-of-type")?!0:!(t.offsetWidth||t.offsetHeight||t.getClientRects().length),g=t=>t.shadowRoot?.delegatesFocus?!1:t.matches(w.join(","))&&!C(t);function F(t){return t.shadowRoot&&t.getAttribute("tabindex")==="-1"?!1:!t.matches(":disabled,[hidden],[inert]")}function l(t=document){const e=t.activeElement;return e?e.shadowRoot?l(e.shadowRoot)||document.activeElement:e:null}function A(t,e){const[i,n]=L(t);if(!i)return e.preventDefault();const o=l();e.shiftKey&&o===i?(n.focus(),e.preventDefault()):!e.shiftKey&&o===n&&(i.focus(),e.preventDefault())}function a(t,e){function i(n){return!n||n===document||n===window?null:(n.assignedSlot&&(n=n.assignedSlot),n.closest(t)||i(n.getRootNode().host))}return i(e)}const d="data-a11y-dialog";class p{constructor(e){r(this,"$el");r(this,"id");r(this,"previouslyFocused");r(this,"shown");this.$el=e,this.id=this.$el.getAttribute(d)||this.$el.id,this.previouslyFocused=null,this.shown=!1,this.maintainFocus=this.maintainFocus.bind(this),this.bindKeypress=this.bindKeypress.bind(this),this.handleTriggerClicks=this.handleTriggerClicks.bind(this),this.show=this.show.bind(this),this.hide=this.hide.bind(this),this.$el.setAttribute("aria-hidden","true"),this.$el.setAttribute("aria-modal","true"),this.$el.setAttribute("tabindex","-1"),this.$el.hasAttribute("role")||this.$el.setAttribute("role","dialog"),document.addEventListener("click",this.handleTriggerClicks,!0)}destroy(){return this.fire("destroy").defaultPrevented?this:(this.hide(),document.removeEventListener("click",this.handleTriggerClicks,!0),this.$el.replaceWith(this.$el.cloneNode(!0)),this)}show(e){return this.shown?this:this.fire("show",e).defaultPrevented?this:(this.shown=!0,this.$el.removeAttribute("aria-hidden"),this.previouslyFocused=l(),this.previouslyFocused?.tagName==="BODY"&&e?.target&&(this.previouslyFocused=e.target),e?.type==="focus"?this.maintainFocus(e):f(this.$el),document.body.addEventListener("focus",this.maintainFocus,!0),this.$el.addEventListener("keydown",this.bindKeypress,!0),this)}hide(e){return this.shown?this.fire("hide",e).defaultPrevented?this:(this.shown=!1,this.$el.setAttribute("aria-hidden","true"),this.previouslyFocused?.focus?.(),document.body.removeEventListener("focus",this.maintainFocus,!0),this.$el.removeEventListener("keydown",this.bindKeypress,!0),this):this}on(e,i,n){return this.$el.addEventListener(e,i,n),this}off(e,i,n){return this.$el.removeEventListener(e,i,n),this}fire(e,i){const n=new CustomEvent(e,{detail:i,cancelable:!0});return this.$el.dispatchEvent(n),n}handleTriggerClicks(e){const i=e.composedPath()[0],n=a(`[${d}-show="${this.id}"]`,i),o=a(`[${d}-hide="${this.id}"]`,i),y=a(`[${d}-hide]`,i)&&a('[aria-modal="true"]',i)===this.$el;n&&this.show(e),(o||y)&&this.hide(e)}bindKeypress(e){if(a('[aria-modal="true"]',l())!==this.$el)return;let i=!1;try{i=!!this.$el.querySelector('[popover]:not([popover="manual"]):popover-open')}catch{}e.key==="Escape"&&this.$el.getAttribute("role")!=="alertdialog"&&!i&&(e.preventDefault(),this.hide(e)),e.key==="Tab"&&A(this.$el,e)}maintainFocus(e){e.target.closest(`[aria-modal="true"], [${d}-ignore-focus-trap]`)||f(this.$el)}}function E(){for(const t of document.querySelectorAll("[data-a11y-dialog]"))new p(t)}typeof document<"u"&&(document.readyState==="loading"?document.addEventListener("DOMContentLoaded",E):E());const h=$(x),M=$(I),O=()=>{const t=new p(M);h.addEventListener("click",()=>{h.toggleAttribute(c),t.show()}),t.on("hide",()=>{h.toggleAttribute(c)})};document.addEventListener("DOMContentLoaded",()=>{O()}); +var v=Object.defineProperty;var T=(t,e,i)=>e in t?v(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i;var r=(t,e,i)=>T(t,typeof e!="symbol"?e+"":e,i);import{G as x,H as I,I as c}from"./dom.js";import{a as $}from"./utils.js";import"./dom2.js";import"./erreurs.js";import"./exports.BOrjxC8q.js";import"./pipe.CtTFdEz3.js";import"./Either.DDEPhGsy.js";const s={inert:":not([inert]):not([inert] *)",negTabIndex:':not([tabindex^="-"])',disabled:":not(:disabled)"};var w=[`a[href]${s.inert}${s.negTabIndex}`,`area[href]${s.inert}${s.negTabIndex}`,`input:not([type="hidden"]):not([type="radio"])${s.inert}${s.negTabIndex}${s.disabled}`,`input[type="radio"]${s.inert}${s.negTabIndex}${s.disabled}`,`select${s.inert}${s.negTabIndex}${s.disabled}`,`textarea${s.inert}${s.negTabIndex}${s.disabled}`,`button${s.inert}${s.negTabIndex}${s.disabled}`,`details${s.inert} > summary:first-of-type${s.negTabIndex}`,`iframe${s.inert}${s.negTabIndex}`,`audio[controls]${s.inert}${s.negTabIndex}`,`video[controls]${s.inert}${s.negTabIndex}`,`[contenteditable]${s.inert}${s.negTabIndex}`,`[tabindex]${s.inert}${s.negTabIndex}`];function f(t){(t.querySelector("[autofocus]")||t).focus()}function L(t){const e=u(t,!0),i=e?u(t,!1)||e:null;return[e,i]}function u(t,e){if(e&&g(t))return t;if(F(t))if(t.shadowRoot){let i=b(t.shadowRoot,e);for(;i;){const n=u(i,e);if(n)return n;i=m(i,e)}}else if(t.localName==="slot"){const i=t.assignedElements({flatten:!0});e||i.reverse();for(const n of i){const o=u(n,e);if(o)return o}}else{let i=b(t,e);for(;i;){const n=u(i,e);if(n)return n;i=m(i,e)}}return!e&&g(t)?t:null}function b(t,e){return e?t.firstElementChild:t.lastElementChild}function m(t,e){return e?t.nextElementSibling:t.previousElementSibling}const C=t=>t.matches("details:not([open]) *")&&!t.matches("details>summary:first-of-type")?!0:!(t.offsetWidth||t.offsetHeight||t.getClientRects().length),g=t=>t.shadowRoot?.delegatesFocus?!1:t.matches(w.join(","))&&!C(t);function F(t){return t.shadowRoot&&t.getAttribute("tabindex")==="-1"?!1:!t.matches(":disabled,[hidden],[inert]")}function l(t=document){const e=t.activeElement;return e?e.shadowRoot?l(e.shadowRoot)||document.activeElement:e:null}function A(t,e){const[i,n]=L(t);if(!i)return e.preventDefault();const o=l();e.shiftKey&&o===i?(n.focus(),e.preventDefault()):!e.shiftKey&&o===n&&(i.focus(),e.preventDefault())}function a(t,e){function i(n){return!n||n===document||n===window?null:(n.assignedSlot&&(n=n.assignedSlot),n.closest(t)||i(n.getRootNode().host))}return i(e)}const d="data-a11y-dialog";class p{constructor(e){r(this,"$el");r(this,"id");r(this,"previouslyFocused");r(this,"shown");this.$el=e,this.id=this.$el.getAttribute(d)||this.$el.id,this.previouslyFocused=null,this.shown=!1,this.maintainFocus=this.maintainFocus.bind(this),this.bindKeypress=this.bindKeypress.bind(this),this.handleTriggerClicks=this.handleTriggerClicks.bind(this),this.show=this.show.bind(this),this.hide=this.hide.bind(this),this.$el.setAttribute("aria-hidden","true"),this.$el.setAttribute("aria-modal","true"),this.$el.setAttribute("tabindex","-1"),this.$el.hasAttribute("role")||this.$el.setAttribute("role","dialog"),document.addEventListener("click",this.handleTriggerClicks,!0)}destroy(){return this.fire("destroy").defaultPrevented?this:(this.hide(),document.removeEventListener("click",this.handleTriggerClicks,!0),this.$el.replaceWith(this.$el.cloneNode(!0)),this)}show(e){return this.shown?this:this.fire("show",e).defaultPrevented?this:(this.shown=!0,this.$el.removeAttribute("aria-hidden"),this.previouslyFocused=l(),this.previouslyFocused?.tagName==="BODY"&&e?.target&&(this.previouslyFocused=e.target),e?.type==="focus"?this.maintainFocus(e):f(this.$el),document.body.addEventListener("focus",this.maintainFocus,!0),this.$el.addEventListener("keydown",this.bindKeypress,!0),this)}hide(e){return this.shown?this.fire("hide",e).defaultPrevented?this:(this.shown=!1,this.$el.setAttribute("aria-hidden","true"),this.previouslyFocused?.focus?.(),document.body.removeEventListener("focus",this.maintainFocus,!0),this.$el.removeEventListener("keydown",this.bindKeypress,!0),this):this}on(e,i,n){return this.$el.addEventListener(e,i,n),this}off(e,i,n){return this.$el.removeEventListener(e,i,n),this}fire(e,i){const n=new CustomEvent(e,{detail:i,cancelable:!0});return this.$el.dispatchEvent(n),n}handleTriggerClicks(e){const i=e.composedPath()[0],n=a(`[${d}-show="${this.id}"]`,i),o=a(`[${d}-hide="${this.id}"]`,i),y=a(`[${d}-hide]`,i)&&a('[aria-modal="true"]',i)===this.$el;n&&this.show(e),(o||y)&&this.hide(e)}bindKeypress(e){if(a('[aria-modal="true"]',l())!==this.$el)return;let i=!1;try{i=!!this.$el.querySelector('[popover]:not([popover="manual"]):popover-open')}catch{}e.key==="Escape"&&this.$el.getAttribute("role")!=="alertdialog"&&!i&&(e.preventDefault(),this.hide(e)),e.key==="Tab"&&A(this.$el,e)}maintainFocus(e){e.target.closest(`[aria-modal="true"], [${d}-ignore-focus-trap]`)||f(this.$el)}}function E(){for(const t of document.querySelectorAll("[data-a11y-dialog]"))new p(t)}typeof document<"u"&&(document.readyState==="loading"?document.addEventListener("DOMContentLoaded",E):E());const h=$(x),M=$(I),O=()=>{const t=new p(M);h.addEventListener("click",()=>{h.toggleAttribute(c),t.show()}),t.on("hide",()=>{h.toggleAttribute(c)})};document.addEventListener("DOMContentLoaded",()=>{O()}); diff --git a/web/app/themes/haiku-atelier-2024/assets/js/scripts-page-a-propos.js b/web/app/themes/haiku-atelier-2024/assets/js/scripts-page-a-propos.js index 8d6d423e..5331b320 100644 --- a/web/app/themes/haiku-atelier-2024/assets/js/scripts-page-a-propos.js +++ b/web/app/themes/haiku-atelier-2024/assets/js/scripts-page-a-propos.js @@ -1 +1 @@ -import{K as c,L as f,M as U,N as M,O as B,P as D,Q as G}from"./dom.js";import{a as C,b as P}from"./utils.js";import{f as o,l as W,o as x,v as u,e as z,p as X,R as s}from"./dom2.js";import{p as i}from"./pipe.CtTFdEz3.js";import{_ as F,i as $,c as k,g as y,b as l,d as Y,a as q,f as w,e as J,h as g,m as R}from"./belt_Option-91f3b350.aHdMVyeC.js";import"./erreurs.js";import"./exports.BOrjxC8q.js";import"./Either.DDEPhGsy.js";var K=k("Promise.JsError");function Q(n,r){return n.catch(function(t){return F(r,$(t)?t:{RE_EXN_ID:K,_1:t})})}function j(n){}function H(n){return o(n)}function V(n){}function Z(n){if(n!=null)return o(n)}function nn(n){if(n)return n}function E(n,r){return w(n==null?void 0:o(n),function(t){if(r(t))return o(t)})}function tn(){if(arguments.length===1){const n=arguments;return function(t){return E(t,n[0])}}return E(arguments[0],arguments[1])}function rn(n){try{return o(n(void 0))}catch{return}}function en(n){return Q(n.then(function(r){return o(r)}),function(r){return Promise.resolve(void 0)})}var _=J;function un(){if(arguments.length===1){const n=arguments;return function(t){return _(t,n[0])}}return _(arguments[0],arguments[1])}var p=g;function an(){if(arguments.length===1){const n=arguments;return function(t){return p(t,n[0])}}return p(arguments[0],arguments[1])}var d=R;function on(){if(arguments.length===2){const n=arguments;return function(t){return d(t,n[0],n[1])}}return d(arguments[0],arguments[1],arguments[2])}function v(n,r){if(n!==void 0)return x(r(u(n)))}function sn(){if(arguments.length===1){const n=arguments;return function(t){return v(t,n[0])}}return v(arguments[0],arguments[1])}function h(n,r){return g(n,function(t){if(r(t))return o(t)})}function fn(){if(arguments.length===1){const n=arguments;return function(t){return h(t,n[0])}}return h(arguments[0],arguments[1])}var T=l;function mn(){if(arguments.length===1){const n=arguments;return function(t){return T(t,n[0])}}return T(arguments[0],arguments[1])}var cn=y;function ln(n){return l(n,null)}function gn(n){return l(n,void 0)}function N(n,r){return n!==void 0?{TAG:0,_0:u(n)}:{TAG:1,_0:r}}function En(){if(arguments.length===1){const n=arguments;return function(t){return N(t,n[0])}}return N(arguments[0],arguments[1])}function L(n,r,t){return n!==void 0?r(u(n)):t(void 0)}function _n(){if(arguments.length===2){const n=arguments;return function(t){return L(t,n[0],n[1])}}return L(arguments[0],arguments[1],arguments[2])}var pn=Y,dn=q;function S(n,r){return n!==void 0&&r(u(n)),n}function vn(){if(arguments.length===1){const n=arguments;return function(t){return S(t,n[0])}}return S(arguments[0],arguments[1])}function b(n,r){return R(n,!1,function(t){return z(t,r)})}function hn(){if(arguments.length===1){const n=arguments;return function(t){return b(t,n[0])}}return b(arguments[0],arguments[1])}function I(n,r){if(n!==void 0&&r!==void 0)return[u(n),u(r)]}function Tn(){if(arguments.length===1){const n=arguments;return function(t){return I(t,n[0])}}return I(arguments[0],arguments[1])}function O(n,r,t){if(n!==void 0&&r!==void 0)return o(t(u(n),u(r)))}function Nn(){if(arguments.length===2){const n=arguments;return function(t){return O(t,n[0],n[1])}}return O(arguments[0],arguments[1],arguments[2])}function A(n,r,t){return n!==void 0?r(u(n)):t(void 0)}function Ln(){if(arguments.length===2){const n=arguments;return function(t){return A(t,n[0],n[1])}}return A(arguments[0],arguments[1],arguments[2])}function Sn(n){return W(n,[],function(r,t){return g(r,function(a){if(t!==void 0)return X(a,[u(t)])})})}const bn=n=>n;var e={__proto__:null,Some:bn,None:void 0,placeholder:j,makeSome:H,makeNone:V,fromNullable:Z,fromFalsy:nn,fromPredicate:tn,fromExecution:rn,fromPromise:en,map:un,flatMap:an,mapWithDefault:on,mapNullable:sn,filter:fn,getWithDefault:mn,getExn:cn,toNullable:ln,toUndefined:gn,toResult:En,match:_n,isNone:pn,isSome:dn,tap:vn,contains:hn,zip:Tn,zipWith:Nn,fold:Ln,all:Sn};const In=C(B),On=P(D),An=P(G),m=new Map;s.forEachWithIndex(On,(n,r)=>{i(r,e.flatMap(t=>t.getAttribute(c)),e.tap(t=>{m.set(t,[r,An[n]])}))});document.addEventListener("DOMContentLoaded",()=>{In.addEventListener("click",n=>{console.time();const r=n.target;i(r,e.fromPredicate(t=>t.className===U),e.mapNullable(t=>t.parentElement),e.flatMap(t=>t.getAttribute(c)),e.tap(t=>{i(e.fromNullable(m.get(t)),e.tap(s.forEach(a=>a.removeAttribute(f))))})),i(r,e.fromPredicate(t=>t.className===M),e.flatMap(t=>t.getAttribute(c)),e.tap(t=>{if(r.hasAttribute(f)){i(e.fromNullable(m.get(t)),e.tap(s.forEach(a=>a.removeAttribute(f))));return}i(Array.from(m.values()),s.flat,s.forEach(a=>a.removeAttribute(f))),i(e.fromNullable(m.get(t)),e.tap(s.forEach(a=>a.toggleAttribute(f))))})),console.timeEnd()})}); +import{J as c,K as f,L as U,M,N as B,O as D,P as G}from"./dom.js";import{a as C,b as P}from"./utils.js";import{f as o,l as W,o as x,v as u,e as z,p as X,R as s}from"./dom2.js";import{p as i}from"./pipe.CtTFdEz3.js";import{_ as F,i as $,c as k,g as y,b as l,d as J,a as Y,f as q,e as w,h as g,m as R}from"./belt_Option-91f3b350.aHdMVyeC.js";import"./erreurs.js";import"./exports.BOrjxC8q.js";import"./Either.DDEPhGsy.js";var K=k("Promise.JsError");function j(n,r){return n.catch(function(t){return F(r,$(t)?t:{RE_EXN_ID:K,_1:t})})}function H(n){}function Q(n){return o(n)}function V(n){}function Z(n){if(n!=null)return o(n)}function nn(n){if(n)return n}function E(n,r){return q(n==null?void 0:o(n),function(t){if(r(t))return o(t)})}function tn(){if(arguments.length===1){const n=arguments;return function(t){return E(t,n[0])}}return E(arguments[0],arguments[1])}function rn(n){try{return o(n(void 0))}catch{return}}function en(n){return j(n.then(function(r){return o(r)}),function(r){return Promise.resolve(void 0)})}var _=w;function un(){if(arguments.length===1){const n=arguments;return function(t){return _(t,n[0])}}return _(arguments[0],arguments[1])}var p=g;function an(){if(arguments.length===1){const n=arguments;return function(t){return p(t,n[0])}}return p(arguments[0],arguments[1])}var d=R;function on(){if(arguments.length===2){const n=arguments;return function(t){return d(t,n[0],n[1])}}return d(arguments[0],arguments[1],arguments[2])}function v(n,r){if(n!==void 0)return x(r(u(n)))}function sn(){if(arguments.length===1){const n=arguments;return function(t){return v(t,n[0])}}return v(arguments[0],arguments[1])}function h(n,r){return g(n,function(t){if(r(t))return o(t)})}function fn(){if(arguments.length===1){const n=arguments;return function(t){return h(t,n[0])}}return h(arguments[0],arguments[1])}var T=l;function mn(){if(arguments.length===1){const n=arguments;return function(t){return T(t,n[0])}}return T(arguments[0],arguments[1])}var cn=y;function ln(n){return l(n,null)}function gn(n){return l(n,void 0)}function N(n,r){return n!==void 0?{TAG:0,_0:u(n)}:{TAG:1,_0:r}}function En(){if(arguments.length===1){const n=arguments;return function(t){return N(t,n[0])}}return N(arguments[0],arguments[1])}function L(n,r,t){return n!==void 0?r(u(n)):t(void 0)}function _n(){if(arguments.length===2){const n=arguments;return function(t){return L(t,n[0],n[1])}}return L(arguments[0],arguments[1],arguments[2])}var pn=J,dn=Y;function S(n,r){return n!==void 0&&r(u(n)),n}function vn(){if(arguments.length===1){const n=arguments;return function(t){return S(t,n[0])}}return S(arguments[0],arguments[1])}function b(n,r){return R(n,!1,function(t){return z(t,r)})}function hn(){if(arguments.length===1){const n=arguments;return function(t){return b(t,n[0])}}return b(arguments[0],arguments[1])}function I(n,r){if(n!==void 0&&r!==void 0)return[u(n),u(r)]}function Tn(){if(arguments.length===1){const n=arguments;return function(t){return I(t,n[0])}}return I(arguments[0],arguments[1])}function O(n,r,t){if(n!==void 0&&r!==void 0)return o(t(u(n),u(r)))}function Nn(){if(arguments.length===2){const n=arguments;return function(t){return O(t,n[0],n[1])}}return O(arguments[0],arguments[1],arguments[2])}function A(n,r,t){return n!==void 0?r(u(n)):t(void 0)}function Ln(){if(arguments.length===2){const n=arguments;return function(t){return A(t,n[0],n[1])}}return A(arguments[0],arguments[1],arguments[2])}function Sn(n){return W(n,[],function(r,t){return g(r,function(a){if(t!==void 0)return X(a,[u(t)])})})}const bn=n=>n;var e={__proto__:null,Some:bn,None:void 0,placeholder:H,makeSome:Q,makeNone:V,fromNullable:Z,fromFalsy:nn,fromPredicate:tn,fromExecution:rn,fromPromise:en,map:un,flatMap:an,mapWithDefault:on,mapNullable:sn,filter:fn,getWithDefault:mn,getExn:cn,toNullable:ln,toUndefined:gn,toResult:En,match:_n,isNone:pn,isSome:dn,tap:vn,contains:hn,zip:Tn,zipWith:Nn,fold:Ln,all:Sn};const In=C(B),On=P(D),An=P(G),m=new Map;s.forEachWithIndex(On,(n,r)=>{i(r,e.flatMap(t=>t.getAttribute(c)),e.tap(t=>{m.set(t,[r,An[n]])}))});document.addEventListener("DOMContentLoaded",()=>{In.addEventListener("click",n=>{console.time();const r=n.target;i(r,e.fromPredicate(t=>t.className===U),e.mapNullable(t=>t.parentElement),e.flatMap(t=>t.getAttribute(c)),e.tap(t=>{i(e.fromNullable(m.get(t)),e.tap(s.forEach(a=>a.removeAttribute(f))))})),i(r,e.fromPredicate(t=>t.className===M),e.flatMap(t=>t.getAttribute(c)),e.tap(t=>{if(r.hasAttribute(f)){i(e.fromNullable(m.get(t)),e.tap(s.forEach(a=>a.removeAttribute(f))));return}i(Array.from(m.values()),s.flat,s.forEach(a=>a.removeAttribute(f))),i(e.fromNullable(m.get(t)),e.tap(s.forEach(a=>a.toggleAttribute(f))))})),console.timeEnd()})}); diff --git a/web/app/themes/haiku-atelier-2024/assets/js/scripts-page-accueil.js b/web/app/themes/haiku-atelier-2024/assets/js/scripts-page-accueil.js index 872e9b6d..2c64b61c 100644 --- a/web/app/themes/haiku-atelier-2024/assets/js/scripts-page-accueil.js +++ b/web/app/themes/haiku-atelier-2024/assets/js/scripts-page-accueil.js @@ -1 +1 @@ -import{a as u,b as T,c as l,d as I,e as L}from"./dom.js";import{e as R}from"./nombres.js";import{a as d,b as g}from"./utils.js";import"./dom2.js";import"./erreurs.js";import"./exports.BOrjxC8q.js";import"./pipe.CtTFdEz3.js";import"./Either.DDEPhGsy.js";const p=()=>{const n=d(u),m=g(T);let r=0,o=!1;const s=()=>{o||(window.requestAnimationFrame(()=>{const i=(e,t)=>{e.toggleAttribute(I,t),e.toggleAttribute(L,t)};r=n.scrollTop,m.forEach(e=>{const t=Number(e.getAttribute(l)),a=e.getBoundingClientRect().height,E=a*(t-1),c=a*t;R(r,E,c)?i(e,!1):i(e,!0)}),o=!1}),o=!0)};new ResizeObserver(()=>s()).observe(n),n.addEventListener("scroll",()=>s())};document.addEventListener("DOMContentLoaded",()=>{p()}); +import{a as T,b as g,c as L,d as I}from"./dom.js";import{e as u}from"./nombres.js";import{a as l,b as p}from"./utils.js";import"./dom2.js";import"./erreurs.js";import"./exports.BOrjxC8q.js";import"./pipe.CtTFdEz3.js";import"./Either.DDEPhGsy.js";const R=()=>{const s=l(T),r=l(".storytelling__conteneur"),n=p(g),o=n.at(0)?.getBoundingClientRect().height??0;let i=0;const E=(t,e)=>{t.toggleAttribute(L,e),t.toggleAttribute(I,e)};r.style.minHeight=`${String(o*n.length+1)}px`,r.style.maxHeight=`${String(o*n.length+1)}px`;const m=()=>{i=s.scrollTop,console.time(),n.forEach((t,e)=>{const c=o*(e-1),a=o*e;u(i,c,a)?E(t,!1):E(t,!0)}),console.timeEnd()};s.addEventListener("scroll",()=>m())};document.addEventListener("DOMContentLoaded",()=>{R()}); diff --git a/web/app/themes/haiku-atelier-2024/assets/js/scripts-page-boutique.js b/web/app/themes/haiku-atelier-2024/assets/js/scripts-page-boutique.js index 51bd5ffc..926ec427 100644 --- a/web/app/themes/haiku-atelier-2024/assets/js/scripts-page-boutique.js +++ b/web/app/themes/haiku-atelier-2024/assets/js/scripts-page-boutique.js @@ -1,4 +1,4 @@ -import{z as _,N as g}from"./index.CuMLbxmh.js";import{p as d}from"./index.DFL3aKZD.js";import{R as f}from"./api.js";import{f as E,g as T,h,i as s,j as S}from"./dom.js";import{h as R}from"./dom2.js";import{l as P}from"./erreurs.js";import{e as U}from"./gardes.js";import{g as L,t as A}from"./reseau.js";import{W as O,a as D}from"./products3.js";import{a as m}from"./utils.js";import{E as I}from"./MaybeAsync.BkJailCK.js";import{p as C}from"./pipe.CtTFdEz3.js";import{t as v}from"./index-0eef19ec._7_ubBTi.js";import{E as b}from"./Either.DDEPhGsy.js";import"./exports.BOrjxC8q.js";import"./erreurs2.js";import"./products4.js";import"./belt_Option-91f3b350.aHdMVyeC.js";const p=_etats,i=m(E),n=m(T),B=()=>{const o=i.getAttribute(h);n.addEventListener("click",()=>{const a=Number(i.getAttribute(s))+1,c={page:a,per_page:13,...o&&{category:o}};b.encase(()=>d(O,c)).map(async u=>{await I(()=>L({authString:p.authString,nonce:p.nonce,route:f,searchParams:new URLSearchParams(u).toString()})).map(t=>(console.debug("réponse",t),U(t)&&P("500 Server Error"),t.json())).map(t=>A(t,D)).ifRight(t=>{t.length<12&&n.toggleAttribute(S);const r=document.createDocumentFragment();console.debug(t);for(const e of t.slice(0,12))C(R` +import{z as _,N as g}from"./index.CuMLbxmh.js";import{p as d}from"./index.DFL3aKZD.js";import{R as f}from"./api.js";import{e as E,f as T,g as h,h as s,i as S}from"./dom.js";import{h as R}from"./dom2.js";import{l as P}from"./erreurs.js";import{e as U}from"./gardes.js";import{g as L,t as A}from"./reseau.js";import{W as O,a as D}from"./products2.js";import{a as m}from"./utils.js";import{E as I}from"./MaybeAsync.BkJailCK.js";import{p as C}from"./pipe.CtTFdEz3.js";import{t as v}from"./index-0eef19ec._7_ubBTi.js";import{E as b}from"./Either.DDEPhGsy.js";import"./exports.BOrjxC8q.js";import"./erreurs2.js";import"./products3.js";import"./belt_Option-91f3b350.aHdMVyeC.js";const p=_etats,i=m(E),n=m(T),B=()=>{const o=i.getAttribute(h);n.addEventListener("click",()=>{const a=Number(i.getAttribute(s))+1,c={page:a,per_page:13,...o&&{category:o}};b.encase(()=>d(O,c)).map(async u=>{await I(()=>L({authString:p.authString,nonce:p.nonce,route:f,searchParams:new URLSearchParams(u).toString()})).map(t=>(console.debug("réponse",t),U(t)&&P("500 Server Error"),t.json())).map(t=>A(t,D)).ifRight(t=>{t.length<12&&n.toggleAttribute(S);const r=document.createDocumentFragment();console.debug(t);for(const e of t.slice(0,12))C(R`
diff --git a/web/app/themes/haiku-atelier-2024/assets/js/scripts-page-panier.js b/web/app/themes/haiku-atelier-2024/assets/js/scripts-page-panier.js index aaae5bfb..26a24129 100644 --- a/web/app/themes/haiku-atelier-2024/assets/js/scripts-page-panier.js +++ b/web/app/themes/haiku-atelier-2024/assets/js/scripts-page-panier.js @@ -1 +1 @@ -import{z as $}from"./index.CuMLbxmh.js";import{p as I}from"./index.DFL3aKZD.js";import{a as z,b as x,c as X}from"./api.js";import{k as K,l as Y,m as Z,n as tt,o as et,p as ot,q as rt,r as st,s as at,t as nt,u as G,v as F,w as j,x as w,y as J,A as it,z as Et,j as D,B as m}from"./dom.js";import{N as ct,a as ut}from"./messages3.js";import{r as u,a as W,b as mt}from"./dom2.js";import{l as f,r as p}from"./erreurs.js";import{e as O,a as h}from"./gardes.js";import{e as g,a as y,v as lt,b as At}from"./messages.js";import{p as C,t as d}from"./reseau.js";import{W as L}from"./cart.js";import{W as _t}from"./cart-remove-item.js";import{W as Tt}from"./cart-update-customer.js";import{W as q}from"./cart-update-item.js";import{c as pt,r as l,y as H,p as St}from"./utils.js";import{p as a}from"./pipe.CtTFdEz3.js";import{l as P}from"./index-0eef19ec._7_ubBTi.js";import{M as T,E as U}from"./Either.DDEPhGsy.js";import"./exports.BOrjxC8q.js";import"./messages2.js";import"./erreurs2.js";import"./cart2.js";import"./adresses.js";import"./couts-livraison.js";import"./belt_Option-91f3b350.aHdMVyeC.js";const b=_etats,k=pt(K),Rt=a(l(Y),u),Nt=a(l(Z),u),It=a(l(tt),u),ft=a(l(et),u),Ot=a(l(ot),u),Q=a(l(rt),u),M=a(l(st),u),N=a(l(at),u),V=a(l(nt),u),v=o=>e=>a(mt(o)(e),u),B=o=>o.forEach(e=>{const r=v(e),t={boutonAddition:r(w),boutonSoustraction:r(F),boutonSuppression:r(J)};t.boutonSoustraction.setAttribute(m,""),t.boutonAddition.setAttribute(m,""),t.boutonSuppression.setAttribute(m,""),t.boutonSuppression.textContent="C= C= C= C= C=┌(;・ω・)┘"}),S=o=>o.forEach(e=>{const r=v(e),t={boutonAddition:r(w),boutonSoustraction:r(F),boutonSuppression:r(J),champQuantite:r(j)};Number(t.champQuantite?.value)===1?t.boutonSoustraction.setAttribute(m,""):t.boutonSoustraction.removeAttribute(m),t.boutonAddition.removeAttribute(m),t.boutonSuppression.removeAttribute(m),t.boutonSuppression.textContent="Remove"}),Ct=()=>{k.ifRight(o=>{o.forEach(e=>{const r=v(e),t=T.fromNullable(e.getAttribute(G)).ifNothing(()=>{e.remove()}).orDefault("CLE_PANIER_INEXISTANTE"),A=r(F),i=r(j),_=r(w);r(J).addEventListener("click",()=>{U.encase(()=>I(_t,{key:t})).map(async E=>{B(o),await C({corps:JSON.stringify(E),nonce:b.nonce,route:z}).then(async c=>{O(c)&&f("500 Server Error"),a(await c.json(),s=>d(s,L),P.tap(s=>{g({quantiteProduits:s.items_count}),y({produits:s.items,sousTotalPanier:Number(s.totals.total_price)/100,totalPanier:Number(s.totals.total_items)/100}),e.remove()}))}).catch(c=>{h(c)?p(c):console.error("e n'est pas une Erreur ?!",c),S(o)})}).ifLeft(E=>p(E))}),A.addEventListener("click",()=>{T.fromNullable(i.valueAsNumber).filter(E=>E>1).ifJust(E=>{U.encase(()=>I(q,{key:t,quantity:E-1})).map(async c=>{B(o),await C({corps:JSON.stringify(c),nonce:b.nonce,route:x}).then(async s=>{O(s)&&f("500 Server Error"),a(await s.json(),n=>d(n,L),P.tap(n=>{g({quantiteProduits:n.items_count}),y({produits:n.items,sousTotalPanier:Number(n.totals.total_price)/100,totalPanier:Number(n.totals.total_items)/100})}))}).catch(s=>{h(s)?p(s):console.error("e n'est pas une Erreur ?!",s),S(o)})})})}),_.addEventListener("click",()=>{T.fromNullable(i.valueAsNumber).ifJust(E=>{B(o),U.encase(()=>I(q,{key:t,quantity:E+1})).map(async c=>{await C({corps:JSON.stringify(c),nonce:b.nonce,route:x}).then(async s=>{O(s)&&f("500 Server Error"),a(await s.json(),n=>d(n,L),P.tap(n=>{g({quantiteProduits:n.items_count}),y({produits:n.items,sousTotalPanier:Number(n.totals.total_price)/100,totalPanier:Number(n.totals.total_items)/100})}))}).catch(s=>{h(s)?p(s):console.error("e n'est pas une Erreur ?!",s),S(o)})})})})})})},dt=()=>{const o=new BroadcastChannel(ct);o.onmessage=e=>{lt(e).map(H.getUnsafe("donnees")).ifRight(r=>{Rt.setAttribute(it,String(r.quantiteProduits!==0))})},document.addEventListener("visibilitychange",()=>{o.close()})},Lt=()=>{const o=new BroadcastChannel(ut);o.onmessage=e=>{At(e).chain(St("donnees")).ifRight(r=>{r.produits.forEach(t=>{k.ifRight(A=>{T.fromNullable(A.find(i=>i.getAttribute(G)===t.key)).ifJust(i=>{const _=v(i),R=_(Et),E=_(j);R.textContent=`${String(Number(t.totals.line_total)/100)} €`,E.setAttribute("value",String(t.quantity)),S(A)}),Nt.textContent=`${String(r.totalPanier)} €`,Ot.textContent=`${String(r.totalPanier)} €`})})}).ifLeft(r=>{p(r),k.ifRight(t=>S(t))})},document.addEventListener("visibilitychange",()=>{o.close()})},Pt=()=>{Q.addEventListener("click",()=>{T.fromFalsy(Q.checked).ifJust(()=>{N.removeAttribute(D),W(N)("input, select").ifRight(o=>o.forEach(e=>e.removeAttribute(m)))}).ifNothing(()=>{N.setAttribute(D,""),W(N)("input, select").ifRight(o=>o.forEach(e=>{e.setAttribute(m,""),e.value=""}))})})},Ut=()=>{V.addEventListener("click",o=>{T.fromFalsy(M.checkValidity()).ifJust(()=>{o.preventDefault(),M.removeAttribute(D),V.textContent="Check-out"}).ifJust(()=>{const e=a(new FormData(M),t=>t.entries(),t=>Array.from(t),t=>H.fromPairs(t)),r={shipping_address:{address_1:e["livraison-adresse"]??"",address_2:"",city:e["livraison-ville"]??"",company:"",country:"FR",first_name:e["livraison-prenom"]??"",last_name:e["livraison-nom"]??"",phone:e["livraison-telephone"]??"",postcode:e["livraison-code-postal"]??"",state:e["livraison-region-etat"]??""}};U.encase(()=>I(Tt,r)).map(async t=>{await C({corps:JSON.stringify(t),nonce:b.nonce,route:X}).then(async A=>{O(A)&&f("500 Server Error"),a(await A.json(),i=>d(i,L),P.tap(i=>{const _=i.totals.total_shipping==="0"?"Free":`${String(i.totals.total_shipping)} €`,R=$(i.shipping_rates[0]?.shipping_rates[0]?.name).with("Mondial Relay - Livraison Point Relais (Gratuit)",()=>"Mondial Relay - Pickup Point").otherwise(()=>"");It.textContent=_,ft.textContent=R}))})}).ifLeft(t=>console.error(t.issues))})})};document.addEventListener("DOMContentLoaded",()=>{Ct(),dt(),Lt(),Pt(),Ut()}); +import{z as $}from"./index.CuMLbxmh.js";import{p as I}from"./index.DFL3aKZD.js";import{a as z,b as x,c as X}from"./api.js";import{j as K,k as Y,l as Z,m as tt,n as et,o as ot,p as rt,q as st,r as at,s as nt,t as G,u as F,v as j,w,x as J,A as it,y as Et,i as D,z as m}from"./dom.js";import{N as ct,a as ut}from"./messages3.js";import{r as u,a as W,b as mt}from"./dom2.js";import{l as f,r as p}from"./erreurs.js";import{e as O,a as h}from"./gardes.js";import{e as g,a as y,v as lt,b as At}from"./messages.js";import{p as C,t as d}from"./reseau.js";import{W as L}from"./cart.js";import{W as _t}from"./cart-remove-item.js";import{W as Tt}from"./cart-update-customer.js";import{W as q}from"./cart-update-item.js";import{c as pt,r as l,y as H,p as St}from"./utils.js";import{p as a}from"./pipe.CtTFdEz3.js";import{l as P}from"./index-0eef19ec._7_ubBTi.js";import{M as T,E as U}from"./Either.DDEPhGsy.js";import"./exports.BOrjxC8q.js";import"./messages2.js";import"./erreurs2.js";import"./cart2.js";import"./adresses.js";import"./couts-livraison.js";import"./belt_Option-91f3b350.aHdMVyeC.js";const b=_etats,k=pt(K),Rt=a(l(Y),u),Nt=a(l(Z),u),It=a(l(tt),u),ft=a(l(et),u),Ot=a(l(ot),u),Q=a(l(rt),u),M=a(l(st),u),N=a(l(at),u),V=a(l(nt),u),v=o=>e=>a(mt(o)(e),u),B=o=>o.forEach(e=>{const r=v(e),t={boutonAddition:r(w),boutonSoustraction:r(F),boutonSuppression:r(J)};t.boutonSoustraction.setAttribute(m,""),t.boutonAddition.setAttribute(m,""),t.boutonSuppression.setAttribute(m,""),t.boutonSuppression.textContent="C= C= C= C= C=┌(;・ω・)┘"}),S=o=>o.forEach(e=>{const r=v(e),t={boutonAddition:r(w),boutonSoustraction:r(F),boutonSuppression:r(J),champQuantite:r(j)};Number(t.champQuantite?.value)===1?t.boutonSoustraction.setAttribute(m,""):t.boutonSoustraction.removeAttribute(m),t.boutonAddition.removeAttribute(m),t.boutonSuppression.removeAttribute(m),t.boutonSuppression.textContent="Remove"}),Ct=()=>{k.ifRight(o=>{o.forEach(e=>{const r=v(e),t=T.fromNullable(e.getAttribute(G)).ifNothing(()=>{e.remove()}).orDefault("CLE_PANIER_INEXISTANTE"),A=r(F),i=r(j),_=r(w);r(J).addEventListener("click",()=>{U.encase(()=>I(_t,{key:t})).map(async E=>{B(o),await C({corps:JSON.stringify(E),nonce:b.nonce,route:z}).then(async c=>{O(c)&&f("500 Server Error"),a(await c.json(),s=>d(s,L),P.tap(s=>{g({quantiteProduits:s.items_count}),y({produits:s.items,sousTotalPanier:Number(s.totals.total_price)/100,totalPanier:Number(s.totals.total_items)/100}),e.remove()}))}).catch(c=>{h(c)?p(c):console.error("e n'est pas une Erreur ?!",c),S(o)})}).ifLeft(E=>p(E))}),A.addEventListener("click",()=>{T.fromNullable(i.valueAsNumber).filter(E=>E>1).ifJust(E=>{U.encase(()=>I(q,{key:t,quantity:E-1})).map(async c=>{B(o),await C({corps:JSON.stringify(c),nonce:b.nonce,route:x}).then(async s=>{O(s)&&f("500 Server Error"),a(await s.json(),n=>d(n,L),P.tap(n=>{g({quantiteProduits:n.items_count}),y({produits:n.items,sousTotalPanier:Number(n.totals.total_price)/100,totalPanier:Number(n.totals.total_items)/100})}))}).catch(s=>{h(s)?p(s):console.error("e n'est pas une Erreur ?!",s),S(o)})})})}),_.addEventListener("click",()=>{T.fromNullable(i.valueAsNumber).ifJust(E=>{B(o),U.encase(()=>I(q,{key:t,quantity:E+1})).map(async c=>{await C({corps:JSON.stringify(c),nonce:b.nonce,route:x}).then(async s=>{O(s)&&f("500 Server Error"),a(await s.json(),n=>d(n,L),P.tap(n=>{g({quantiteProduits:n.items_count}),y({produits:n.items,sousTotalPanier:Number(n.totals.total_price)/100,totalPanier:Number(n.totals.total_items)/100})}))}).catch(s=>{h(s)?p(s):console.error("e n'est pas une Erreur ?!",s),S(o)})})})})})})},dt=()=>{const o=new BroadcastChannel(ct);o.onmessage=e=>{lt(e).map(H.getUnsafe("donnees")).ifRight(r=>{Rt.setAttribute(it,String(r.quantiteProduits!==0))})},document.addEventListener("visibilitychange",()=>{o.close()})},Lt=()=>{const o=new BroadcastChannel(ut);o.onmessage=e=>{At(e).chain(St("donnees")).ifRight(r=>{r.produits.forEach(t=>{k.ifRight(A=>{T.fromNullable(A.find(i=>i.getAttribute(G)===t.key)).ifJust(i=>{const _=v(i),R=_(Et),E=_(j);R.textContent=`${String(Number(t.totals.line_total)/100)} €`,E.setAttribute("value",String(t.quantity)),S(A)}),Nt.textContent=`${String(r.totalPanier)} €`,Ot.textContent=`${String(r.totalPanier)} €`})})}).ifLeft(r=>{p(r),k.ifRight(t=>S(t))})},document.addEventListener("visibilitychange",()=>{o.close()})},Pt=()=>{Q.addEventListener("click",()=>{T.fromFalsy(Q.checked).ifJust(()=>{N.removeAttribute(D),W(N)("input, select").ifRight(o=>o.forEach(e=>e.removeAttribute(m)))}).ifNothing(()=>{N.setAttribute(D,""),W(N)("input, select").ifRight(o=>o.forEach(e=>{e.setAttribute(m,""),e.value=""}))})})},Ut=()=>{V.addEventListener("click",o=>{T.fromFalsy(M.checkValidity()).ifJust(()=>{o.preventDefault(),M.removeAttribute(D),V.textContent="Check-out"}).ifJust(()=>{const e=a(new FormData(M),t=>t.entries(),t=>Array.from(t),t=>H.fromPairs(t)),r={shipping_address:{address_1:e["livraison-adresse"]??"",address_2:"",city:e["livraison-ville"]??"",company:"",country:"FR",first_name:e["livraison-prenom"]??"",last_name:e["livraison-nom"]??"",phone:e["livraison-telephone"]??"",postcode:e["livraison-code-postal"]??"",state:e["livraison-region-etat"]??""}};U.encase(()=>I(Tt,r)).map(async t=>{await C({corps:JSON.stringify(t),nonce:b.nonce,route:X}).then(async A=>{O(A)&&f("500 Server Error"),a(await A.json(),i=>d(i,L),P.tap(i=>{const _=i.totals.total_shipping==="0"?"Free":`${String(i.totals.total_shipping)} €`,R=$(i.shipping_rates[0]?.shipping_rates[0]?.name).with("Mondial Relay - Livraison Point Relais (Gratuit)",()=>"Mondial Relay - Pickup Point").otherwise(()=>"");It.textContent=_,ft.textContent=R}))})}).ifLeft(t=>console.error(t.issues))})})};document.addEventListener("DOMContentLoaded",()=>{Ct(),dt(),Lt(),Pt(),Ut()}); diff --git a/web/app/themes/haiku-atelier-2024/assets/js/scripts-page-produit.js b/web/app/themes/haiku-atelier-2024/assets/js/scripts-page-produit.js index e9993ee5..f015b0e6 100644 --- a/web/app/themes/haiku-atelier-2024/assets/js/scripts-page-produit.js +++ b/web/app/themes/haiku-atelier-2024/assets/js/scripts-page-produit.js @@ -1 +1 @@ -import{z as S,N as n}from"./index.CuMLbxmh.js";import{p as _}from"./index.DFL3aKZD.js";import{d as N,E as O}from"./api.js";import{C as I,D as L,E as g,F as v,G as c,j as u,B as p}from"./dom.js";import{r as d,c as T}from"./dom2.js";import{l as h,a as U,b as R,c as b,E as y,d as w,r as P}from"./erreurs.js";import{b as D,e as B,a as M}from"./gardes.js";import{e as j}from"./messages.js";import{W as J}from"./cart.js";import{p as W}from"./cart-add-item.js";import{e as m}from"./erreurs2.js";import{r as l,c as A,y as x}from"./utils.js";import{p as o}from"./pipe.CtTFdEz3.js";import{l as G}from"./index-0eef19ec._7_ubBTi.js";import{M as q,E as k}from"./Either.DDEPhGsy.js";import"./exports.BOrjxC8q.js";import"./messages3.js";import"./messages2.js";import"./cart2.js";import"./adresses.js";import"./couts-livraison.js";import"./belt_Option-91f3b350.aHdMVyeC.js";const z=_etats,F=a=>{a.forEach(e=>{e[0].setAttribute(c,"false"),e[1].setAttribute(u,"true")})},s=o(l(I),d),i=o(l(L),d),H=o(A(g),T),V=o(A(v),T),Q=()=>{const a=new Map;H.forEach((e,t)=>{const r=e.getAttribute("id"),E=V[t];if(!r)throw new Error("Le lien ne dispose pas d'ID !");if(!E)throw new Error("Le lien ne dispose pas de section correspondante !");a.set(r,[e,E]),e.addEventListener("click",f=>{f.preventDefault();const C=e.getAttribute(c)==="true";F(o(a.values(),Array.from)),!C&&(e.setAttribute(c,"true"),E.removeAttribute(u))})}),i.addEventListener("change",e=>{o(e.target,q.fromNullable,t=>t.filter(D),t=>t.map(r=>r.validity.valid),t=>t.ifJust(r=>s.toggleAttribute(p,!r)))}),s.addEventListener("click",e=>K())},K=()=>{s.textContent="Adding...",k.encase(()=>W({id:Number(i.value),quantity:1})).map(a=>{fetch(N,{body:JSON.stringify(a),credentials:"same-origin",headers:{Accept:"application/json","Content-Type":"application/json",[O]:z.nonce},method:"POST",mode:"same-origin",signal:AbortSignal.timeout(5e3)}).then(async e=>{B(e)&&h("500 Server Error"),o(await e.json(),t=>S(t).with({body:n.select(),status:400},m,U).with({body:n.select(),status:401},m,R).with({body:n.select(),status:404},m,b).with(n._,r=>_(J,r)).otherwise(r=>o(r,y,w)),x.getUnsafe("items_count"),G.tap(t=>{s.textContent="Added to cart!",j({quantiteProduits:t}),setTimeout(()=>{i.value=i.options.item(0)?.value??"--",s.toggleAttribute(p,!0),s.textContent="Add to cart"},3e3)}))}).catch(e=>{M(e)?(P(e),console.error(e)):console.error("e n'est pas une Erreur ?!",e),s.textContent="Add to cart"})})};document.addEventListener("DOMContentLoaded",()=>{Q()}); +import{z as S,N as i}from"./index.CuMLbxmh.js";import{p as _}from"./index.DFL3aKZD.js";import{d as N,E as O}from"./api.js";import{B as I,C as L,D as g,E as v,F as c,i as u,z as p}from"./dom.js";import{r as d,c as T}from"./dom2.js";import{l as h,a as U,b as R,c as b,E as y,d as w,r as P}from"./erreurs.js";import{b as D,e as B,a as M}from"./gardes.js";import{e as j}from"./messages.js";import{W as J}from"./cart.js";import{p as W}from"./cart-add-item.js";import{e as m}from"./erreurs2.js";import{r as l,c as A,y as x}from"./utils.js";import{p as o}from"./pipe.CtTFdEz3.js";import{l as q}from"./index-0eef19ec._7_ubBTi.js";import{M as z,E as G}from"./Either.DDEPhGsy.js";import"./exports.BOrjxC8q.js";import"./messages3.js";import"./messages2.js";import"./cart2.js";import"./adresses.js";import"./couts-livraison.js";import"./belt_Option-91f3b350.aHdMVyeC.js";const k=_etats,F=a=>{a.forEach(e=>{e[0].setAttribute(c,"false"),e[1].setAttribute(u,"true")})},s=o(l(I),d),n=o(l(L),d),H=o(A(g),T),V=o(A(v),T),Q=()=>{const a=new Map;H.forEach((e,t)=>{const r=e.getAttribute("id"),E=V[t];if(!r)throw new Error("Le lien ne dispose pas d'ID !");if(!E)throw new Error("Le lien ne dispose pas de section correspondante !");a.set(r,[e,E]),e.addEventListener("click",f=>{f.preventDefault();const C=e.getAttribute(c)==="true";F(o(a.values(),Array.from)),!C&&(e.setAttribute(c,"true"),E.removeAttribute(u))})}),n.addEventListener("change",e=>{o(e.target,z.fromNullable,t=>t.filter(D),t=>t.map(r=>r.validity.valid),t=>t.ifJust(r=>s.toggleAttribute(p,!r)))}),s.addEventListener("click",e=>K())},K=()=>{s.textContent="Adding...",G.encase(()=>W({id:Number(n.value),quantity:1})).map(a=>{fetch(N,{body:JSON.stringify(a),credentials:"same-origin",headers:{Accept:"application/json","Content-Type":"application/json",[O]:k.nonce},method:"POST",mode:"same-origin",signal:AbortSignal.timeout(5e3)}).then(async e=>{B(e)&&h("500 Server Error"),o(await e.json(),t=>S(t).with({body:i.select(),status:400},m,U).with({body:i.select(),status:401},m,R).with({body:i.select(),status:404},m,b).with(i._,r=>_(J,r)).otherwise(r=>o(r,y,w)),x.getUnsafe("items_count"),q.tap(t=>{s.textContent="Added to cart!",j({quantiteProduits:t}),setTimeout(()=>{n.value=n.options.item(0)?.value??"--",s.toggleAttribute(p,!0),s.textContent="Add to cart"},3e3)}))}).catch(e=>{M(e)?(P(e),console.error(e)):console.error("e n'est pas une Erreur ?!",e),s.textContent="Add to cart"})})};document.addEventListener("DOMContentLoaded",()=>{Q()}); diff --git a/web/app/themes/haiku-atelier-2024/front-page.php b/web/app/themes/haiku-atelier-2024/front-page.php index 8e8d8e82..f5cf3b5c 100644 --- a/web/app/themes/haiku-atelier-2024/front-page.php +++ b/web/app/themes/haiku-atelier-2024/front-page.php @@ -15,9 +15,9 @@ $modeles = ["accueil.twig"]; function charge_scripts_styles_page_accueil(): void { wp_enqueue_style( handle: "haiku-atelier-2024-styles-page-accueil", - src: get_template_directory_uri() . "/assets/css/pages/page-accueil.min.css", + src: get_template_directory_uri() . "/assets/css/pages/page-accueil.css", deps: [], - ver: filemtime(get_template_directory() . "/assets/css/pages/page-accueil.min.css"), + ver: filemtime(get_template_directory() . "/assets/css/pages/page-accueil.css"), media: "all", ); wp_enqueue_script_module( diff --git a/web/app/themes/haiku-atelier-2024/page-contact.php b/web/app/themes/haiku-atelier-2024/page-contact.php index fdf9b9c4..e9c762f8 100644 --- a/web/app/themes/haiku-atelier-2024/page-contact.php +++ b/web/app/themes/haiku-atelier-2024/page-contact.php @@ -1,6 +1,6 @@ + onload="this.style.opacity=1" + /> EOD; } diff --git a/web/app/themes/haiku-atelier-2024/src/sass/abstracts/_variables.scss b/web/app/themes/haiku-atelier-2024/src/sass/abstracts/_variables.scss index ac3273ee..cb744870 100644 --- a/web/app/themes/haiku-atelier-2024/src/sass/abstracts/_variables.scss +++ b/web/app/themes/haiku-atelier-2024/src/sass/abstracts/_variables.scss @@ -30,10 +30,13 @@ --espacement-inter-lettres-etendu-xl: 2px; /* Dimensions */ - --en-tete-hauteur: 60px; + --en-tete-hauteur: 61px; --menu-categories-produits-hauteur: 54.39px; --pied-de-page-hauteur: calc(var(--espace-m) * 2 + 3lh); - --contenu-page-hauteur-minimale: calc( + --contenu-page-hauteur-minimale-sans-categories: calc( + 100svh - var(--en-tete-hauteur) - var(--pied-de-page-hauteur) + ); + --contenu-page-hauteur-minimale-avec-categories: calc( 100svh - var(--en-tete-hauteur) - var(--pied-de-page-hauteur) - var(--menu-categories-produits-hauteur) ); diff --git a/web/app/themes/haiku-atelier-2024/src/sass/layouts/_colonnes-photos.scss b/web/app/themes/haiku-atelier-2024/src/sass/layouts/_colonnes-photos.scss index 328c5eab..3fbef27a 100644 --- a/web/app/themes/haiku-atelier-2024/src/sass/layouts/_colonnes-photos.scss +++ b/web/app/themes/haiku-atelier-2024/src/sass/layouts/_colonnes-photos.scss @@ -55,4 +55,38 @@ } } } + + // Passe en mode horizontal pour le défilement des images + @media (width <= 900px) { + scrollbar-width: none; + overflow-x: scroll; + flex-flow: row nowrap; + + > section { + width: 100%; + min-width: 100%; + + &.colonne-gauche { + position: initial; + height: initial; + + img { + max-height: calc(100svh - var(--en-tete-hauteur)); + } + } + + &.colonne-droite { + flex-flow: row nowrap; + + figure { + flex-grow: 1; + min-width: 100%; + + img { + max-height: calc(100svh - var(--en-tete-hauteur)); + } + } + } + } + } } diff --git a/web/app/themes/haiku-atelier-2024/src/sass/layouts/_en-tete.scss b/web/app/themes/haiku-atelier-2024/src/sass/layouts/_en-tete.scss index 07ea89e5..92b3dbf8 100644 --- a/web/app/themes/haiku-atelier-2024/src/sass/layouts/_en-tete.scss +++ b/web/app/themes/haiku-atelier-2024/src/sass/layouts/_en-tete.scss @@ -1,13 +1,13 @@ -// Styles pour le menu du site +// Styles pour le Menu du Site et le Menu des Catégories de Produits @forward "./menu-mobile"; #en-tete { - /* Marges */ + // Marges --en-tete-marges-internes-ligne: var(--espace-xl); --en-tete-marges-internes-bloc: var(--espace-m); - /* Dimensions */ + // Dimensions --en-tete-section-hauteur: var(--en-tete-hauteur); --en-tete-logo-longueur: 80px; diff --git a/web/app/themes/haiku-atelier-2024/src/sass/layouts/_grille-produits.scss b/web/app/themes/haiku-atelier-2024/src/sass/layouts/_grille-produits.scss index b41892b1..a2374d96 100644 --- a/web/app/themes/haiku-atelier-2024/src/sass/layouts/_grille-produits.scss +++ b/web/app/themes/haiku-atelier-2024/src/sass/layouts/_grille-produits.scss @@ -14,8 +14,8 @@ */ .grille-produits { // Dimensions - --grille-produits-hauteur-minimale: var(--contenu-page-hauteur-minimale); - --aucun-produit-hauteur: var(--contenu-page-hauteur-minimale); + --grille-produits-hauteur-minimale: var(--contenu-page-hauteur-minimale-avec-categories); + --aucun-produit-hauteur: var(--contenu-page-hauteur-minimale-avec-categories); --carte-produit-longueur-minimale: 448px; --carte-produit-longueur-maximale: 1000px; @@ -51,8 +51,39 @@ } } + img { + position: inherit; + aspect-ratio: 9 / 16; + width: 100%; + max-height: 70vh; + object-fit: cover; + background: transparent; + } + .produit__illustration__principale { display: block; + + &::before { + content: ""; + position: absolute; + z-index: -1; + top: 0; + left: 0; + width: 100%; + height: 100%; + opacity: 0; + background-image: url("/app/themes/haiku-atelier-2024/assets/img/icons/cloud-gris.svg"); + background-repeat: no-repeat; + background-position: center; + background-size: 50%; + filter: opacity(20%); + animation: 1.5s 0.5s test infinite alternate both linear; + } + + img { + opacity: 0; + transition: opacity 1s; + } } .produit__illustration__survol { @@ -65,38 +96,12 @@ visibility: hidden; opacity: 0; transition: 0.15s opacity, 0.15s visibility; - } - picture { - position: relative; - - &::before { - content: ""; - position: absolute; - z-index: 2; - top: 0; - left: 0; - width: 100%; - height: 100%; - background-image: url("/app/themes/haiku-atelier-2024/assets/img/icons/cloud-gris.svg"); - background-repeat: no-repeat; - background-position: center; - background-size: contain; - filter: opacity(0%); - animation: 1s test infinite alternate both linear; + img { + background: var(--couleur-fond); } } - img { - position: inherit; - z-index: 3; - aspect-ratio: 9 / 16; - width: 100%; - max-height: 70vh; - object-fit: cover; - background: transparent; - } - figcaption { display: flex; flex-flow: row nowrap; @@ -141,6 +146,6 @@ @keyframes test { to { - filter: opacity(30%); + opacity: 1; } } diff --git a/web/app/themes/haiku-atelier-2024/src/sass/layouts/_informations-produit.scss b/web/app/themes/haiku-atelier-2024/src/sass/layouts/_informations-produit.scss index b5a5cc12..667e9b41 100644 --- a/web/app/themes/haiku-atelier-2024/src/sass/layouts/_informations-produit.scss +++ b/web/app/themes/haiku-atelier-2024/src/sass/layouts/_informations-produit.scss @@ -62,6 +62,7 @@ transform: translateY(-100%); overflow-y: auto; grid-column: span 3; + width: 100%; padding: var(--onglet-marges-internes); visibility: visible; opacity: 1; diff --git a/web/app/themes/haiku-atelier-2024/src/sass/layouts/_menu-categories-produits.scss b/web/app/themes/haiku-atelier-2024/src/sass/layouts/_menu-categories-produits.scss index e6fdd259..0e1f42ed 100644 --- a/web/app/themes/haiku-atelier-2024/src/sass/layouts/_menu-categories-produits.scss +++ b/web/app/themes/haiku-atelier-2024/src/sass/layouts/_menu-categories-produits.scss @@ -1,4 +1,4 @@ -// Styles pour le menu des Catégories de Produits +// Styles pour le Menu des Catégories de Produits /* * Le menu avec les Catégories de Produits pour une navigation rapide. @@ -9,15 +9,47 @@ #menu-categories-produits { /* Dimensions */ --menu-entree-longueur-minimale: 13ch; - --menu-section-hauteur: var(--menu-categories-produits-hauteur); - /* Marges */ + // Marges --menu-section-marges-bloc-debut: var(--en-tete-hauteur); /* 1 */ --menu-entree-marges-internes-ligne: var(--espace-m); + position: relative; + // height: var(--menu-section-hauteur); margin-top: var(--menu-section-marges-bloc-debut); /* 1 */ + &[data-entrees-presentes-debut] { + img:first-of-type { + opacity: 1; + } + } + + &[data-entrees-presentes-fin] { + img:last-of-type { + opacity: 1; + } + } + + svg { + pointer-events: none; + position: absolute; + bottom: calc(35.18px / 2 - 0.35rem); + width: 0.8rem; + height: 0.8rem; + mix-blend-mode: exclusion; + shape-rendering: geometricprecision; + transition: 0.2s opacity; + + &:first-of-type { + left: var(--espace-xs); + } + + &:last-of-type { + right: var(--espace-xs); + } + } + /* * Liste des Catégories de Produits. * @@ -48,12 +80,15 @@ &.categorie-courante { a { - color: var(--couleur-jaune); - } - } + color: var(--couleur-noir); + background: var(--couleur-jaune); - &:active a { - font-weight: 500; + @media (hover: hover) { + &:hover { + color: var(--couleur-noir); + } + } + } } /* @@ -65,6 +100,7 @@ display: inline-block; /* 1 */ width: inherit; /* 2 */ padding: var(--menu-entree-marges-internes-ligne) 0; + text-decoration: none; outline: initial; /* 3 */ &:focus, &:focus-visible { @@ -82,23 +118,33 @@ } @media (width <= 900px) { - & { - --menu-entree-marges-internes-ligne: var(--espace-s); + --menu-entree-marges-internes-ligne: var(--espace-s); - display: flex; - flex-flow: row wrap; - font-size: 0.8rem; + display: flex; + flex-flow: row wrap; + font-size: 0.8rem; - li { - flex-grow: 1; - width: min(140px, 100%); + li { + flex-grow: 1; + width: min(140px, 100%); - a { - width: 100%; - border: initial; - } + a { + width: 100%; + border: initial; } } } + + // Affiche les Catégories comme une liste horizontale défilable + @media (width <= 600px) { + scrollbar-width: none; + overflow-x: scroll; + flex-flow: row nowrap; + + li { + width: initial; + min-width: 140px; + } + } } } diff --git a/web/app/themes/haiku-atelier-2024/src/sass/layouts/_produits-similaires.scss b/web/app/themes/haiku-atelier-2024/src/sass/layouts/_produits-similaires.scss index 3f723737..b2ae0595 100644 --- a/web/app/themes/haiku-atelier-2024/src/sass/layouts/_produits-similaires.scss +++ b/web/app/themes/haiku-atelier-2024/src/sass/layouts/_produits-similaires.scss @@ -5,6 +5,7 @@ --carte-produit-longueur-minimale: 448px; --carte-produit-longueur-maximale: 1000px; + position: relative; display: grid; grid-template-areas: "en-tete en-tete en-tete" @@ -16,6 +17,9 @@ /* En-tête de la section */ header { + position: sticky; + z-index: 10; + top: calc(1lh + var(--espace-l) + var(--espace-m)); grid-area: en-tete; width: 100%; padding: var(--espace-l) 0 var(--espace-m); diff --git a/web/app/themes/haiku-atelier-2024/src/sass/pages/page-a-propos.scss b/web/app/themes/haiku-atelier-2024/src/sass/pages/page-a-propos.scss index 789bef2d..90ca0104 100644 --- a/web/app/themes/haiku-atelier-2024/src/sass/pages/page-a-propos.scss +++ b/web/app/themes/haiku-atelier-2024/src/sass/pages/page-a-propos.scss @@ -25,6 +25,7 @@ picture { position: relative; + // Image de préchargement &::before { content: ""; position: absolute; @@ -37,68 +38,26 @@ background-position: center; background-size: contain; filter: opacity(0%); - animation: 1s test infinite alternate both linear; + animation: 1s clignotement infinite alternate both linear; } } // Image du storytelling img { - position: inherit; + position: relative; width: max-content; height: auto; object-fit: contain; background: transparent; } - .texte { - position: absolute; - max-width: 22rem; - font-weight: 500; - font-style: italic; - /* stylelint-disable-next-line declaration-block-no-duplicate-properties */ - text-wrap: balance; - text-wrap: pretty; - - &#texte-1 { - top: 33rem; - right: 4rem; - } - - &#texte-2 { - top: 61.5rem; - } - - &#texte-3 { - top: 81.5rem; - right: 4rem; - } - - &#texte-4 { - top: 139rem; - left: 11rem; - } - - &#texte-5 { - top: 156rem; - right: 4rem; - } - - &#texte-6 { - bottom: 3rem; - } - - p + p { - margin-top: var(--espace-m); - } - } - .epingle { position: absolute; right: 46.5%; - display: none; img { pointer-events: none; + display: block; width: 1.5rem; filter: drop-shadow(1px 1px 3px var(--couleur-gris-fonce)); transition: 0.2s filter; @@ -214,24 +173,12 @@ } } - @media (width <= 1300px) { - .storytelling { - .texte { - display: none; - } - - .epingle { - display: initial; - } - } - } - @media (width <= 700px) { --images-marges-ligne: var(--espace-m); } } -@keyframes test { +@keyframes clignotement { to { filter: opacity(30%); } diff --git a/web/app/themes/haiku-atelier-2024/src/sass/pages/page-accueil.scss b/web/app/themes/haiku-atelier-2024/src/sass/pages/page-accueil.scss index 020c2e51..f649cd26 100644 --- a/web/app/themes/haiku-atelier-2024/src/sass/pages/page-accueil.scss +++ b/web/app/themes/haiku-atelier-2024/src/sass/pages/page-accueil.scss @@ -1,10 +1,10 @@ -// Styles pour la page d'accueil +// Styles pour la Page d'accueil #page-accueil { - /* Dimensions */ - --hauteur-conteneur: calc(100svh - var(--en-tete-hauteur) - var(--pied-de-page-hauteur)); + // Dimensions + --hauteur-conteneur: var(--contenu-page-hauteur-minimale-sans-categories); - /* Marges */ + // Marges --page-marges-bloc-debut: var(--en-tete-hauteur); overflow: hidden; @@ -37,8 +37,7 @@ max-height: var(--hauteur-conteneur); &[data-cache] { - visibility: hidden; - opacity: 0; + display: none; } picture { diff --git a/web/app/themes/haiku-atelier-2024/src/sass/pages/page-boutique.scss b/web/app/themes/haiku-atelier-2024/src/sass/pages/page-boutique.scss index 26b2549b..f80877b7 100644 --- a/web/app/themes/haiku-atelier-2024/src/sass/pages/page-boutique.scss +++ b/web/app/themes/haiku-atelier-2024/src/sass/pages/page-boutique.scss @@ -7,6 +7,7 @@ text-align: center; button { + height: initial; margin: auto; padding: var(--espace-xl) 0; } diff --git a/web/app/themes/haiku-atelier-2024/src/sass/pages/page-contact.scss b/web/app/themes/haiku-atelier-2024/src/sass/pages/page-contact.scss index ffb4f2cb..38ac46a3 100644 --- a/web/app/themes/haiku-atelier-2024/src/sass/pages/page-contact.scss +++ b/web/app/themes/haiku-atelier-2024/src/sass/pages/page-contact.scss @@ -1,12 +1,12 @@ -// Styles pour la Page Contact. +// Styles pour la Page Contact #page-contact { - /* Dimensions */ + // Dimensions --page-hauteur-minimale: calc( 100svh - var(--en-tete-hauteur) - var(--pied-de-page-hauteur) - var(--espace-xl) - 1px ); - /* Marges */ + // Marges --page-marges-bloc-debut: var(--en-tete-hauteur); display: flex; diff --git a/web/app/themes/haiku-atelier-2024/src/scripts/scripts-menu-categories.ts b/web/app/themes/haiku-atelier-2024/src/scripts/scripts-menu-categories.ts new file mode 100644 index 00000000..254378e3 --- /dev/null +++ b/web/app/themes/haiku-atelier-2024/src/scripts/scripts-menu-categories.ts @@ -0,0 +1,4 @@ +/** Scripts pour le Menu des Catégories de Produits */ + +document.addEventListener("DOMContentLoaded", (): void => { +}); diff --git a/web/app/themes/haiku-atelier-2024/src/scripts/scripts-page-accueil.ts b/web/app/themes/haiku-atelier-2024/src/scripts/scripts-page-accueil.ts index a29b3574..289aeaf4 100644 --- a/web/app/themes/haiku-atelier-2024/src/scripts/scripts-page-accueil.ts +++ b/web/app/themes/haiku-atelier-2024/src/scripts/scripts-page-accueil.ts @@ -3,7 +3,6 @@ import { ATTRIBUT_ARIA_HIDDEN, ATTRIBUT_CACHE, - ATTRIBUT_INDEX, SELECTEUR_CONTENEUR_STORYTELLING, SELECTEUR_IMAGES_STORYTELLING, } from "./constantes/dom.ts"; @@ -12,50 +11,46 @@ import { recupereElementDansDocumentOuLeve, recupereElementsDansDocumentOuLeve } const initialiseScrollStorytelling = (): void => { /** Le Conteneur des images du storytelling. */ - const CONTENEUR_STORYTELLING = recupereElementDansDocumentOuLeve(SELECTEUR_CONTENEUR_STORYTELLING); + const STORYTELLING = recupereElementDansDocumentOuLeve(SELECTEUR_CONTENEUR_STORYTELLING); + const CONTENEUR_STORYTELLING = recupereElementDansDocumentOuLeve(".storytelling__conteneur"); /** Les Images du storytelling. */ const IMAGES_STORYTELLING = recupereElementsDansDocumentOuLeve(SELECTEUR_IMAGES_STORYTELLING); + /** Hauteur d'image */ + const HAUTEUR_IMAGE = IMAGES_STORYTELLING.at(0)?.getBoundingClientRect().height ?? 0; // Variables mutables /** La position du défilement (en pixels) du Conteneur des images du storytelling. */ let positionDefilementConteneur = 0; - /** Booléen permettant de limiter le rafraîchissement des images du storytelling. */ - let aucunRafraichissement = false; + + const changeVisibiliteImage = (image: HTMLDivElement, visible: boolean) => { + image.toggleAttribute(ATTRIBUT_CACHE, visible); + image.toggleAttribute(ATTRIBUT_ARIA_HIDDEN, visible); + }; + + CONTENEUR_STORYTELLING.style.minHeight = `${String(HAUTEUR_IMAGE * IMAGES_STORYTELLING.length + 1)}px`; + CONTENEUR_STORYTELLING.style.maxHeight = `${String(HAUTEUR_IMAGE * IMAGES_STORYTELLING.length + 1)}px`; const majImages = (): void => { - // Limite le rafraîchissement des images - if (!aucunRafraichissement) { - window.requestAnimationFrame((): void => { - const changeVisibiliteImage = (image: HTMLDivElement, visible: boolean) => { - image.toggleAttribute(ATTRIBUT_CACHE, visible); - image.toggleAttribute(ATTRIBUT_ARIA_HIDDEN, visible); - }; + // Met à jour la position du défilement dans le Conteneur + positionDefilementConteneur = STORYTELLING.scrollTop; - // Met à jour la position du défilement dans le Conteneur - positionDefilementConteneur = CONTENEUR_STORYTELLING.scrollTop; + console.time(); + // Met à jour l'attribut de visibilité des images en fonction du défilement + IMAGES_STORYTELLING.forEach((image: HTMLDivElement, index: number): void => { + const debutYImage = HAUTEUR_IMAGE * (index - 1); + const finYImage = HAUTEUR_IMAGE * index; - // Met à jour l'attribut de visibilité des images en fonction du défilement - IMAGES_STORYTELLING.forEach((image: HTMLDivElement): void => { - const indexImage = Number(image.getAttribute(ATTRIBUT_INDEX)); - const hauteurImage = image.getBoundingClientRect().height; - const debutYImage = hauteurImage * (indexImage - 1); - const finYImage = hauteurImage * indexImage; - - estEntreDeuxNombres(positionDefilementConteneur, debutYImage, finYImage) - ? changeVisibiliteImage(image, false) - : changeVisibiliteImage(image, true); - }); - - aucunRafraichissement = false; - }); - aucunRafraichissement = true; - } + estEntreDeuxNombres(positionDefilementConteneur, debutYImage, finYImage) + ? changeVisibiliteImage(image, false) + : changeVisibiliteImage(image, true); + }); + console.timeEnd(); }; // Initialise l'Observateur de Redimensionnement (ResizeObserver) - new ResizeObserver((): void => majImages()).observe(CONTENEUR_STORYTELLING); + // new ResizeObserver((): void => majImages()).observe(STORYTELLING); // Initialise la mise à jour des images au défilement sur le Conteneur - CONTENEUR_STORYTELLING.addEventListener("scroll", (): void => majImages()); + STORYTELLING.addEventListener("scroll", (): void => majImages()); }; document.addEventListener("DOMContentLoaded", (): void => { diff --git a/web/app/themes/haiku-atelier-2024/taxonomy-product_cat.php b/web/app/themes/haiku-atelier-2024/taxonomy-product_cat.php index 46e7d6eb..1703713c 100644 --- a/web/app/themes/haiku-atelier-2024/taxonomy-product_cat.php +++ b/web/app/themes/haiku-atelier-2024/taxonomy-product_cat.php @@ -33,9 +33,9 @@ $contexte["id_categorie_produits"] = $id_categorie_produits; function charge_scripts_page_archive_produits(): void { wp_enqueue_style( handle: "haiku-atelier-2024-styles-page-boutique", - src: get_template_directory_uri() . "/assets/css/pages/page-boutique.min.css", + src: get_template_directory_uri() . "/assets/css/pages/page-boutique.css", deps: [], - ver: filemtime(get_template_directory() . "/assets/css/pages/page-boutique.min.css"), + ver: filemtime(get_template_directory() . "/assets/css/pages/page-boutique.css"), media: "all", ); wp_enqueue_script_module( diff --git a/web/app/themes/haiku-atelier-2024/views/a-propos.twig b/web/app/themes/haiku-atelier-2024/views/a-propos.twig index 3c9f7918..4a4465e7 100644 --- a/web/app/themes/haiku-atelier-2024/views/a-propos.twig +++ b/web/app/themes/haiku-atelier-2024/views/a-propos.twig @@ -10,89 +10,6 @@ images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/about/haikuabout", "", dimensions_image[0], dimensions_image[1], "") }} -
-

- Haïkus are short japanese poems written in three lines to capture the beauty of small details in the - everyday life. -

- -

More than poetry, it’s a philosophy.

-
- -
-

- Haiku Atelier creates minimalist and subtil jewelry with an edgy twist, trying to distillate some poetry - through those small objects. -

- -

- Handcrafted with care in sustainable materials, each pieces has its uniqueness and is made to last. -

-
- -
-

- After learning the art of jewelry making for two years in Paris, Manon Designere launched the brand Haiku, - gleaning into the Japanese minimalist aesthetic. -

- -

- Now based in Brussels, she still makes everything by hand, pouring her soul into her work to share her - vision of the world. -

-
- -
-

Here you can see some of the tools used at the studio.

-

- From sketches to models, from soldering to polishing, the numerous steps behind each piece are what makes it - so unique. -

-

A touch of animism to value handcrafted objects, restrain mass production and lead toward slow

- life. -
- -
-

- We pay a lot of attention choosing the materials we work on: all of the pieces are made in 80% recycled - sterling silver. -

-

- We also choose to propose many designs in a mix of sterling silver and silver gilded parts to avoid relying - too much on the gold plating process, which can be pollutant. -

-

- The packagings are also carefully selected, produced nearby, made in eco-friendly coton or paper. Our gift - bags are even handmade in dead-stock fabrics. -

-
- -
-

- We hope that those small objects will move you, as we are moved by the beauty hidden behind a ray of - sunshine, a leaf falling from a branch, the smell of an old book, the song of birds before dawn... -

-

Haiku jewelry are like a bit of poetry to wear everywhere.

-
- {# Épingles #}