flayks/housesof
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

[wip] Rework About page

Browse Source
This commit is contained in:
Félix Péault
2022-09-07 23:59:49 +02:00
parent e9fa0d3532
commit 28ed5c4f94
7 changed files with 802 additions and 598 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
package.json
View File

@@ -19,7 +19,7 @@
"dayjs": "^1.11.5", "dayjs": "^1.11.5",
"embla-carousel": "^7.0.2", "embla-carousel": "^7.0.2",
"focus-visible": "^5.2.0", "focus-visible": "^5.2.0",
"motion": "^10.14.1", "motion": "^10.14.2",
"ogl": "^0.0.97", "ogl": "^0.0.97",
"sanitize.css": "^13.0.0", "sanitize.css": "^13.0.0",
"tweakpane": "^3.1.0" "tweakpane": "^3.1.0"
@@ -28,9 +28,9 @@
"@sveltejs/adapter-auto": "^1.0.0-next.71", "@sveltejs/adapter-auto": "^1.0.0-next.71",
"@sveltejs/adapter-node": "^1.0.0-next.88", "@sveltejs/adapter-node": "^1.0.0-next.88",
"@sveltejs/adapter-vercel": "^1.0.0-next.72", "@sveltejs/adapter-vercel": "^1.0.0-next.72",
"@sveltejs/kit": "^1.0.0-next.460", "@sveltejs/kit": "^1.0.0-next.476",
"@typescript-eslint/eslint-plugin": "^5.36.1", "@typescript-eslint/eslint-plugin": "^5.36.2",
"@typescript-eslint/parser": "^5.36.1", "@typescript-eslint/parser": "^5.36.2",
"browserslist": "^4.21.3", "browserslist": "^4.21.3",
"cssnano": "^5.1.13", "cssnano": "^5.1.13",
"eslint": "^8.23.0", "eslint": "^8.23.0",
@@ -38,16 +38,16 @@
"postcss": "^8.4.16", "postcss": "^8.4.16",
"postcss-focus-visible": "^7.1.0", "postcss-focus-visible": "^7.1.0",
"postcss-normalize": "^10.0.1", "postcss-normalize": "^10.0.1",
"postcss-preset-env": "^7.8.0", "postcss-preset-env": "^7.8.1",
"postcss-sort-media-queries": "^4.2.1", "postcss-sort-media-queries": "^4.3.0",
"sass": "^1.54.8", "sass": "^1.54.8",
"svelte": "^3.49.0", "svelte": "github:baseballyama/svelte#fix/7828",
"svelte-check": "^2.9.0", "svelte-check": "^2.9.0",
"svelte-preprocess": "^4.10.7", "svelte-preprocess": "^4.10.7",
"swell-node": "^4.0.10", "swell-node": "^4.0.10",
"tslib": "^2.4.0", "tslib": "^2.4.0",
"typescript": "^4.8.2", "typescript": "^4.8.2",
"vite": "^3.1.0-beta.1" "vite": "^3.1.0"
}, },
"type": "module", "type": "module",
"browserslist": [ "browserslist": [

488
pnpm-lock.yaml generated
View File

@@ -5,9 +5,9 @@ specifiers:
'@sveltejs/adapter-auto': ^1.0.0-next.71 '@sveltejs/adapter-auto': ^1.0.0-next.71
'@sveltejs/adapter-node': ^1.0.0-next.88 '@sveltejs/adapter-node': ^1.0.0-next.88
'@sveltejs/adapter-vercel': ^1.0.0-next.72 '@sveltejs/adapter-vercel': ^1.0.0-next.72
'@sveltejs/kit': ^1.0.0-next.460 '@sveltejs/kit': ^1.0.0-next.476
'@typescript-eslint/eslint-plugin': ^5.36.1 '@typescript-eslint/eslint-plugin': ^5.36.2
'@typescript-eslint/parser': ^5.36.1 '@typescript-eslint/parser': ^5.36.2
browserslist: ^4.21.3 browserslist: ^4.21.3
cssnano: ^5.1.13 cssnano: ^5.1.13
dayjs: ^1.11.5 dayjs: ^1.11.5
@@ -15,30 +15,30 @@ specifiers:
eslint: ^8.23.0 eslint: ^8.23.0
eslint-plugin-svelte3: ^4.0.0 eslint-plugin-svelte3: ^4.0.0
focus-visible: ^5.2.0 focus-visible: ^5.2.0
motion: ^10.14.1 motion: ^10.14.2
ogl: ^0.0.97 ogl: ^0.0.97
postcss: ^8.4.16 postcss: ^8.4.16
postcss-focus-visible: ^7.1.0 postcss-focus-visible: ^7.1.0
postcss-normalize: ^10.0.1 postcss-normalize: ^10.0.1
postcss-preset-env: ^7.8.0 postcss-preset-env: ^7.8.1
postcss-sort-media-queries: ^4.2.1 postcss-sort-media-queries: ^4.3.0
sanitize.css: ^13.0.0 sanitize.css: ^13.0.0
sass: ^1.54.8 sass: ^1.54.8
svelte: ^3.49.0 svelte: github:baseballyama/svelte#fix/7828
svelte-check: ^2.9.0 svelte-check: ^2.9.0
svelte-preprocess: ^4.10.7 svelte-preprocess: ^4.10.7
swell-node: ^4.0.10 swell-node: ^4.0.10
tslib: ^2.4.0 tslib: ^2.4.0
tweakpane: ^3.1.0 tweakpane: ^3.1.0
typescript: ^4.8.2 typescript: ^4.8.2
vite: ^3.1.0-beta.1 vite: ^3.1.0
dependencies: dependencies:
'@studio-freight/lenis': 0.1.18 '@studio-freight/lenis': 0.1.18
dayjs: 1.11.5 dayjs: 1.11.5
embla-carousel: 7.0.2 embla-carousel: 7.0.2
focus-visible: 5.2.0 focus-visible: 5.2.0
motion: 10.14.1 motion: 10.14.2
ogl: 0.0.97 ogl: 0.0.97
sanitize.css: 13.0.0 sanitize.css: 13.0.0
tweakpane: 3.1.0 tweakpane: 3.1.0
@@ -47,39 +47,39 @@ devDependencies:
'@sveltejs/adapter-auto': 1.0.0-next.71 '@sveltejs/adapter-auto': 1.0.0-next.71
'@sveltejs/adapter-node': 1.0.0-next.88 '@sveltejs/adapter-node': 1.0.0-next.88
'@sveltejs/adapter-vercel': 1.0.0-next.72 '@sveltejs/adapter-vercel': 1.0.0-next.72
'@sveltejs/kit': 1.0.0-next.460_fhgkwirxvgjw2igda6zmhiisma '@sveltejs/kit': 1.0.0-next.476_svelte@3.50.0+vite@3.1.0
'@typescript-eslint/eslint-plugin': 5.36.1_lbwfnm54o3pmr3ypeqp3btnera '@typescript-eslint/eslint-plugin': 5.36.2_iurrlxgqcgk5svigzxakafpeuu
'@typescript-eslint/parser': 5.36.1_yqf6kl63nyoq5megxukfnom5rm '@typescript-eslint/parser': 5.36.2_yqf6kl63nyoq5megxukfnom5rm
browserslist: 4.21.3 browserslist: 4.21.3
cssnano: 5.1.13_postcss@8.4.16 cssnano: 5.1.13_postcss@8.4.16
eslint: 8.23.0 eslint: 8.23.0
eslint-plugin-svelte3: 4.0.0_sfdub7vxhxkt5wmgvhhmmgyu2e eslint-plugin-svelte3: 4.0.0_sc4laremvjv7grvyfrqmp3xv5q
postcss: 8.4.16 postcss: 8.4.16
postcss-focus-visible: 7.1.0_postcss@8.4.16 postcss-focus-visible: 7.1.0_postcss@8.4.16
postcss-normalize: 10.0.1_mu2kzpkteq3ketk6piffleamkq postcss-normalize: 10.0.1_mu2kzpkteq3ketk6piffleamkq
postcss-preset-env: 7.8.0_postcss@8.4.16 postcss-preset-env: 7.8.1_postcss@8.4.16
postcss-sort-media-queries: 4.2.1_postcss@8.4.16 postcss-sort-media-queries: 4.3.0_postcss@8.4.16
sass: 1.54.8 sass: 1.54.8
svelte: 3.49.0 svelte: github.com/baseballyama/svelte/60d5418681b48aca803dd48cd1446649db80d141
svelte-check: 2.9.0_f5urgkboyys3wbiivxj4sltznu svelte-check: 2.9.0_rjdoehgmjsjjgqiald4wewriby
svelte-preprocess: 4.10.7_pxxiereockejw5abpwoddd4ivy svelte-preprocess: 4.10.7_xall5v2ndd26memt654fbj5nvq
swell-node: 4.0.10 swell-node: 4.0.10
tslib: 2.4.0 tslib: 2.4.0
typescript: 4.8.2 typescript: 4.8.2
vite: 3.1.0-beta.1_sass@1.54.8 vite: 3.1.0_sass@1.54.8
packages: packages:
/@cloudflare/workers-types/3.15.0: /@cloudflare/workers-types/3.16.0:
resolution: {integrity: sha512-meL/Afy5qdIsgfdnlbVfcYUh/YjHk23EWUvgmULf6iDrDbrBcd+fse2os3CC7rxSfScdP1OqJVTHgRSEjUm/Pw==} resolution: {integrity: sha512-gaBUSaKS65mN3iKZEgichbXYEmAa/pXkc5Gbt+1BptYphdGkj09ggdsiE4w8g0F/uI1g36QaTKrzVnBAWMipvQ==}
dev: true dev: true
/@csstools/normalize.css/12.0.0: /@csstools/normalize.css/12.0.0:
resolution: {integrity: sha512-M0qqxAcwCsIVfpFQSlGN5XjXWu8l5JDZN+fPt1LeW5SZexQTgnaEvgXAY+CeygRw0EeppWHi12JxESWiWrB0Sg==} resolution: {integrity: sha512-M0qqxAcwCsIVfpFQSlGN5XjXWu8l5JDZN+fPt1LeW5SZexQTgnaEvgXAY+CeygRw0EeppWHi12JxESWiWrB0Sg==}
dev: true dev: true
/@csstools/postcss-cascade-layers/1.0.5_postcss@8.4.16: /@csstools/postcss-cascade-layers/1.0.6_postcss@8.4.16:
resolution: {integrity: sha512-Id/9wBT7FkgFzdEpiEWrsVd4ltDxN0rI0QS0SChbeQiSuux3z21SJCRLu6h2cvCEUmaRi+VD0mHFj+GJD4GFnw==} resolution: {integrity: sha512-ei4Vh4AJwTCXTNj7uzwduoZDO7nLPksQ0TI7OzUlyFq4P4Uhu6hU7R4AlLimDP/s6D3PQdHmRL4f7UOy370UHA==}
engines: {node: ^12 || ^14 || >=16} engines: {node: ^12 || ^14 || >=16}
peerDependencies: peerDependencies:
postcss: ^8.2 postcss: ^8.2
@@ -242,6 +242,15 @@ packages:
dev: true dev: true
optional: true optional: true
/@esbuild/linux-loong64/0.15.7:
resolution: {integrity: sha512-IKznSJOsVUuyt7cDzzSZyqBEcZe+7WlBqTVXiF1OXP/4Nm387ToaXZ0fyLwI1iBlI/bzpxVq411QE2/Bt2XWWw==}
engines: {node: '>=12'}
cpu: [loong64]
os: [linux]
requiresBuild: true
dev: true
optional: true
/@eslint/eslintrc/1.3.1: /@eslint/eslintrc/1.3.1:
resolution: {integrity: sha512-OhSY22oQQdw3zgPOOwdoj01l/Dzl1Z+xyUP33tkSN+aqyEhymJCcPHyXt+ylW8FSe0TfRC2VG+ROQOapD0aZSQ==} resolution: {integrity: sha512-OhSY22oQQdw3zgPOOwdoj01l/Dzl1Z+xyUP33tkSN+aqyEhymJCcPHyXt+ylW8FSe0TfRC2VG+ROQOapD0aZSQ==}
engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0} engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -303,8 +312,8 @@ packages:
'@jridgewell/sourcemap-codec': 1.4.14 '@jridgewell/sourcemap-codec': 1.4.14
dev: true dev: true
/@mapbox/node-pre-gyp/1.0.9: /@mapbox/node-pre-gyp/1.0.10:
resolution: {integrity: sha512-aDF3S3rK9Q2gey/WAttUlISduDItz5BU3306M9Eyv6/oS40aMprnopshtlKTykxRNIBEZuRMaZAnbrQ4QtKGyw==} resolution: {integrity: sha512-4ySo4CjzStuprMwk35H5pPbkymjv1SF3jGLj6rAHp/xT/RF7TL7bd9CTm1xDY49K2qF7jmR/g7k+SkLETP6opA==}
hasBin: true hasBin: true
dependencies: dependencies:
detect-libc: 2.0.1 detect-libc: 2.0.1
@@ -330,8 +339,8 @@ packages:
tslib: 2.4.0 tslib: 2.4.0
dev: false dev: false
/@motionone/dom/10.14.1: /@motionone/dom/10.14.2:
resolution: {integrity: sha512-KdlWDm267Befu90Q4WqFrowTT6XdnIU2Mum/xCF3I03X6jROMwR+gZj9axYoGQfx5lndUyHbzqDglLaYXWzAfQ==} resolution: {integrity: sha512-GbGtvTSelXfT4TeQUQ3Y31PllAu0Uvghqr68FSPAJsh1hjbuYPaiPJWpP6+t/t50cHtvUbl4m2SgnGKJ0NCgWA==}
dependencies: dependencies:
'@motionone/animation': 10.14.0 '@motionone/animation': 10.14.0
'@motionone/generators': 10.14.0 '@motionone/generators': 10.14.0
@@ -356,10 +365,10 @@ packages:
tslib: 2.4.0 tslib: 2.4.0
dev: false dev: false
/@motionone/svelte/10.14.1: /@motionone/svelte/10.14.2:
resolution: {integrity: sha512-v4w2POtz04UgY1FspuRC753nvl9Ehw3o8twYeD2tkM4SAj9qW1WaX1q6jOtrFI7fjBP3qMzB1fOEl38sbeOu4g==} resolution: {integrity: sha512-WKgER0eH7b8q0/ODElHIbzMM3uIINdcdCw87jf7xqs4daidsy6e1ckh2XJF2Z8zyWyUEtO4VHvGumRX7EjrxFA==}
dependencies: dependencies:
'@motionone/dom': 10.14.1 '@motionone/dom': 10.14.2
tslib: 2.4.0 tslib: 2.4.0
dev: false dev: false
@@ -375,10 +384,10 @@ packages:
tslib: 2.4.0 tslib: 2.4.0
dev: false dev: false
/@motionone/vue/10.14.1: /@motionone/vue/10.14.2:
resolution: {integrity: sha512-C4RMJAbYSBmcUBcyTEOxPE2nkJRCewOfWgPnlCsYfVrV6J9+b11mdC67Z+LL1zped9dnr1jlG0uIST6r2WP8Pg==} resolution: {integrity: sha512-nxC/j4WhOsXxVDUdWHJDUIvHSb97eu0Kn1HNzGp08Fm9WTFkKy0HtJtTqTdkGVks2jB/XBh/FO3wU2OzyDFZNw==}
dependencies: dependencies:
'@motionone/dom': 10.14.1 '@motionone/dom': 10.14.2
tslib: 2.4.0 tslib: 2.4.0
dev: false dev: false
@@ -436,7 +445,7 @@ packages:
/@sveltejs/adapter-cloudflare/1.0.0-next.32: /@sveltejs/adapter-cloudflare/1.0.0-next.32:
resolution: {integrity: sha512-tzkUsdQlBk9xUjcGUOBYos4HKaeaXvz9v4TQ1QS2yIHEtL5xvMEDPZ94/DB2gPL4LZCnYbdY2lsy5HCsoN0hkQ==} resolution: {integrity: sha512-tzkUsdQlBk9xUjcGUOBYos4HKaeaXvz9v4TQ1QS2yIHEtL5xvMEDPZ94/DB2gPL4LZCnYbdY2lsy5HCsoN0hkQ==}
dependencies: dependencies:
'@cloudflare/workers-types': 3.15.0 '@cloudflare/workers-types': 3.16.0
esbuild: 0.14.54 esbuild: 0.14.54
worktop: 0.8.0-next.14 worktop: 0.8.0-next.14
dev: true dev: true
@@ -459,25 +468,25 @@ packages:
/@sveltejs/adapter-vercel/1.0.0-next.72: /@sveltejs/adapter-vercel/1.0.0-next.72:
resolution: {integrity: sha512-oNs8FQaYC2NnwDcvX/jc9MDNqXc9HxwGPQNkd+1vBpFVWZl9mShQgCcOMzfTOIH0ka984jYNa0ZawYYHex79xg==} resolution: {integrity: sha512-oNs8FQaYC2NnwDcvX/jc9MDNqXc9HxwGPQNkd+1vBpFVWZl9mShQgCcOMzfTOIH0ka984jYNa0ZawYYHex79xg==}
dependencies: dependencies:
'@vercel/nft': 0.22.0 '@vercel/nft': 0.22.1
esbuild: 0.14.54 esbuild: 0.14.54
transitivePeerDependencies: transitivePeerDependencies:
- encoding - encoding
- supports-color - supports-color
dev: true dev: true
/@sveltejs/kit/1.0.0-next.460_fhgkwirxvgjw2igda6zmhiisma: /@sveltejs/kit/1.0.0-next.476_svelte@3.50.0+vite@3.1.0:
resolution: {integrity: sha512-bwDkwzEN72+1K5FXqBQGrYOwyA6V5sSSec/A6qXMTfh4uycFTiIQh/e2ki3pxfG0SwijrUo43FEbdKLyBiuDgQ==} resolution: {integrity: sha512-sCd51gwU5eva/bFEQCQDgRc2buNCHC3bk5tLz7uoF7PUkNFFuqJSfkLYd3hs1T3VQWrkH8oU9HK3mJsUKAWe1A==}
engines: {node: '>=16.14'} engines: {node: '>=16.14'}
hasBin: true hasBin: true
requiresBuild: true requiresBuild: true
peerDependencies: peerDependencies:
svelte: ^3.44.0 svelte: ^3.44.0
vite: ^3.1.0-beta.1 vite: ^3.1.0
dependencies: dependencies:
'@sveltejs/vite-plugin-svelte': 1.0.3_fhgkwirxvgjw2igda6zmhiisma '@sveltejs/vite-plugin-svelte': 1.0.5_svelte@3.50.0+vite@3.1.0
cookie: 0.5.0 cookie: 0.5.0
devalue: 3.1.2 devalue: 3.1.3
kleur: 4.1.5 kleur: 4.1.5
magic-string: 0.26.3 magic-string: 0.26.3
mime: 3.0.0 mime: 3.0.0
@@ -485,17 +494,17 @@ packages:
sade: 1.8.1 sade: 1.8.1
set-cookie-parser: 2.5.1 set-cookie-parser: 2.5.1
sirv: 2.0.2 sirv: 2.0.2
svelte: 3.49.0 svelte: github.com/baseballyama/svelte/60d5418681b48aca803dd48cd1446649db80d141
tiny-glob: 0.2.9 tiny-glob: 0.2.9
undici: 5.10.0 undici: 5.10.0
vite: 3.1.0-beta.1_sass@1.54.8 vite: 3.1.0_sass@1.54.8
transitivePeerDependencies: transitivePeerDependencies:
- diff-match-patch - diff-match-patch
- supports-color - supports-color
dev: true dev: true
/@sveltejs/vite-plugin-svelte/1.0.3_fhgkwirxvgjw2igda6zmhiisma: /@sveltejs/vite-plugin-svelte/1.0.5_svelte@3.50.0+vite@3.1.0:
resolution: {integrity: sha512-0Qu51m2W9RBlxWPp8i31KJpnqmjWMOne8vAzgmOX6ZM9uX+/RAv6BNhEMcNoP5MsyLjyW1ZTCiJoaZZ5EeqpFg==} resolution: {integrity: sha512-CmSdSow0Dr5ua1A11BQMtreWnE0JZmkVIcRU/yG3PKbycKUpXjNdgYTWFSbStLB0vdlGnBbm2+Y4sBVj+C+TIw==}
engines: {node: ^14.18.0 || >= 16} engines: {node: ^14.18.0 || >= 16}
peerDependencies: peerDependencies:
diff-match-patch: ^1.0.5 diff-match-patch: ^1.0.5
@@ -510,9 +519,9 @@ packages:
deepmerge: 4.2.2 deepmerge: 4.2.2
kleur: 4.1.5 kleur: 4.1.5
magic-string: 0.26.3 magic-string: 0.26.3
svelte: 3.49.0 svelte: github.com/baseballyama/svelte/60d5418681b48aca803dd48cd1446649db80d141
svelte-hmr: 0.14.12_svelte@3.49.0 svelte-hmr: 0.14.12_svelte@3.50.0
vite: 3.1.0-beta.1_sass@1.54.8 vite: 3.1.0_sass@1.54.8
transitivePeerDependencies: transitivePeerDependencies:
- supports-color - supports-color
dev: true dev: true
@@ -526,8 +535,8 @@ packages:
resolution: {integrity: sha512-wOuvG1SN4Us4rez+tylwwwCV1psiNVOkJeM3AUWUNWg/jDQY2+HE/444y5gc+jBmRqASOm2Oeh5c1axHobwRKQ==} resolution: {integrity: sha512-wOuvG1SN4Us4rez+tylwwwCV1psiNVOkJeM3AUWUNWg/jDQY2+HE/444y5gc+jBmRqASOm2Oeh5c1axHobwRKQ==}
dev: true dev: true
/@types/node/18.7.14: /@types/node/18.7.15:
resolution: {integrity: sha512-6bbDaETVi8oyIARulOE9qF1/Qdi/23z6emrUh0fNJRUmjznqrixD4MpGDdgOFk5Xb0m2H6Xu42JGdvAxaJR/wA==} resolution: {integrity: sha512-XnjpaI8Bgc3eBag2Aw4t2Uj/49lLBSStHWfqKvIuXD7FIrZyMLWp8KuAFHAqxMZYTF9l08N1ctUn9YNybZJVmQ==}
dev: true dev: true
/@types/pug/2.0.6: /@types/pug/2.0.6:
@@ -537,11 +546,11 @@ packages:
/@types/sass/1.43.1: /@types/sass/1.43.1:
resolution: {integrity: sha512-BPdoIt1lfJ6B7rw35ncdwBZrAssjcwzI5LByIrYs+tpXlj/CAkuVdRsgZDdP4lq5EjyWzwxZCqAoFyHKFwp32g==} resolution: {integrity: sha512-BPdoIt1lfJ6B7rw35ncdwBZrAssjcwzI5LByIrYs+tpXlj/CAkuVdRsgZDdP4lq5EjyWzwxZCqAoFyHKFwp32g==}
dependencies: dependencies:
'@types/node': 18.7.14 '@types/node': 18.7.15
dev: true dev: true
/@typescript-eslint/eslint-plugin/5.36.1_lbwfnm54o3pmr3ypeqp3btnera: /@typescript-eslint/eslint-plugin/5.36.2_iurrlxgqcgk5svigzxakafpeuu:
resolution: {integrity: sha512-iC40UK8q1tMepSDwiLbTbMXKDxzNy+4TfPWgIL661Ym0sD42vRcQU93IsZIrmi+x292DBr60UI/gSwfdVYexCA==} resolution: {integrity: sha512-OwwR8LRwSnI98tdc2z7mJYgY60gf7I9ZfGjN5EjCwwns9bdTuQfAXcsjSB2wSQ/TVNYSGKf4kzVXbNGaZvwiXw==}
engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0} engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
peerDependencies: peerDependencies:
'@typescript-eslint/parser': ^5.0.0 '@typescript-eslint/parser': ^5.0.0
@@ -551,10 +560,10 @@ packages:
typescript: typescript:
optional: true optional: true
dependencies: dependencies:
'@typescript-eslint/parser': 5.36.1_yqf6kl63nyoq5megxukfnom5rm '@typescript-eslint/parser': 5.36.2_yqf6kl63nyoq5megxukfnom5rm
'@typescript-eslint/scope-manager': 5.36.1 '@typescript-eslint/scope-manager': 5.36.2
'@typescript-eslint/type-utils': 5.36.1_yqf6kl63nyoq5megxukfnom5rm '@typescript-eslint/type-utils': 5.36.2_yqf6kl63nyoq5megxukfnom5rm
'@typescript-eslint/utils': 5.36.1_yqf6kl63nyoq5megxukfnom5rm '@typescript-eslint/utils': 5.36.2_yqf6kl63nyoq5megxukfnom5rm
debug: 4.3.4 debug: 4.3.4
eslint: 8.23.0 eslint: 8.23.0
functional-red-black-tree: 1.0.1 functional-red-black-tree: 1.0.1
@@ -567,8 +576,8 @@ packages:
- supports-color - supports-color
dev: true dev: true
/@typescript-eslint/parser/5.36.1_yqf6kl63nyoq5megxukfnom5rm: /@typescript-eslint/parser/5.36.2_yqf6kl63nyoq5megxukfnom5rm:
resolution: {integrity: sha512-/IsgNGOkBi7CuDfUbwt1eOqUXF9WGVBW9dwEe1pi+L32XrTsZIgmDFIi2RxjzsvB/8i+MIf5JIoTEH8LOZ368A==} resolution: {integrity: sha512-qS/Kb0yzy8sR0idFspI9Z6+t7mqk/oRjnAYfewG+VN73opAUvmYL3oPIMmgOX6CnQS6gmVIXGshlb5RY/R22pA==}
engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0} engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
peerDependencies: peerDependencies:
eslint: ^6.0.0 || ^7.0.0 || ^8.0.0 eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
@@ -577,9 +586,9 @@ packages:
typescript: typescript:
optional: true optional: true
dependencies: dependencies:
'@typescript-eslint/scope-manager': 5.36.1 '@typescript-eslint/scope-manager': 5.36.2
'@typescript-eslint/types': 5.36.1 '@typescript-eslint/types': 5.36.2
'@typescript-eslint/typescript-estree': 5.36.1_typescript@4.8.2 '@typescript-eslint/typescript-estree': 5.36.2_typescript@4.8.2
debug: 4.3.4 debug: 4.3.4
eslint: 8.23.0 eslint: 8.23.0
typescript: 4.8.2 typescript: 4.8.2
@@ -587,16 +596,16 @@ packages:
- supports-color - supports-color
dev: true dev: true
/@typescript-eslint/scope-manager/5.36.1: /@typescript-eslint/scope-manager/5.36.2:
resolution: {integrity: sha512-pGC2SH3/tXdu9IH3ItoqciD3f3RRGCh7hb9zPdN2Drsr341zgd6VbhP5OHQO/reUqihNltfPpMpTNihFMarP2w==} resolution: {integrity: sha512-cNNP51L8SkIFSfce8B1NSUBTJTu2Ts4nWeWbFrdaqjmn9yKrAaJUBHkyTZc0cL06OFHpb+JZq5AUHROS398Orw==}
engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0} engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
dependencies: dependencies:
'@typescript-eslint/types': 5.36.1 '@typescript-eslint/types': 5.36.2
'@typescript-eslint/visitor-keys': 5.36.1 '@typescript-eslint/visitor-keys': 5.36.2
dev: true dev: true
/@typescript-eslint/type-utils/5.36.1_yqf6kl63nyoq5megxukfnom5rm: /@typescript-eslint/type-utils/5.36.2_yqf6kl63nyoq5megxukfnom5rm:
resolution: {integrity: sha512-xfZhfmoQT6m3lmlqDvDzv9TiCYdw22cdj06xY0obSznBsT///GK5IEZQdGliXpAOaRL34o8phEvXzEo/VJx13Q==} resolution: {integrity: sha512-rPQtS5rfijUWLouhy6UmyNquKDPhQjKsaKH0WnY6hl/07lasj8gPaH2UD8xWkePn6SC+jW2i9c2DZVDnL+Dokw==}
engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0} engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
peerDependencies: peerDependencies:
eslint: '*' eslint: '*'
@@ -605,8 +614,8 @@ packages:
typescript: typescript:
optional: true optional: true
dependencies: dependencies:
'@typescript-eslint/typescript-estree': 5.36.1_typescript@4.8.2 '@typescript-eslint/typescript-estree': 5.36.2_typescript@4.8.2
'@typescript-eslint/utils': 5.36.1_yqf6kl63nyoq5megxukfnom5rm '@typescript-eslint/utils': 5.36.2_yqf6kl63nyoq5megxukfnom5rm
debug: 4.3.4 debug: 4.3.4
eslint: 8.23.0 eslint: 8.23.0
tsutils: 3.21.0_typescript@4.8.2 tsutils: 3.21.0_typescript@4.8.2
@@ -615,13 +624,13 @@ packages:
- supports-color - supports-color
dev: true dev: true
/@typescript-eslint/types/5.36.1: /@typescript-eslint/types/5.36.2:
resolution: {integrity: sha512-jd93ShpsIk1KgBTx9E+hCSEuLCUFwi9V/urhjOWnOaksGZFbTOxAT47OH2d4NLJnLhkVD+wDbB48BuaycZPLBg==} resolution: {integrity: sha512-9OJSvvwuF1L5eS2EQgFUbECb99F0mwq501w0H0EkYULkhFa19Qq7WFbycdw1PexAc929asupbZcgjVIe6OK/XQ==}
engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0} engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
dev: true dev: true
/@typescript-eslint/typescript-estree/5.36.1_typescript@4.8.2: /@typescript-eslint/typescript-estree/5.36.2_typescript@4.8.2:
resolution: {integrity: sha512-ih7V52zvHdiX6WcPjsOdmADhYMDN15SylWRZrT2OMy80wzKbc79n8wFW0xpWpU0x3VpBz/oDgTm2xwDAnFTl+g==} resolution: {integrity: sha512-8fyH+RfbKc0mTspfuEjlfqA4YywcwQK2Amcf6TDOwaRLg7Vwdu4bZzyvBZp4bjt1RRjQ5MDnOZahxMrt2l5v9w==}
engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0} engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
peerDependencies: peerDependencies:
typescript: '*' typescript: '*'
@@ -629,8 +638,8 @@ packages:
typescript: typescript:
optional: true optional: true
dependencies: dependencies:
'@typescript-eslint/types': 5.36.1 '@typescript-eslint/types': 5.36.2
'@typescript-eslint/visitor-keys': 5.36.1 '@typescript-eslint/visitor-keys': 5.36.2
debug: 4.3.4 debug: 4.3.4
globby: 11.1.0 globby: 11.1.0
is-glob: 4.0.3 is-glob: 4.0.3
@@ -641,16 +650,16 @@ packages:
- supports-color - supports-color
dev: true dev: true
/@typescript-eslint/utils/5.36.1_yqf6kl63nyoq5megxukfnom5rm: /@typescript-eslint/utils/5.36.2_yqf6kl63nyoq5megxukfnom5rm:
resolution: {integrity: sha512-lNj4FtTiXm5c+u0pUehozaUWhh7UYKnwryku0nxJlYUEWetyG92uw2pr+2Iy4M/u0ONMKzfrx7AsGBTCzORmIg==} resolution: {integrity: sha512-uNcopWonEITX96v9pefk9DC1bWMdkweeSsewJ6GeC7L6j2t0SJywisgkr9wUTtXk90fi2Eljj90HSHm3OGdGRg==}
engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0} engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
peerDependencies: peerDependencies:
eslint: ^6.0.0 || ^7.0.0 || ^8.0.0 eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
dependencies: dependencies:
'@types/json-schema': 7.0.11 '@types/json-schema': 7.0.11
'@typescript-eslint/scope-manager': 5.36.1 '@typescript-eslint/scope-manager': 5.36.2
'@typescript-eslint/types': 5.36.1 '@typescript-eslint/types': 5.36.2
'@typescript-eslint/typescript-estree': 5.36.1_typescript@4.8.2 '@typescript-eslint/typescript-estree': 5.36.2_typescript@4.8.2
eslint: 8.23.0 eslint: 8.23.0
eslint-scope: 5.1.1 eslint-scope: 5.1.1
eslint-utils: 3.0.0_eslint@8.23.0 eslint-utils: 3.0.0_eslint@8.23.0
@@ -659,19 +668,19 @@ packages:
- typescript - typescript
dev: true dev: true
/@typescript-eslint/visitor-keys/5.36.1: /@typescript-eslint/visitor-keys/5.36.2:
resolution: {integrity: sha512-ojB9aRyRFzVMN3b5joSYni6FAS10BBSCAfKJhjJAV08t/a95aM6tAhz+O1jF+EtgxktuSO3wJysp2R+Def/IWQ==} resolution: {integrity: sha512-BtRvSR6dEdrNt7Net2/XDjbYKU5Ml6GqJgVfXT0CxTCJlnIqK7rAGreuWKMT2t8cFUT2Msv5oxw0GMRD7T5J7A==}
engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0} engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
dependencies: dependencies:
'@typescript-eslint/types': 5.36.1 '@typescript-eslint/types': 5.36.2
eslint-visitor-keys: 3.3.0 eslint-visitor-keys: 3.3.0
dev: true dev: true
/@vercel/nft/0.22.0: /@vercel/nft/0.22.1:
resolution: {integrity: sha512-hB80/093PPiCefN2gVbqv6J93MH+63Zr7uDCwkiS/U4W07DXkLoftbnkBmZoS0Q84LiTSl9DRVSHU4XYCX+sJA==} resolution: {integrity: sha512-lYYZIoxRurqDOSoVIdBicGnpUIpfyaS5qVjdPq+EfI285WqtZK3NK/dyCkiyBul+X2U2OEhRyeMdXPCHGJbohw==}
hasBin: true hasBin: true
dependencies: dependencies:
'@mapbox/node-pre-gyp': 1.0.9 '@mapbox/node-pre-gyp': 1.0.10
acorn: 8.8.0 acorn: 8.8.0
async-sema: 3.1.1 async-sema: 3.1.1
bindings: 1.5.0 bindings: 1.5.0
@@ -776,7 +785,7 @@ packages:
postcss: ^8.1.0 postcss: ^8.1.0
dependencies: dependencies:
browserslist: 4.21.3 browserslist: 4.21.3
caniuse-lite: 1.0.30001387 caniuse-lite: 1.0.30001390
fraction.js: 4.2.0 fraction.js: 4.2.0
normalize-range: 0.1.2 normalize-range: 0.1.2
picocolors: 1.0.0 picocolors: 1.0.0
@@ -822,10 +831,10 @@ packages:
engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7} engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
hasBin: true hasBin: true
dependencies: dependencies:
caniuse-lite: 1.0.30001387 caniuse-lite: 1.0.30001390
electron-to-chromium: 1.4.239 electron-to-chromium: 1.4.243
node-releases: 2.0.6 node-releases: 2.0.6
update-browserslist-db: 1.0.5_browserslist@4.21.3 update-browserslist-db: 1.0.7_browserslist@4.21.3
dev: true dev: true
/buffer-crc32/0.2.13: /buffer-crc32/0.2.13:
@@ -841,13 +850,13 @@ packages:
resolution: {integrity: sha512-bsTwuIg/BZZK/vreVTYYbSWoe2F+71P7K5QGEX+pT250DZbfU1MQ5prOKpPR+LL6uWKK3KMwMCAS74QB3Um1uw==} resolution: {integrity: sha512-bsTwuIg/BZZK/vreVTYYbSWoe2F+71P7K5QGEX+pT250DZbfU1MQ5prOKpPR+LL6uWKK3KMwMCAS74QB3Um1uw==}
dependencies: dependencies:
browserslist: 4.21.3 browserslist: 4.21.3
caniuse-lite: 1.0.30001387 caniuse-lite: 1.0.30001390
lodash.memoize: 4.1.2 lodash.memoize: 4.1.2
lodash.uniq: 4.5.0 lodash.uniq: 4.5.0
dev: true dev: true
/caniuse-lite/1.0.30001387: /caniuse-lite/1.0.30001390:
resolution: {integrity: sha512-fKDH0F1KOJvR+mWSOvhj8lVRr/Q/mc5u5nabU2vi1/sgvlSqEsE8dOq0Hy/BqVbDkCYQPRRHB1WRjW6PGB/7PA==} resolution: {integrity: sha512-sS4CaUM+/+vqQUlCvCJ2WtDlV81aWtHhqeEVkLokVJJa3ViN4zDxAGfq9R8i1m90uGHxo99cy10Od+lvn3hf0g==}
dev: true dev: true
/chalk/4.1.2: /chalk/4.1.2:
@@ -936,8 +945,8 @@ packages:
postcss-selector-parser: 6.0.10 postcss-selector-parser: 6.0.10
dev: true dev: true
/css-declaration-sorter/6.3.0_postcss@8.4.16: /css-declaration-sorter/6.3.1_postcss@8.4.16:
resolution: {integrity: sha512-OGT677UGHJTAVMRhPO+HJ4oKln3wkBTwtDFH0ojbqm+MJm6xuDMHp2nkhh/ThaBqq20IbraBQSWKfSLNHQO9Og==} resolution: {integrity: sha512-fBffmak0bPAnyqc/HO8C3n2sHrp9wcqQz6ES9koRF2/mLOVAx9zIQ3Y7R29sYCteTPqMCwns4WYQoCX91Xl3+w==}
engines: {node: ^10 || ^12 || >=14} engines: {node: ^10 || ^12 || >=14}
peerDependencies: peerDependencies:
postcss: ^8.0.9 postcss: ^8.0.9
@@ -1005,7 +1014,7 @@ packages:
peerDependencies: peerDependencies:
postcss: ^8.2.15 postcss: ^8.2.15
dependencies: dependencies:
css-declaration-sorter: 6.3.0_postcss@8.4.16 css-declaration-sorter: 6.3.1_postcss@8.4.16
cssnano-utils: 3.1.0_postcss@8.4.16 cssnano-utils: 3.1.0_postcss@8.4.16
postcss: 8.4.16 postcss: 8.4.16
postcss-calc: 8.2.4_postcss@8.4.16 postcss-calc: 8.2.4_postcss@8.4.16
@@ -1109,8 +1118,8 @@ packages:
engines: {node: '>=8'} engines: {node: '>=8'}
dev: true dev: true
/devalue/3.1.2: /devalue/3.1.3:
resolution: {integrity: sha512-wUXbMGPAsBx79UF14nsWSsJlC7RcwPlf2w3bGheODWxKx57e9n68ceoijbqCJCEbjyo0S79nqfPwQgyijwLaqw==} resolution: {integrity: sha512-9KO89Cb+qjzf2CqdrH+NuLaqdk9GhDP5EhR4zlkR51dvuIaiqtlkDkGzLMShDemwUy21raSMdu+kpX8Enw3yGQ==}
dev: true dev: true
/dir-glob/3.0.1: /dir-glob/3.0.1:
@@ -1154,8 +1163,8 @@ packages:
domhandler: 4.3.1 domhandler: 4.3.1
dev: true dev: true
/electron-to-chromium/1.4.239: /electron-to-chromium/1.4.243:
resolution: {integrity: sha512-XbhfzxPIFzMjJm17T7yUGZEyYh5XuUjrA/FQ7JUy2bEd4qQ7MvFTaKpZ6zXZog1cfVttESo2Lx0ctnf7eQOaAQ==} resolution: {integrity: sha512-BgLD2gBX43OSXwlT01oYRRD5NIB4n3okTRxkzEAC6G0SZG4TTlyrWMjbOo0fajCwqwpRtMHXQNMjtRN6qpNtfw==}
dev: true dev: true
/embla-carousel/7.0.2: /embla-carousel/7.0.2:
@@ -1183,6 +1192,15 @@ packages:
dev: true dev: true
optional: true optional: true
/esbuild-android-64/0.15.7:
resolution: {integrity: sha512-p7rCvdsldhxQr3YHxptf1Jcd86dlhvc3EQmQJaZzzuAxefO9PvcI0GLOa5nCWem1AJ8iMRu9w0r5TG8pHmbi9w==}
engines: {node: '>=12'}
cpu: [x64]
os: [android]
requiresBuild: true
dev: true
optional: true
/esbuild-android-arm64/0.14.54: /esbuild-android-arm64/0.14.54:
resolution: {integrity: sha512-F9E+/QDi9sSkLaClO8SOV6etqPd+5DgJje1F9lOWoNncDdOBL2YF59IhsWATSt0TLZbYCf3pNlTHvVV5VfHdvg==} resolution: {integrity: sha512-F9E+/QDi9sSkLaClO8SOV6etqPd+5DgJje1F9lOWoNncDdOBL2YF59IhsWATSt0TLZbYCf3pNlTHvVV5VfHdvg==}
engines: {node: '>=12'} engines: {node: '>=12'}
@@ -1192,6 +1210,15 @@ packages:
dev: true dev: true
optional: true optional: true
/esbuild-android-arm64/0.15.7:
resolution: {integrity: sha512-L775l9ynJT7rVqRM5vo+9w5g2ysbOCfsdLV4CWanTZ1k/9Jb3IYlQ06VCI1edhcosTYJRECQFJa3eAvkx72eyQ==}
engines: {node: '>=12'}
cpu: [arm64]
os: [android]
requiresBuild: true
dev: true
optional: true
/esbuild-darwin-64/0.14.54: /esbuild-darwin-64/0.14.54:
resolution: {integrity: sha512-jtdKWV3nBviOd5v4hOpkVmpxsBy90CGzebpbO9beiqUYVMBtSc0AL9zGftFuBon7PNDcdvNCEuQqw2x0wP9yug==} resolution: {integrity: sha512-jtdKWV3nBviOd5v4hOpkVmpxsBy90CGzebpbO9beiqUYVMBtSc0AL9zGftFuBon7PNDcdvNCEuQqw2x0wP9yug==}
engines: {node: '>=12'} engines: {node: '>=12'}
@@ -1201,6 +1228,15 @@ packages:
dev: true dev: true
optional: true optional: true
/esbuild-darwin-64/0.15.7:
resolution: {integrity: sha512-KGPt3r1c9ww009t2xLB6Vk0YyNOXh7hbjZ3EecHoVDxgtbUlYstMPDaReimKe6eOEfyY4hBEEeTvKwPsiH5WZg==}
engines: {node: '>=12'}
cpu: [x64]
os: [darwin]
requiresBuild: true
dev: true
optional: true
/esbuild-darwin-arm64/0.14.54: /esbuild-darwin-arm64/0.14.54:
resolution: {integrity: sha512-OPafJHD2oUPyvJMrsCvDGkRrVCar5aVyHfWGQzY1dWnzErjrDuSETxwA2HSsyg2jORLY8yBfzc1MIpUkXlctmw==} resolution: {integrity: sha512-OPafJHD2oUPyvJMrsCvDGkRrVCar5aVyHfWGQzY1dWnzErjrDuSETxwA2HSsyg2jORLY8yBfzc1MIpUkXlctmw==}
engines: {node: '>=12'} engines: {node: '>=12'}
@@ -1210,6 +1246,15 @@ packages:
dev: true dev: true
optional: true optional: true
/esbuild-darwin-arm64/0.15.7:
resolution: {integrity: sha512-kBIHvtVqbSGajN88lYMnR3aIleH3ABZLLFLxwL2stiuIGAjGlQW741NxVTpUHQXUmPzxi6POqc9npkXa8AcSZQ==}
engines: {node: '>=12'}
cpu: [arm64]
os: [darwin]
requiresBuild: true
dev: true
optional: true
/esbuild-freebsd-64/0.14.54: /esbuild-freebsd-64/0.14.54:
resolution: {integrity: sha512-OKwd4gmwHqOTp4mOGZKe/XUlbDJ4Q9TjX0hMPIDBUWWu/kwhBAudJdBoxnjNf9ocIB6GN6CPowYpR/hRCbSYAg==} resolution: {integrity: sha512-OKwd4gmwHqOTp4mOGZKe/XUlbDJ4Q9TjX0hMPIDBUWWu/kwhBAudJdBoxnjNf9ocIB6GN6CPowYpR/hRCbSYAg==}
engines: {node: '>=12'} engines: {node: '>=12'}
@@ -1219,6 +1264,15 @@ packages:
dev: true dev: true
optional: true optional: true
/esbuild-freebsd-64/0.15.7:
resolution: {integrity: sha512-hESZB91qDLV5MEwNxzMxPfbjAhOmtfsr9Wnuci7pY6TtEh4UDuevmGmkUIjX/b+e/k4tcNBMf7SRQ2mdNuK/HQ==}
engines: {node: '>=12'}
cpu: [x64]
os: [freebsd]
requiresBuild: true
dev: true
optional: true
/esbuild-freebsd-arm64/0.14.54: /esbuild-freebsd-arm64/0.14.54:
resolution: {integrity: sha512-sFwueGr7OvIFiQT6WeG0jRLjkjdqWWSrfbVwZp8iMP+8UHEHRBvlaxL6IuKNDwAozNUmbb8nIMXa7oAOARGs1Q==} resolution: {integrity: sha512-sFwueGr7OvIFiQT6WeG0jRLjkjdqWWSrfbVwZp8iMP+8UHEHRBvlaxL6IuKNDwAozNUmbb8nIMXa7oAOARGs1Q==}
engines: {node: '>=12'} engines: {node: '>=12'}
@@ -1228,6 +1282,15 @@ packages:
dev: true dev: true
optional: true optional: true
/esbuild-freebsd-arm64/0.15.7:
resolution: {integrity: sha512-dLFR0ChH5t+b3J8w0fVKGvtwSLWCv7GYT2Y2jFGulF1L5HftQLzVGN+6pi1SivuiVSmTh28FwUhi9PwQicXI6Q==}
engines: {node: '>=12'}
cpu: [arm64]
os: [freebsd]
requiresBuild: true
dev: true
optional: true
/esbuild-linux-32/0.14.54: /esbuild-linux-32/0.14.54:
resolution: {integrity: sha512-1ZuY+JDI//WmklKlBgJnglpUL1owm2OX+8E1syCD6UAxcMM/XoWd76OHSjl/0MR0LisSAXDqgjT3uJqT67O3qw==} resolution: {integrity: sha512-1ZuY+JDI//WmklKlBgJnglpUL1owm2OX+8E1syCD6UAxcMM/XoWd76OHSjl/0MR0LisSAXDqgjT3uJqT67O3qw==}
engines: {node: '>=12'} engines: {node: '>=12'}
@@ -1237,6 +1300,15 @@ packages:
dev: true dev: true
optional: true optional: true
/esbuild-linux-32/0.15.7:
resolution: {integrity: sha512-v3gT/LsONGUZcjbt2swrMjwxo32NJzk+7sAgtxhGx1+ZmOFaTRXBAi1PPfgpeo/J//Un2jIKm/I+qqeo4caJvg==}
engines: {node: '>=12'}
cpu: [ia32]
os: [linux]
requiresBuild: true
dev: true
optional: true
/esbuild-linux-64/0.14.54: /esbuild-linux-64/0.14.54:
resolution: {integrity: sha512-EgjAgH5HwTbtNsTqQOXWApBaPVdDn7XcK+/PtJwZLT1UmpLoznPd8c5CxqsH2dQK3j05YsB3L17T8vE7cp4cCg==} resolution: {integrity: sha512-EgjAgH5HwTbtNsTqQOXWApBaPVdDn7XcK+/PtJwZLT1UmpLoznPd8c5CxqsH2dQK3j05YsB3L17T8vE7cp4cCg==}
engines: {node: '>=12'} engines: {node: '>=12'}
@@ -1246,6 +1318,15 @@ packages:
dev: true dev: true
optional: true optional: true
/esbuild-linux-64/0.15.7:
resolution: {integrity: sha512-LxXEfLAKwOVmm1yecpMmWERBshl+Kv5YJ/1KnyAr6HRHFW8cxOEsEfisD3sVl/RvHyW//lhYUVSuy9jGEfIRAQ==}
engines: {node: '>=12'}
cpu: [x64]
os: [linux]
requiresBuild: true
dev: true
optional: true
/esbuild-linux-arm/0.14.54: /esbuild-linux-arm/0.14.54:
resolution: {integrity: sha512-qqz/SjemQhVMTnvcLGoLOdFpCYbz4v4fUo+TfsWG+1aOu70/80RV6bgNpR2JCrppV2moUQkww+6bWxXRL9YMGw==} resolution: {integrity: sha512-qqz/SjemQhVMTnvcLGoLOdFpCYbz4v4fUo+TfsWG+1aOu70/80RV6bgNpR2JCrppV2moUQkww+6bWxXRL9YMGw==}
engines: {node: '>=12'} engines: {node: '>=12'}
@@ -1255,6 +1336,15 @@ packages:
dev: true dev: true
optional: true optional: true
/esbuild-linux-arm/0.15.7:
resolution: {integrity: sha512-JKgAHtMR5f75wJTeuNQbyznZZa+pjiUHV7sRZp42UNdyXC6TiUYMW/8z8yIBAr2Fpad8hM1royZKQisqPABPvQ==}
engines: {node: '>=12'}
cpu: [arm]
os: [linux]
requiresBuild: true
dev: true
optional: true
/esbuild-linux-arm64/0.14.54: /esbuild-linux-arm64/0.14.54:
resolution: {integrity: sha512-WL71L+0Rwv+Gv/HTmxTEmpv0UgmxYa5ftZILVi2QmZBgX3q7+tDeOQNqGtdXSdsL8TQi1vIaVFHUPDe0O0kdig==} resolution: {integrity: sha512-WL71L+0Rwv+Gv/HTmxTEmpv0UgmxYa5ftZILVi2QmZBgX3q7+tDeOQNqGtdXSdsL8TQi1vIaVFHUPDe0O0kdig==}
engines: {node: '>=12'} engines: {node: '>=12'}
@@ -1264,6 +1354,15 @@ packages:
dev: true dev: true
optional: true optional: true
/esbuild-linux-arm64/0.15.7:
resolution: {integrity: sha512-P3cfhudpzWDkglutWgXcT2S7Ft7o2e3YDMrP1n0z2dlbUZghUkKCyaWw0zhp4KxEEzt/E7lmrtRu/pGWnwb9vw==}
engines: {node: '>=12'}
cpu: [arm64]
os: [linux]
requiresBuild: true
dev: true
optional: true
/esbuild-linux-mips64le/0.14.54: /esbuild-linux-mips64le/0.14.54:
resolution: {integrity: sha512-qTHGQB8D1etd0u1+sB6p0ikLKRVuCWhYQhAHRPkO+OF3I/iSlTKNNS0Lh2Oc0g0UFGguaFZZiPJdJey3AGpAlw==} resolution: {integrity: sha512-qTHGQB8D1etd0u1+sB6p0ikLKRVuCWhYQhAHRPkO+OF3I/iSlTKNNS0Lh2Oc0g0UFGguaFZZiPJdJey3AGpAlw==}
engines: {node: '>=12'} engines: {node: '>=12'}
@@ -1273,6 +1372,15 @@ packages:
dev: true dev: true
optional: true optional: true
/esbuild-linux-mips64le/0.15.7:
resolution: {integrity: sha512-T7XKuxl0VpeFLCJXub6U+iybiqh0kM/bWOTb4qcPyDDwNVhLUiPcGdG2/0S7F93czUZOKP57YiLV8YQewgLHKw==}
engines: {node: '>=12'}
cpu: [mips64el]
os: [linux]
requiresBuild: true
dev: true
optional: true
/esbuild-linux-ppc64le/0.14.54: /esbuild-linux-ppc64le/0.14.54:
resolution: {integrity: sha512-j3OMlzHiqwZBDPRCDFKcx595XVfOfOnv68Ax3U4UKZ3MTYQB5Yz3X1mn5GnodEVYzhtZgxEBidLWeIs8FDSfrQ==} resolution: {integrity: sha512-j3OMlzHiqwZBDPRCDFKcx595XVfOfOnv68Ax3U4UKZ3MTYQB5Yz3X1mn5GnodEVYzhtZgxEBidLWeIs8FDSfrQ==}
engines: {node: '>=12'} engines: {node: '>=12'}
@@ -1282,6 +1390,15 @@ packages:
dev: true dev: true
optional: true optional: true
/esbuild-linux-ppc64le/0.15.7:
resolution: {integrity: sha512-6mGuC19WpFN7NYbecMIJjeQgvDb5aMuvyk0PDYBJrqAEMkTwg3Z98kEKuCm6THHRnrgsdr7bp4SruSAxEM4eJw==}
engines: {node: '>=12'}
cpu: [ppc64]
os: [linux]
requiresBuild: true
dev: true
optional: true
/esbuild-linux-riscv64/0.14.54: /esbuild-linux-riscv64/0.14.54:
resolution: {integrity: sha512-y7Vt7Wl9dkOGZjxQZnDAqqn+XOqFD7IMWiewY5SPlNlzMX39ocPQlOaoxvT4FllA5viyV26/QzHtvTjVNOxHZg==} resolution: {integrity: sha512-y7Vt7Wl9dkOGZjxQZnDAqqn+XOqFD7IMWiewY5SPlNlzMX39ocPQlOaoxvT4FllA5viyV26/QzHtvTjVNOxHZg==}
engines: {node: '>=12'} engines: {node: '>=12'}
@@ -1291,6 +1408,15 @@ packages:
dev: true dev: true
optional: true optional: true
/esbuild-linux-riscv64/0.15.7:
resolution: {integrity: sha512-uUJsezbswAYo/X7OU/P+PuL/EI9WzxsEQXDekfwpQ23uGiooxqoLFAPmXPcRAt941vjlY9jtITEEikWMBr+F/g==}
engines: {node: '>=12'}
cpu: [riscv64]
os: [linux]
requiresBuild: true
dev: true
optional: true
/esbuild-linux-s390x/0.14.54: /esbuild-linux-s390x/0.14.54:
resolution: {integrity: sha512-zaHpW9dziAsi7lRcyV4r8dhfG1qBidQWUXweUjnw+lliChJqQr+6XD71K41oEIC3Mx1KStovEmlzm+MkGZHnHA==} resolution: {integrity: sha512-zaHpW9dziAsi7lRcyV4r8dhfG1qBidQWUXweUjnw+lliChJqQr+6XD71K41oEIC3Mx1KStovEmlzm+MkGZHnHA==}
engines: {node: '>=12'} engines: {node: '>=12'}
@@ -1300,6 +1426,15 @@ packages:
dev: true dev: true
optional: true optional: true
/esbuild-linux-s390x/0.15.7:
resolution: {integrity: sha512-+tO+xOyTNMc34rXlSxK7aCwJgvQyffqEM5MMdNDEeMU3ss0S6wKvbBOQfgd5jRPblfwJ6b+bKiz0g5nABpY0QQ==}
engines: {node: '>=12'}
cpu: [s390x]
os: [linux]
requiresBuild: true
dev: true
optional: true
/esbuild-netbsd-64/0.14.54: /esbuild-netbsd-64/0.14.54:
resolution: {integrity: sha512-PR01lmIMnfJTgeU9VJTDY9ZerDWVFIUzAtJuDHwwceppW7cQWjBBqP48NdeRtoP04/AtO9a7w3viI+PIDr6d+w==} resolution: {integrity: sha512-PR01lmIMnfJTgeU9VJTDY9ZerDWVFIUzAtJuDHwwceppW7cQWjBBqP48NdeRtoP04/AtO9a7w3viI+PIDr6d+w==}
engines: {node: '>=12'} engines: {node: '>=12'}
@@ -1309,6 +1444,15 @@ packages:
dev: true dev: true
optional: true optional: true
/esbuild-netbsd-64/0.15.7:
resolution: {integrity: sha512-yVc4Wz+Pu3cP5hzm5kIygNPrjar/v5WCSoRmIjCPWfBVJkZNb5brEGKUlf+0Y759D48BCWa0WHrWXaNy0DULTQ==}
engines: {node: '>=12'}
cpu: [x64]
os: [netbsd]
requiresBuild: true
dev: true
optional: true
/esbuild-openbsd-64/0.14.54: /esbuild-openbsd-64/0.14.54:
resolution: {integrity: sha512-Qyk7ikT2o7Wu76UsvvDS5q0amJvmRzDyVlL0qf5VLsLchjCa1+IAvd8kTBgUxD7VBUUVgItLkk609ZHUc1oCaw==} resolution: {integrity: sha512-Qyk7ikT2o7Wu76UsvvDS5q0amJvmRzDyVlL0qf5VLsLchjCa1+IAvd8kTBgUxD7VBUUVgItLkk609ZHUc1oCaw==}
engines: {node: '>=12'} engines: {node: '>=12'}
@@ -1318,6 +1462,15 @@ packages:
dev: true dev: true
optional: true optional: true
/esbuild-openbsd-64/0.15.7:
resolution: {integrity: sha512-GsimbwC4FSR4lN3wf8XmTQ+r8/0YSQo21rWDL0XFFhLHKlzEA4SsT1Tl8bPYu00IU6UWSJ+b3fG/8SB69rcuEQ==}
engines: {node: '>=12'}
cpu: [x64]
os: [openbsd]
requiresBuild: true
dev: true
optional: true
/esbuild-sunos-64/0.14.54: /esbuild-sunos-64/0.14.54:
resolution: {integrity: sha512-28GZ24KmMSeKi5ueWzMcco6EBHStL3B6ubM7M51RmPwXQGLe0teBGJocmWhgwccA1GeFXqxzILIxXpHbl9Q/Kw==} resolution: {integrity: sha512-28GZ24KmMSeKi5ueWzMcco6EBHStL3B6ubM7M51RmPwXQGLe0teBGJocmWhgwccA1GeFXqxzILIxXpHbl9Q/Kw==}
engines: {node: '>=12'} engines: {node: '>=12'}
@@ -1327,6 +1480,15 @@ packages:
dev: true dev: true
optional: true optional: true
/esbuild-sunos-64/0.15.7:
resolution: {integrity: sha512-8CDI1aL/ts0mDGbWzjEOGKXnU7p3rDzggHSBtVryQzkSOsjCHRVe0iFYUuhczlxU1R3LN/E7HgUO4NXzGGP/Ag==}
engines: {node: '>=12'}
cpu: [x64]
os: [sunos]
requiresBuild: true
dev: true
optional: true
/esbuild-windows-32/0.14.54: /esbuild-windows-32/0.14.54:
resolution: {integrity: sha512-T+rdZW19ql9MjS7pixmZYVObd9G7kcaZo+sETqNH4RCkuuYSuv9AGHUVnPoP9hhuE1WM1ZimHz1CIBHBboLU7w==} resolution: {integrity: sha512-T+rdZW19ql9MjS7pixmZYVObd9G7kcaZo+sETqNH4RCkuuYSuv9AGHUVnPoP9hhuE1WM1ZimHz1CIBHBboLU7w==}
engines: {node: '>=12'} engines: {node: '>=12'}
@@ -1336,6 +1498,15 @@ packages:
dev: true dev: true
optional: true optional: true
/esbuild-windows-32/0.15.7:
resolution: {integrity: sha512-cOnKXUEPS8EGCzRSFa1x6NQjGhGsFlVgjhqGEbLTPsA7x4RRYiy2RKoArNUU4iR2vHmzqS5Gr84MEumO/wxYKA==}
engines: {node: '>=12'}
cpu: [ia32]
os: [win32]
requiresBuild: true
dev: true
optional: true
/esbuild-windows-64/0.14.54: /esbuild-windows-64/0.14.54:
resolution: {integrity: sha512-AoHTRBUuYwXtZhjXZbA1pGfTo8cJo3vZIcWGLiUcTNgHpJJMC1rVA44ZereBHMJtotyN71S8Qw0npiCIkW96cQ==} resolution: {integrity: sha512-AoHTRBUuYwXtZhjXZbA1pGfTo8cJo3vZIcWGLiUcTNgHpJJMC1rVA44ZereBHMJtotyN71S8Qw0npiCIkW96cQ==}
engines: {node: '>=12'} engines: {node: '>=12'}
@@ -1345,6 +1516,15 @@ packages:
dev: true dev: true
optional: true optional: true
/esbuild-windows-64/0.15.7:
resolution: {integrity: sha512-7MI08Ec2sTIDv+zH6StNBKO+2hGUYIT42GmFyW6MBBWWtJhTcQLinKS6ldIN1d52MXIbiJ6nXyCJ+LpL4jBm3Q==}
engines: {node: '>=12'}
cpu: [x64]
os: [win32]
requiresBuild: true
dev: true
optional: true
/esbuild-windows-arm64/0.14.54: /esbuild-windows-arm64/0.14.54:
resolution: {integrity: sha512-M0kuUvXhot1zOISQGXwWn6YtS+Y/1RT9WrVIOywZnJHo3jCDyewAc79aKNQWFCQm+xNHVTq9h8dZKvygoXQQRg==} resolution: {integrity: sha512-M0kuUvXhot1zOISQGXwWn6YtS+Y/1RT9WrVIOywZnJHo3jCDyewAc79aKNQWFCQm+xNHVTq9h8dZKvygoXQQRg==}
engines: {node: '>=12'} engines: {node: '>=12'}
@@ -1354,6 +1534,15 @@ packages:
dev: true dev: true
optional: true optional: true
/esbuild-windows-arm64/0.15.7:
resolution: {integrity: sha512-R06nmqBlWjKHddhRJYlqDd3Fabx9LFdKcjoOy08YLimwmsswlFBJV4rXzZCxz/b7ZJXvrZgj8DDv1ewE9+StMw==}
engines: {node: '>=12'}
cpu: [arm64]
os: [win32]
requiresBuild: true
dev: true
optional: true
/esbuild/0.14.54: /esbuild/0.14.54:
resolution: {integrity: sha512-Cy9llcy8DvET5uznocPyqL3BFRrFXSVqbgpMJ9Wz8oVjZlh/zUSNbPRbov0VX7VxN2JH1Oa0uNxZ7eLRb62pJA==} resolution: {integrity: sha512-Cy9llcy8DvET5uznocPyqL3BFRrFXSVqbgpMJ9Wz8oVjZlh/zUSNbPRbov0VX7VxN2JH1Oa0uNxZ7eLRb62pJA==}
engines: {node: '>=12'} engines: {node: '>=12'}
@@ -1383,6 +1572,35 @@ packages:
esbuild-windows-arm64: 0.14.54 esbuild-windows-arm64: 0.14.54
dev: true dev: true
/esbuild/0.15.7:
resolution: {integrity: sha512-7V8tzllIbAQV1M4QoE52ImKu8hT/NLGlGXkiDsbEU5PS6K8Mn09ZnYoS+dcmHxOS9CRsV4IRAMdT3I67IyUNXw==}
engines: {node: '>=12'}
hasBin: true
requiresBuild: true
optionalDependencies:
'@esbuild/linux-loong64': 0.15.7
esbuild-android-64: 0.15.7
esbuild-android-arm64: 0.15.7
esbuild-darwin-64: 0.15.7
esbuild-darwin-arm64: 0.15.7
esbuild-freebsd-64: 0.15.7
esbuild-freebsd-arm64: 0.15.7
esbuild-linux-32: 0.15.7
esbuild-linux-64: 0.15.7
esbuild-linux-arm: 0.15.7
esbuild-linux-arm64: 0.15.7
esbuild-linux-mips64le: 0.15.7
esbuild-linux-ppc64le: 0.15.7
esbuild-linux-riscv64: 0.15.7
esbuild-linux-s390x: 0.15.7
esbuild-netbsd-64: 0.15.7
esbuild-openbsd-64: 0.15.7
esbuild-sunos-64: 0.15.7
esbuild-windows-32: 0.15.7
esbuild-windows-64: 0.15.7
esbuild-windows-arm64: 0.15.7
dev: true
/escalade/3.1.1: /escalade/3.1.1:
resolution: {integrity: sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==} resolution: {integrity: sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==}
engines: {node: '>=6'} engines: {node: '>=6'}
@@ -1393,14 +1611,14 @@ packages:
engines: {node: '>=10'} engines: {node: '>=10'}
dev: true dev: true
/eslint-plugin-svelte3/4.0.0_sfdub7vxhxkt5wmgvhhmmgyu2e: /eslint-plugin-svelte3/4.0.0_sc4laremvjv7grvyfrqmp3xv5q:
resolution: {integrity: sha512-OIx9lgaNzD02+MDFNLw0GEUbuovNcglg+wnd/UY0fbZmlQSz7GlQiQ1f+yX0XvC07XPcDOnFcichqI3xCwp71g==} resolution: {integrity: sha512-OIx9lgaNzD02+MDFNLw0GEUbuovNcglg+wnd/UY0fbZmlQSz7GlQiQ1f+yX0XvC07XPcDOnFcichqI3xCwp71g==}
peerDependencies: peerDependencies:
eslint: '>=8.0.0' eslint: '>=8.0.0'
svelte: ^3.2.0 svelte: ^3.2.0
dependencies: dependencies:
eslint: 8.23.0 eslint: 8.23.0
svelte: 3.49.0 svelte: github.com/baseballyama/svelte/60d5418681b48aca803dd48cd1446649db80d141
dev: true dev: true
/eslint-scope/5.1.1: /eslint-scope/5.1.1:
@@ -1972,15 +2190,15 @@ packages:
hasBin: true hasBin: true
dev: true dev: true
/motion/10.14.1: /motion/10.14.2:
resolution: {integrity: sha512-WM9il2OBsyBqFt9ewVU0KXkftGrQh8xIuRJGntM6YXIKPfhM2vswRMsPaiVaPB8ujPgG2gefj5MQc8bMSD81dQ==} resolution: {integrity: sha512-zZp9PL4/O7nSgQBWBDdyvGm25Ef/hQUUVAOnyzxn2IvAhp496M+RB9p1ce4nN7cYLizox2Bq77/dTIjFGkJmAw==}
dependencies: dependencies:
'@motionone/animation': 10.14.0 '@motionone/animation': 10.14.0
'@motionone/dom': 10.14.1 '@motionone/dom': 10.14.2
'@motionone/svelte': 10.14.1 '@motionone/svelte': 10.14.2
'@motionone/types': 10.14.0 '@motionone/types': 10.14.0
'@motionone/utils': 10.14.0 '@motionone/utils': 10.14.0
'@motionone/vue': 10.14.1 '@motionone/vue': 10.14.2
dev: false dev: false
/mri/1.2.0: /mri/1.2.0:
@@ -2675,13 +2893,13 @@ packages:
postcss-value-parser: 4.2.0 postcss-value-parser: 4.2.0
dev: true dev: true
/postcss-preset-env/7.8.0_postcss@8.4.16: /postcss-preset-env/7.8.1_postcss@8.4.16:
resolution: {integrity: sha512-leqiqLOellpLKfbHkD06E04P6d9ZQ24mat6hu4NSqun7WG0UhspHR5Myiv/510qouCjoo4+YJtNOqg5xHaFnCA==} resolution: {integrity: sha512-8884CHxQaoN1i4iEK+JvzOe8emODb5R4p/0dw4yEdo7QM4RdUk2sBx0fnzFyJt8BLfZSCGeVkKZ4HC564waBpQ==}
engines: {node: ^12 || ^14 || >=16} engines: {node: ^12 || ^14 || >=16}
peerDependencies: peerDependencies:
postcss: ^8.2 postcss: ^8.2
dependencies: dependencies:
'@csstools/postcss-cascade-layers': 1.0.5_postcss@8.4.16 '@csstools/postcss-cascade-layers': 1.0.6_postcss@8.4.16
'@csstools/postcss-color-function': 1.1.1_postcss@8.4.16 '@csstools/postcss-color-function': 1.1.1_postcss@8.4.16
'@csstools/postcss-font-format-keywords': 1.0.1_postcss@8.4.16 '@csstools/postcss-font-format-keywords': 1.0.1_postcss@8.4.16
'@csstools/postcss-hwb-function': 1.0.2_postcss@8.4.16 '@csstools/postcss-hwb-function': 1.0.2_postcss@8.4.16
@@ -2790,14 +3008,14 @@ packages:
util-deprecate: 1.0.2 util-deprecate: 1.0.2
dev: true dev: true
/postcss-sort-media-queries/4.2.1_postcss@8.4.16: /postcss-sort-media-queries/4.3.0_postcss@8.4.16:
resolution: {integrity: sha512-9VYekQalFZ3sdgcTjXMa0dDjsfBVHXlraYJEMiOJ/2iMmI2JGCMavP16z3kWOaRu8NSaJCTgVpB/IVpH5yT9YQ==} resolution: {integrity: sha512-jAl8gJM2DvuIJiI9sL1CuiHtKM4s5aEIomkU8G3LFvbP+p8i7Sz8VV63uieTgoewGqKbi+hxBTiOKJlB35upCg==}
engines: {node: '>=10.0.0'} engines: {node: '>=10.0.0'}
peerDependencies: peerDependencies:
postcss: ^8.4.4 postcss: ^8.4.16
dependencies: dependencies:
postcss: 8.4.16 postcss: 8.4.16
sort-css-media-queries: 2.0.4 sort-css-media-queries: 2.1.0
dev: true dev: true
/postcss-svgo/5.1.0_postcss@8.4.16: /postcss-svgo/5.1.0_postcss@8.4.16:
@@ -3026,8 +3244,8 @@ packages:
sourcemap-codec: 1.4.8 sourcemap-codec: 1.4.8
dev: true dev: true
/sort-css-media-queries/2.0.4: /sort-css-media-queries/2.1.0:
resolution: {integrity: sha512-PAIsEK/XupCQwitjv7XxoMvYhT7EAfyzI3hsy/MyDgTvc+Ft55ctdkctJLOy6cQejaIC+zjpUL4djFVm2ivOOw==} resolution: {integrity: sha512-IeWvo8NkNiY2vVYdPa27MCQiR0MN0M80johAYFVxWWXQ44KU84WNxjslwBHmc/7ZL2ccwkM7/e6S5aiKZXm7jA==}
engines: {node: '>= 6.3.0'} engines: {node: '>= 6.3.0'}
dev: true dev: true
@@ -3107,7 +3325,7 @@ packages:
engines: {node: '>= 0.4'} engines: {node: '>= 0.4'}
dev: true dev: true
/svelte-check/2.9.0_f5urgkboyys3wbiivxj4sltznu: /svelte-check/2.9.0_rjdoehgmjsjjgqiald4wewriby:
resolution: {integrity: sha512-9AVrtP7WbfDgCdqTZNPdj5CCCy1OrYMxFVWAWzNw7fl93c9klFJFtqzVXa6fovfQ050CcpUyJE2dPFL9TFAREw==} resolution: {integrity: sha512-9AVrtP7WbfDgCdqTZNPdj5CCCy1OrYMxFVWAWzNw7fl93c9klFJFtqzVXa6fovfQ050CcpUyJE2dPFL9TFAREw==}
hasBin: true hasBin: true
peerDependencies: peerDependencies:
@@ -3119,8 +3337,8 @@ packages:
import-fresh: 3.3.0 import-fresh: 3.3.0
picocolors: 1.0.0 picocolors: 1.0.0
sade: 1.8.1 sade: 1.8.1
svelte: 3.49.0 svelte: github.com/baseballyama/svelte/60d5418681b48aca803dd48cd1446649db80d141
svelte-preprocess: 4.10.7_pxxiereockejw5abpwoddd4ivy svelte-preprocess: 4.10.7_xall5v2ndd26memt654fbj5nvq
typescript: 4.8.2 typescript: 4.8.2
transitivePeerDependencies: transitivePeerDependencies:
- '@babel/core' - '@babel/core'
@@ -3135,16 +3353,16 @@ packages:
- sugarss - sugarss
dev: true dev: true
/svelte-hmr/0.14.12_svelte@3.49.0: /svelte-hmr/0.14.12_svelte@3.50.0:
resolution: {integrity: sha512-4QSW/VvXuqVcFZ+RhxiR8/newmwOCTlbYIezvkeN6302YFRE8cXy0naamHcjz8Y9Ce3ITTZtrHrIL0AGfyo61w==} resolution: {integrity: sha512-4QSW/VvXuqVcFZ+RhxiR8/newmwOCTlbYIezvkeN6302YFRE8cXy0naamHcjz8Y9Ce3ITTZtrHrIL0AGfyo61w==}
engines: {node: ^12.20 || ^14.13.1 || >= 16} engines: {node: ^12.20 || ^14.13.1 || >= 16}
peerDependencies: peerDependencies:
svelte: '>=3.19.0' svelte: '>=3.19.0'
dependencies: dependencies:
svelte: 3.49.0 svelte: github.com/baseballyama/svelte/60d5418681b48aca803dd48cd1446649db80d141
dev: true dev: true
/svelte-preprocess/4.10.7_pxxiereockejw5abpwoddd4ivy: /svelte-preprocess/4.10.7_xall5v2ndd26memt654fbj5nvq:
resolution: {integrity: sha512-sNPBnqYD6FnmdBrUmBCaqS00RyCsCpj2BG58A1JBswNF7b0OKviwxqVrOL/CKyJrLSClrSeqQv5BXNg2RUbPOw==} resolution: {integrity: sha512-sNPBnqYD6FnmdBrUmBCaqS00RyCsCpj2BG58A1JBswNF7b0OKviwxqVrOL/CKyJrLSClrSeqQv5BXNg2RUbPOw==}
engines: {node: '>= 9.11.2'} engines: {node: '>= 9.11.2'}
requiresBuild: true requiresBuild: true
@@ -3193,15 +3411,10 @@ packages:
sass: 1.54.8 sass: 1.54.8
sorcery: 0.10.0 sorcery: 0.10.0
strip-indent: 3.0.0 strip-indent: 3.0.0
svelte: 3.49.0 svelte: github.com/baseballyama/svelte/60d5418681b48aca803dd48cd1446649db80d141
typescript: 4.8.2 typescript: 4.8.2
dev: true dev: true
/svelte/3.49.0:
resolution: {integrity: sha512-+lmjic1pApJWDfPCpUUTc1m8azDqYCG1JN9YEngrx/hUyIcFJo6VZhj0A1Ai0wqoHcEIuQy+e9tk+4uDgdtsFA==}
engines: {node: '>= 8'}
dev: true
/svgo/2.8.0: /svgo/2.8.0:
resolution: {integrity: sha512-+N/Q9kV1+F+UeWYoSiULYo4xYSDQlTgb+ayMobAXPwMnLvop7oxKMo9OzIrX5x3eS4L4f2UHhc9axXwY8DpChg==} resolution: {integrity: sha512-+N/Q9kV1+F+UeWYoSiULYo4xYSDQlTgb+ayMobAXPwMnLvop7oxKMo9OzIrX5x3eS4L4f2UHhc9axXwY8DpChg==}
engines: {node: '>=10.13.0'} engines: {node: '>=10.13.0'}
@@ -3308,8 +3521,8 @@ packages:
engines: {node: '>=12.18'} engines: {node: '>=12.18'}
dev: true dev: true
/update-browserslist-db/1.0.5_browserslist@4.21.3: /update-browserslist-db/1.0.7_browserslist@4.21.3:
resolution: {integrity: sha512-dteFFpCyvuDdr9S/ff1ISkKt/9YZxKjI9WlRR99c180GaztJtRa/fn18FdxGVKVsnPY7/a/FDN68mcvUmP4U7Q==} resolution: {integrity: sha512-iN/XYesmZ2RmmWAiI4Z5rq0YqSiv0brj9Ce9CfhNE4xIW2h+MFxcgkxIzZ+ShkFPUkjU3gQ+3oypadD3RAMtrg==}
hasBin: true hasBin: true
peerDependencies: peerDependencies:
browserslist: '>= 4.21.0' browserslist: '>= 4.21.0'
@@ -3335,8 +3548,8 @@ packages:
tiny-emitter: 2.1.0 tiny-emitter: 2.1.0
dev: false dev: false
/vite/3.1.0-beta.1_sass@1.54.8: /vite/3.1.0_sass@1.54.8:
resolution: {integrity: sha512-JGEnWSC0hfarcduTCQr6wnRjPLbT62iLCK59HBJXYt9oyWSUMtrvcnDqzvLFC+lHV6KGFQkmWlZucyIQmgUnLA==} resolution: {integrity: sha512-YBg3dUicDpDWFCGttmvMbVyS9ydjntwEjwXRj2KBFwSB8SxmGcudo1yb8FW5+M/G86aS8x828ujnzUVdsLjs9g==}
engines: {node: ^14.18.0 || >=16.0.0} engines: {node: ^14.18.0 || >=16.0.0}
hasBin: true hasBin: true
peerDependencies: peerDependencies:
@@ -3354,7 +3567,7 @@ packages:
terser: terser:
optional: true optional: true
dependencies: dependencies:
esbuild: 0.14.54 esbuild: 0.15.7
postcss: 8.4.16 postcss: 8.4.16
resolve: 1.22.1 resolve: 1.22.1
rollup: 2.78.1 rollup: 2.78.1
@@ -3423,3 +3636,12 @@ packages:
resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==} resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
engines: {node: '>=10'} engines: {node: '>=10'}
dev: true dev: true
github.com/baseballyama/svelte/60d5418681b48aca803dd48cd1446649db80d141:
resolution: {tarball: https://codeload.github.com/baseballyama/svelte/tar.gz/60d5418681b48aca803dd48cd1446649db80d141}
name: svelte
version: 3.50.0
engines: {node: '>= 8'}
prepare: true
requiresBuild: true
dev: true

98
src/components/organisms/Banner.svelte Normal file
View File

@@ -0,0 +1,98 @@
<style lang="scss">
@import "../../style/organisms/banner";
</style>
<script lang="ts">
import { navigating } from '$app/stores'
import { onMount } from 'svelte'
import { stagger, timeline } from 'motion'
import { DELAY } from '$utils/contants'
import { quartOut } from '$animations/easings'
// Components
import Image from '$components/atoms/Image.svelte'
export let type: string = undefined
export let title: string
export let image: any
onMount(() => {
/**
* Animations
*/
// const animation = timeline([
// // Hero image
// ['.shop-page__background', {
// scale: [1.06, 1],
// opacity: [0, 1],
// }, {
// at: 0.4,
// duration: 2.4,
// }],
// // Intro top elements
// ['.shop-page__intro .top > *', {
// y: [-100, 0],
// opacity: [0, 1],
// }, {
// at: 0.4,
// delay: stagger(0.25),
// }],
// // Hero title
// ['.shop-page__title h1', {
// y: [32, 0],
// opacity: [0, 1],
// }, {
// at: 0.5,
// }],
// // Intro navbar
// ['.shop-page__nav .container > *, .shop-page__intro .button-cart', {
// y: [100, 0],
// opacity: [0, 1],
// }, {
// at: 0.7,
// delay: stagger(0.25),
// }]
// ], {
// delay: $navigating ? DELAY.PAGE_LOADING / 1000 : 0,
// defaultOptions: {
// duration: 1.6,
// easing: quartOut,
// },
// })
// animation.stop()
// // Run animation
// requestAnimationFrame(animation.play)
})
</script>
<section class="banner">
<div class="banner__top container">
<a href="/" class="back" data-sveltekit-noscroll>
<svg width="5" height="8" viewBox="0 0 5 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4 1 1 4l3 3" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<span>Back to Houses Of</span>
</a>
</div>
<div class="banner__title">
<h1>{title}</h1>
</div>
<Image
class="banner__background"
id={image.id}
alt={image.alt}
sizeKey="hero"
sizes={{
large: { width: 1800, height: 1200 },
medium: { width: 1200, height: 800 },
small: { width: 700, height: 700 },
}}
lazy={false}
/>
</section>

290
src/routes/about/+page.svelte
View File

@@ -19,17 +19,14 @@
import AboutGridPhoto from '$components/atoms/AboutGridPhoto.svelte' import AboutGridPhoto from '$components/atoms/AboutGridPhoto.svelte'
import Heading from '$components/molecules/Heading.svelte' import Heading from '$components/molecules/Heading.svelte'
import ProcessStep from '$components/molecules/ProcessStep.svelte' import ProcessStep from '$components/molecules/ProcessStep.svelte'
import InteractiveGlobe2 from '$components/organisms/InteractiveGlobe2.svelte' import Banner from '$components/organisms/Banner.svelte'
import ShopModule from '$components/organisms/ShopModule.svelte'
import NewsletterModule from '$components/organisms/NewsletterModule.svelte'
export let data: PageData export let data: PageData
const { about, photos } = data const { about, photos } = data
let scrollY: number, innerWidth: number, innerHeight: number let scrollY: number, innerWidth: number, innerHeight: number
let purposeEl: HTMLElement, photosGridEl: HTMLElement let photosGridEl: HTMLElement
let currentStep: number = 0 let currentStep: number = 0
let photoFirstEl: HTMLElement, photoUsEl: HTMLElement
let photosGridOffset: number = photosGridEl && photosGridEl.offsetTop let photosGridOffset: number = photosGridEl && photosGridEl.offsetTop
$: currentStep = $page.url.hash ? Number($page.url.hash.split('#step-')[1]) - 1 : 0 $: currentStep = $page.url.hash ? Number($page.url.hash.split('#step-')[1]) - 1 : 0
@@ -51,150 +48,62 @@
/** /**
* Animations * Animations
*/ */
const animation = timeline([ // const animation = timeline([
// Heading // // Heading
['.heading .text', { // ['.heading .text', {
y: [24, 0], // y: [24, 0],
opacity: [0, 1], // opacity: [0, 1],
z: 0, // z: 0,
}, { // }, {
at: 0.5, // at: 0.5,
}], // }],
// First photo // // First photo
[photoFirstEl, { // [photoFirstEl, {
y: ['10%', 0], // y: ['10%', 0],
rotate: [0, getComputedStyle(photoFirstEl).getPropertyValue('--rotate')], // rotate: [0, getComputedStyle(photoFirstEl).getPropertyValue('--rotate')],
opacity: [0, 1], // opacity: [0, 1],
z: 0, // z: 0,
}, { // }, {
at: 0.75, // at: 0.75,
opacity: { // opacity: {
duration: 1 // duration: 1
} // }
}], // }],
// Portrait photo // // Portrait photo
[photoUsEl, { // [photoUsEl, {
y: ['10%', 0], // y: ['10%', 0],
x: [0, '5%'], // x: [0, '5%'],
rotate: [0, 5], // rotate: [0, 5],
opacity: [0, 1], // opacity: [0, 1],
z: 0, // z: 0,
}, { // }, {
at: 1, // at: 1,
opacity: { // opacity: {
duration: 1 // duration: 1
} // }
}], // }],
// Text // // Text
['.about__introduction .text', { // ['.about__introduction .text', {
y: [32, 0], // y: [32, 0],
opacity: [0, 1], // opacity: [0, 1],
z: 0, // z: 0,
}, { // }, {
at: 1.2, // at: 1.2,
}], // }],
], { // ], {
delay: $navigating ? DELAY.PAGE_LOADING / 1000 : 0, // delay: $navigating ? DELAY.PAGE_LOADING / 1000 : 0,
defaultOptions: { // defaultOptions: {
duration: 1.6, // duration: 1.6,
easing: quartOut, // easing: quartOut,
}, // },
}) // })
animation.stop() // animation.stop()
// Run animation // // Run animation
requestAnimationFrame(animation.play) // requestAnimationFrame(animation.play)
/**
* Intro parallax
*/
// First photo
scroll(animate(photoFirstEl.querySelector('figure'), {
y: ['-3%', '6%'],
x: [0, '-4%'],
rotate: [-1.5, 0],
z: 0,
}), {
target: photoFirstEl,
offset: ["-200%", "150%"]
})
// Portrait photo
scroll(animate(photoUsEl.querySelector('figure'), {
y: [0, '-6%'],
x: [0, '-3%'],
rotate: [-2, 0],
z: 0,
}), {
target: photoUsEl,
offset: ["-250%", "150%"]
})
/**
* Purpose reveal
*/
inView(purposeEl, ({ target, isIntersecting }) => {
target.classList.toggle('is-visible', isIntersecting)
}, { amount: 0.6 })
// Parallax
scroll(animate(purposeEl.querySelector('picture img'), {
y: [0, '40%'],
}))
/**
* Steps scroll animation
*/
const cards = stepsEl.querySelectorAll('.step')
const cardsAmount = about.process_steps.length
cards.forEach((card: HTMLElement, i: number) => {
const index = i + 1
const reverseIndex = cardsAmount - index
const overlay = card.querySelector('.overlay')
const scrollOptions: ScrollOptions = {
target: stepsEl,
offset: [`${i / cardsAmount * 100}%`, `${index / cardsAmount * 100}%`],
}
// Card scale
scroll(animate(card, {
scale: [1, 1 - (0.02 * reverseIndex)]
}), scrollOptions)
// Overlay opacity
scroll(animate(overlay, {
opacity: [0, 0.2 + (0.05 * reverseIndex)]
}), scrollOptions)
})
/**
* Play videos only when visible
*/
const videos = stepsEl.querySelectorAll('video')
if (videos) {
videosObserver = new IntersectionObserver(entries => {
entries.forEach(({ target, isIntersecting }) => {
// @ts-ignore
isIntersecting ? target.play() : target.pause()
})
}, {
threshold: 0,
})
videos.forEach(video => videosObserver.observe(video))
}
// Destroy
return () => {
videosObserver.disconnect()
}
}) })
@@ -214,72 +123,51 @@
<PageTransition name="about"> <PageTransition name="about">
<Heading <Banner
text={about.description} title="About"
image={{
id: '699b4050-6bbf-4a40-be53-d84aca484f9d',
alt: 'Photo caption',
}}
/> />
<section class="about__introduction"> <section class="about__introduction">
<div class="container grid"> <div class="container grid">
<div class="photo-first" bind:this={photoFirstEl}> <h2 class="title-small">Meet the makers</h2>
<figure> <p class="heading text-big">We are a French and Australian couple that found each other through our mutual <strong>passion for travel, photography and design</strong>.</p>
<Image
class="shadow-box-dark"
id={about.intro_firstphoto.id}
alt={about.intro_firstphoto.title}
sizeKey="photo-list"
sizes={{
small: { width: 400 },
medium: { width: 600 },
large: { width: 800 },
}}
ratio={1.5}
/>
<figcaption class="text-info">{about.intro_firstphoto_caption}</figcaption>
</figure>
</div>
<div class="photo-us" bind:this={photoUsEl}> <div class="text text-small">
<figure> <p>With a strong desire to create, we’re award winning in our own fields with <a href="">Félix</a> as a Digital Designer and Art Director and <a href="">Shelby</a> as a Front-End Developer.</p>
<Image
class="shadow-box-dark"
id={about.intro_portraits.id}
alt={about.intro_portraits.title}
sizeKey="square"
sizes={{
small: { width: 250 }
}}
ratio={1}
/>
</figure>
</div>
<div class="text text-normal">
{@html introText}
</div> </div>
</div> </div>
</section> </section>
<section class="about__purpose grid" bind:this={purposeEl}> <div class="about__creation">
<div class="container"> <div class="container grid">
<div class="text title-xl"> <figure class="first-photo">
{@html about.purpose_text} <Image
</div> class="shadow-box-dark"
id={about.intro_firstphoto.id}
<div class="background"> alt={about.intro_firstphoto.title}
<picture class="background__illustration"> sizeKey="photo-list"
<source media="(min-width: 1200px)" srcset={getAssetUrlKey(about.intro_firstlocation.illustration_desktop_2x.id, 'illustration-desktop-2x')}> sizes={{
<source media="(min-width: 768px)" srcset={getAssetUrlKey(about.intro_firstlocation.illustration_desktop.id, 'illustration-desktop-1x')}> small: { width: 400 },
<img medium: { width: 600 },
src={getAssetUrlKey(about.intro_firstlocation.illustration_mobile.id, 'illustration-mobile')} large: { width: 800 },
width={320} }}
height={824} ratio={1.5}
alt="Illustration for {about.intro_firstlocation.name}" />
decoding="async" <figcaption class="text-info">
/> {about.intro_firstphoto_caption}<br>
</picture> in
</div> <a href="/{about.intro_firstlocation.country.slug}/{about.intro_firstlocation.slug}" data-sveltekit-noscroll data-sveltekit-prefetch>
<img src="{getAssetUrlKey(about.intro_firstlocation.country.flag.id, 'square-small-jpg')}" width="32" height="32" alt="{about.intro_firstlocation.country.flag.title}">
<span>Naarm Australia (Melbourne)</span>
</a>
</figcaption>
</figure>
</div> </div>
</section> </div>
<section class="about__process"> <section class="about__process">
<div class="container grid"> <div class="container grid">

14
src/style/_typography.scss
View File

@@ -97,6 +97,20 @@
/* ========================================================================== /* ==========================================================================
TEXT TEXT
========================================================================== */ ========================================================================== */
// Big
.text-big {
font-size: rem(32px);
font-weight: 300;
line-height: 1.3;
@include bp (sm) {
font-size: rem(36px);
}
@include bp (sd) {
font-size: rem(44px);
}
}
// Large // Large
.text-large { .text-large {
font-size: rem(32px); font-size: rem(32px);

111
src/style/organisms/_banner.scss Normal file
View File

@@ -0,0 +1,111 @@
.banner {
position: relative;
z-index: 30;
height: 24vw;
min-height: 200px;
overflow: hidden;
@include bp (lg) {
max-height: 400px;
min-height: 275px;
}
// title
&__title {
position: absolute;
z-index: 2;
top: 50%;
left: 50%;
width: 100%;
transform: translate3d(-50%, -50%, 0);
@include bp (sm) {
// top: 50%;
// left: 0;
// transform: none;
}
h1 {
font-size: clamp(#{rem(48px)}, 7vw, #{rem(56px)});
font-weight: 400;
text-shadow: 0px 8px 12px rgba(#000, 0.25);
text-align: center;
letter-spacing: -0.02em;
:global(span), :global(strong) {
color: #fff;
}
:global(span) {
font-weight: 300;
}
}
}
// Top
&__top {
position: absolute;
z-index: 1;
top: 20px;
left: 0;
padding: 0 20px;
display: flex;
justify-content: space-between;
width: 100%;
margin: 0 auto;
@include bp (sm) {
top: 32px;
padding: 0 32px;
}
// Back
.back {
display: flex;
align-items: center;
color: #fff;
font-size: rem(14px);
color: $color-cream;
text-decoration: none;
transition: color 0.4s var(--ease-quart);
@include bp (sm) {
max-width: none;
font-size: rem(18px);
}
svg {
margin-right: 8px;
transition: transform 0.4s var(--ease-quart);
}
// Hover
&:hover {
color: $color-tertiary;
svg {
transform: translate3d(-4px, 0, 0);
}
}
}
}
// Background Image
:global(picture) {
position: relative;
display: flex;
align-items: flex-end;
width: 100%;
height: 100%;
background-color: $color-primary-darker;
pointer-events: none;
user-select: none;
:global(img) {
opacity: 0.55;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
}
}

383
src/style/pages/_about.scss
View File

@@ -3,247 +3,119 @@
** Introduction ** Introduction
*/ */
&__introduction { &__introduction {
:global(picture) { padding: clamp(48px, 10vw, 80px) 0;
overflow: hidden;
:global(img) { @include bp (sm) {
display: block; padding: clamp(80px, 7vw, 128px) 0 clamp(200px, 20vw, 360px);
width: 100%;
height: auto;
}
} }
// First photo // Section title
.photo-first { h2 {
--rotate: -3deg;
$offset: 32px;
grid-column: 1 / -2;
grid-row: 1;
margin-left: -$offset;
transform: rotate(var(--rotate)) translateZ(0);
@include bp (sm) { @include bp (sm) {
grid-column: 2 / -6; grid-column: 3 / span 12;
} grid-row: 1;
@include bp (md) { margin-bottom: 24px;
grid-column: 4 / span 12;
margin-left: 0;
}
:global(picture) {
border-radius: clamp(8px, 1vw, 16px);
}
figcaption {
width: 75%;
max-width: 250px;
margin-top: 12px;
margin-left: $offset;
color: rgba($color-tertiary, 0.5);
@include bp (mob-lg) {
max-width: 400px;
}
@include bp (sm) {
width: 100%;
max-width: none;
margin-left: 0;
}
} }
} }
// Portrait // Heading text
.photo-us { .heading {
position: relative;
grid-row: 1;
z-index: 2;
grid-column: 6 / -1;
margin-top: clamp(56px, 12vw, 120px);
@include bp (sm) { @include bp (sm) {
grid-column: 18 / -1; grid-column: 3 / span 12;
} grid-row: 2;
@include bp (md) { align-self: baseline;
grid-column: 16 / span 4; max-width: 788px;
margin-top: clamp(56px, 7vw, 112px);
} }
:global(picture) { strong {
overflow: hidden; color: $color-secondary-light;
border-radius: clamp(6px, 1vw, 12px); font-weight: inherit;
transform: translate3d(clamp(32px, 3vw, 56px), 0, 0);
@include bp (md) {
transform: translate3d(calc(-1 * clamp(32px, 3vw, 56px)), 0, 0);
}
} }
} }
// Text // Right text
.text { .text {
grid-column: 1 / -1;
grid-row: 3;
color: $color-tertiary; color: $color-tertiary;
margin-top: 48px;
@include bp (sm) { @include bp (sm) {
margin-top: 96px; grid-column: 17 / span 6;
grid-column: 3 / -3; grid-row: 2;
} align-self: baseline;
@include bp (md) {
grid-column: 17 / span 7;
// max-width: 420px;
margin-top: calc(-1 * clamp(80px, 8vw, 120px));
} }
:global(img) { a {
display: inline-block;
width: 20px;
height: auto;
margin-right: 4px;
margin-left: 8px;
margin-bottom: 3px;
border-radius: 100%;
}
:global(a) {
display: inline-block;
color: currentColor; color: currentColor;
text-decoration: none; transition: color 0.3s;
&:hover { &:hover {
:global(strong) { color: $color-secondary-light;
color: $color-secondary-light;
}
} }
} }
:global(strong) {
font-weight: normal;
padding-bottom: 2px;
background-image: linear-gradient(rgba($color-tertiary, 0.3), rgba($color-tertiary, 0.3));
background-position: 0 100%;
background-size: 100% 1px;
background-repeat: no-repeat;
transition: color 0.4s var(--ease-quart);
}
} }
} }
/* /*
** Purpose ** Creation
*/ */
&__purpose { &__creation {
margin-top: 72px; background: #fff;
text-align: center;
@include bp (sm) { // First photo
margin-top: 120px; .first-photo {
}
.container {
grid-column: 2 / -2;
position: relative;
display: flex; display: flex;
align-items: center; flex-direction: column;
justify-content: center;
height: calc(var(--vh) * 0.9);
max-height: 720px;
color: #fff;
padding: 0 8%;
@include bp (sm) { @include bp (sm) {
padding: 0 18%; grid-column: 8 / -2;
max-height: 1200px; margin: -10vw 0 clamp(80px, 10vw, 128px);
}
}
// Text
.text {
opacity: 0.2;
max-width: 1024px;
transition: opacity 3s var(--ease-quart);
:global(strong) {
font-weight: inherit;
transition: color 3s var(--ease-quart);
}
}
// Background
.background {
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
opacity: 0;
background-color: $color-primary-tertiary20;
border-radius: 0px;
transform: scale(1.15) translateZ(0);
transition-property: opacity, transform, border-radius;
transition-delay: 0.25s;
&, &__illustration img {
transition-duration: 2.5s;
transition-timing-function: var(--ease-quart);
} }
// Illustration :global(picture) {
&__illustration {
position: relative;
width: 100%; width: 100%;
height: 100%; border-radius: 16px;
opacity: 0.75; overflow: hidden;
$mask: linear-gradient(180deg, #000 0%, rgba(0,0,0,0) 62.5%);
-webkit-mask-image: $mask;
mask-image: $mask;
user-select: none;
pointer-events: none;
img { :global(img) {
position: absolute;
bottom: 60%;
left: 0;
display: block; display: block;
width: 100%; width: 100%;
height: auto; height: auto;
opacity: 0;
transition-property: opacity;
transition-delay: 0.6s;
@include bp (md) {
bottom: 50%;
}
@include bp (sd) {
bottom: 40%;
}
} }
} }
}
figcaption {
// Visible state margin-left: auto;
&:global(.is-visible) { color: $color-gray;
.text { text-align: right;
opacity: 1;
:global(strong) {
color: darken($color-secondary-light, 4);
}
}
.background {
opacity: 1;
transform: scale(1) translateZ(0);
border-radius: 8px;
@include bp (sm) { @include bp (sm) {
border-radius: 16px; margin-top: 24px;
} }
&__illustration img { a {
opacity: 1; color: inherit;
text-decoration: none;
transition: color 0.3s;
&:hover {
color: $color-secondary;
span {
border-color: currentColor;
}
}
}
img {
display: inline-block;
width: 16px;
height: 16px;
margin: -2px 2px 0 0.25em;
border-radius: 100%;
}
span {
display: inline-block;
border-bottom: 1px solid rgba($color-gray, 0.25);
transition: border-color 0.3s;
} }
} }
} }
@@ -262,88 +134,87 @@
margin: 128px 0 0; margin: 128px 0 0;
} }
.title { & > .container {
grid-column: 1 / -1; align-items: center;
max-width: 400px; }
margin: 0 auto 48px;
padding: 0 32px;
text-align: center;
aside {
@include bp (sm) { @include bp (sm) {
grid-column: 1 / -1; grid-column: 3 / span 9;
margin-bottom: 80px;
padding: 0 16px;
} }
h2 { // Heading text
margin-bottom: 16px; .heading {
color: $color-secondary; max-width: 400px;
margin-bottom: 48px;
text-align: center;
@include bp (sm) { @include bp (sm) {
margin-bottom: 24px; margin-bottom: 80px;
text-align: left;
}
h2 {
margin-bottom: 16px;
color: $color-secondary;
@include bp (sm) {
margin-bottom: .5em;
}
}
p {
color: $color-tertiary;
font-weight: 300;
} }
} }
p {
color: $color-tertiary; // List of steps
font-weight: 300; ol {
li {
display: block;
margin: 6px 0;
&:first-child {
margin-top: 0;
}
&:last-child {
margin-bottom: 0;
}
}
a {
display: block;
text-decoration: none;
color: $color-lilas-bright;
transition: color 0.3s;
&:hover {
color: $color-secondary-light;
}
}
.is-active {
a {
color: #fff;
}
}
} }
} }
// Steps grid // Steps grid
.steps { .steps {
--card-offset: 16px; position: relative;
--card-margin: 40px;
grid-column: 1 / -1;
@include bp (sm) { @include bp (sm) {
grid-column: 4 / -4; display: grid;
padding-bottom: calc(var(--cards-amount) * var(--card-offset)); grid-template-rows: auto;
grid-column: 13 / span 11;
} }
& > :global(*) { & > :global(*) {
grid-column: 1 / -1;
position: sticky;
top: var(--card-margin);
transform-origin: center top;
padding-top: calc(var(--index) * var(--card-offset));
padding-bottom: var(--card-margin);
margin-bottom: calc(-1 * var(--index) * var(--card-offset));
will-change: transform;
}
}
// Intention
.intention {
grid-column: 1 / -1;
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
min-height: min(45vw, 720px);
padding: 56px 32px;
border-radius: 12px;
background: $color-primary-darker;
color: $color-tertiary;
text-align: center;
@include bp (sm) {
--columns: 18;
grid-column: 4 / -4;
border-radius: 16px;
}
&__content {
width: clamp(250px, 75%, 562px);
margin: 0 auto;
}
:global(.globe) {
margin-bottom: 32px;
@include bp (sm) { @include bp (sm) {
margin-bottom: 40px; grid-row: 1;
grid-column: 1 / -1;
transform-origin: left center;
} }
} }
} }