[wip] Rework About page
This commit is contained in:
16
package.json
16
package.json
@@ -19,7 +19,7 @@
|
||||
"dayjs": "^1.11.5",
|
||||
"embla-carousel": "^7.0.2",
|
||||
"focus-visible": "^5.2.0",
|
||||
"motion": "^10.14.1",
|
||||
"motion": "^10.14.2",
|
||||
"ogl": "^0.0.97",
|
||||
"sanitize.css": "^13.0.0",
|
||||
"tweakpane": "^3.1.0"
|
||||
@@ -28,9 +28,9 @@
|
||||
"@sveltejs/adapter-auto": "^1.0.0-next.71",
|
||||
"@sveltejs/adapter-node": "^1.0.0-next.88",
|
||||
"@sveltejs/adapter-vercel": "^1.0.0-next.72",
|
||||
"@sveltejs/kit": "^1.0.0-next.460",
|
||||
"@typescript-eslint/eslint-plugin": "^5.36.1",
|
||||
"@typescript-eslint/parser": "^5.36.1",
|
||||
"@sveltejs/kit": "^1.0.0-next.476",
|
||||
"@typescript-eslint/eslint-plugin": "^5.36.2",
|
||||
"@typescript-eslint/parser": "^5.36.2",
|
||||
"browserslist": "^4.21.3",
|
||||
"cssnano": "^5.1.13",
|
||||
"eslint": "^8.23.0",
|
||||
@@ -38,16 +38,16 @@
|
||||
"postcss": "^8.4.16",
|
||||
"postcss-focus-visible": "^7.1.0",
|
||||
"postcss-normalize": "^10.0.1",
|
||||
"postcss-preset-env": "^7.8.0",
|
||||
"postcss-sort-media-queries": "^4.2.1",
|
||||
"postcss-preset-env": "^7.8.1",
|
||||
"postcss-sort-media-queries": "^4.3.0",
|
||||
"sass": "^1.54.8",
|
||||
"svelte": "^3.49.0",
|
||||
"svelte": "github:baseballyama/svelte#fix/7828",
|
||||
"svelte-check": "^2.9.0",
|
||||
"svelte-preprocess": "^4.10.7",
|
||||
"swell-node": "^4.0.10",
|
||||
"tslib": "^2.4.0",
|
||||
"typescript": "^4.8.2",
|
||||
"vite": "^3.1.0-beta.1"
|
||||
"vite": "^3.1.0"
|
||||
},
|
||||
"type": "module",
|
||||
"browserslist": [
|
||||
|
||||
488
pnpm-lock.yaml
generated
488
pnpm-lock.yaml
generated
@@ -5,9 +5,9 @@ specifiers:
|
||||
'@sveltejs/adapter-auto': ^1.0.0-next.71
|
||||
'@sveltejs/adapter-node': ^1.0.0-next.88
|
||||
'@sveltejs/adapter-vercel': ^1.0.0-next.72
|
||||
'@sveltejs/kit': ^1.0.0-next.460
|
||||
'@typescript-eslint/eslint-plugin': ^5.36.1
|
||||
'@typescript-eslint/parser': ^5.36.1
|
||||
'@sveltejs/kit': ^1.0.0-next.476
|
||||
'@typescript-eslint/eslint-plugin': ^5.36.2
|
||||
'@typescript-eslint/parser': ^5.36.2
|
||||
browserslist: ^4.21.3
|
||||
cssnano: ^5.1.13
|
||||
dayjs: ^1.11.5
|
||||
@@ -15,30 +15,30 @@ specifiers:
|
||||
eslint: ^8.23.0
|
||||
eslint-plugin-svelte3: ^4.0.0
|
||||
focus-visible: ^5.2.0
|
||||
motion: ^10.14.1
|
||||
motion: ^10.14.2
|
||||
ogl: ^0.0.97
|
||||
postcss: ^8.4.16
|
||||
postcss-focus-visible: ^7.1.0
|
||||
postcss-normalize: ^10.0.1
|
||||
postcss-preset-env: ^7.8.0
|
||||
postcss-sort-media-queries: ^4.2.1
|
||||
postcss-preset-env: ^7.8.1
|
||||
postcss-sort-media-queries: ^4.3.0
|
||||
sanitize.css: ^13.0.0
|
||||
sass: ^1.54.8
|
||||
svelte: ^3.49.0
|
||||
svelte: github:baseballyama/svelte#fix/7828
|
||||
svelte-check: ^2.9.0
|
||||
svelte-preprocess: ^4.10.7
|
||||
swell-node: ^4.0.10
|
||||
tslib: ^2.4.0
|
||||
tweakpane: ^3.1.0
|
||||
typescript: ^4.8.2
|
||||
vite: ^3.1.0-beta.1
|
||||
vite: ^3.1.0
|
||||
|
||||
dependencies:
|
||||
'@studio-freight/lenis': 0.1.18
|
||||
dayjs: 1.11.5
|
||||
embla-carousel: 7.0.2
|
||||
focus-visible: 5.2.0
|
||||
motion: 10.14.1
|
||||
motion: 10.14.2
|
||||
ogl: 0.0.97
|
||||
sanitize.css: 13.0.0
|
||||
tweakpane: 3.1.0
|
||||
@@ -47,39 +47,39 @@ devDependencies:
|
||||
'@sveltejs/adapter-auto': 1.0.0-next.71
|
||||
'@sveltejs/adapter-node': 1.0.0-next.88
|
||||
'@sveltejs/adapter-vercel': 1.0.0-next.72
|
||||
'@sveltejs/kit': 1.0.0-next.460_fhgkwirxvgjw2igda6zmhiisma
|
||||
'@typescript-eslint/eslint-plugin': 5.36.1_lbwfnm54o3pmr3ypeqp3btnera
|
||||
'@typescript-eslint/parser': 5.36.1_yqf6kl63nyoq5megxukfnom5rm
|
||||
'@sveltejs/kit': 1.0.0-next.476_svelte@3.50.0+vite@3.1.0
|
||||
'@typescript-eslint/eslint-plugin': 5.36.2_iurrlxgqcgk5svigzxakafpeuu
|
||||
'@typescript-eslint/parser': 5.36.2_yqf6kl63nyoq5megxukfnom5rm
|
||||
browserslist: 4.21.3
|
||||
cssnano: 5.1.13_postcss@8.4.16
|
||||
eslint: 8.23.0
|
||||
eslint-plugin-svelte3: 4.0.0_sfdub7vxhxkt5wmgvhhmmgyu2e
|
||||
eslint-plugin-svelte3: 4.0.0_sc4laremvjv7grvyfrqmp3xv5q
|
||||
postcss: 8.4.16
|
||||
postcss-focus-visible: 7.1.0_postcss@8.4.16
|
||||
postcss-normalize: 10.0.1_mu2kzpkteq3ketk6piffleamkq
|
||||
postcss-preset-env: 7.8.0_postcss@8.4.16
|
||||
postcss-sort-media-queries: 4.2.1_postcss@8.4.16
|
||||
postcss-preset-env: 7.8.1_postcss@8.4.16
|
||||
postcss-sort-media-queries: 4.3.0_postcss@8.4.16
|
||||
sass: 1.54.8
|
||||
svelte: 3.49.0
|
||||
svelte-check: 2.9.0_f5urgkboyys3wbiivxj4sltznu
|
||||
svelte-preprocess: 4.10.7_pxxiereockejw5abpwoddd4ivy
|
||||
svelte: github.com/baseballyama/svelte/60d5418681b48aca803dd48cd1446649db80d141
|
||||
svelte-check: 2.9.0_rjdoehgmjsjjgqiald4wewriby
|
||||
svelte-preprocess: 4.10.7_xall5v2ndd26memt654fbj5nvq
|
||||
swell-node: 4.0.10
|
||||
tslib: 2.4.0
|
||||
typescript: 4.8.2
|
||||
vite: 3.1.0-beta.1_sass@1.54.8
|
||||
vite: 3.1.0_sass@1.54.8
|
||||
|
||||
packages:
|
||||
|
||||
/@cloudflare/workers-types/3.15.0:
|
||||
resolution: {integrity: sha512-meL/Afy5qdIsgfdnlbVfcYUh/YjHk23EWUvgmULf6iDrDbrBcd+fse2os3CC7rxSfScdP1OqJVTHgRSEjUm/Pw==}
|
||||
/@cloudflare/workers-types/3.16.0:
|
||||
resolution: {integrity: sha512-gaBUSaKS65mN3iKZEgichbXYEmAa/pXkc5Gbt+1BptYphdGkj09ggdsiE4w8g0F/uI1g36QaTKrzVnBAWMipvQ==}
|
||||
dev: true
|
||||
|
||||
/@csstools/normalize.css/12.0.0:
|
||||
resolution: {integrity: sha512-M0qqxAcwCsIVfpFQSlGN5XjXWu8l5JDZN+fPt1LeW5SZexQTgnaEvgXAY+CeygRw0EeppWHi12JxESWiWrB0Sg==}
|
||||
dev: true
|
||||
|
||||
/@csstools/postcss-cascade-layers/1.0.5_postcss@8.4.16:
|
||||
resolution: {integrity: sha512-Id/9wBT7FkgFzdEpiEWrsVd4ltDxN0rI0QS0SChbeQiSuux3z21SJCRLu6h2cvCEUmaRi+VD0mHFj+GJD4GFnw==}
|
||||
/@csstools/postcss-cascade-layers/1.0.6_postcss@8.4.16:
|
||||
resolution: {integrity: sha512-ei4Vh4AJwTCXTNj7uzwduoZDO7nLPksQ0TI7OzUlyFq4P4Uhu6hU7R4AlLimDP/s6D3PQdHmRL4f7UOy370UHA==}
|
||||
engines: {node: ^12 || ^14 || >=16}
|
||||
peerDependencies:
|
||||
postcss: ^8.2
|
||||
@@ -242,6 +242,15 @@ packages:
|
||||
dev: 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:
|
||||
resolution: {integrity: sha512-OhSY22oQQdw3zgPOOwdoj01l/Dzl1Z+xyUP33tkSN+aqyEhymJCcPHyXt+ylW8FSe0TfRC2VG+ROQOapD0aZSQ==}
|
||||
engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
|
||||
@@ -303,8 +312,8 @@ packages:
|
||||
'@jridgewell/sourcemap-codec': 1.4.14
|
||||
dev: true
|
||||
|
||||
/@mapbox/node-pre-gyp/1.0.9:
|
||||
resolution: {integrity: sha512-aDF3S3rK9Q2gey/WAttUlISduDItz5BU3306M9Eyv6/oS40aMprnopshtlKTykxRNIBEZuRMaZAnbrQ4QtKGyw==}
|
||||
/@mapbox/node-pre-gyp/1.0.10:
|
||||
resolution: {integrity: sha512-4ySo4CjzStuprMwk35H5pPbkymjv1SF3jGLj6rAHp/xT/RF7TL7bd9CTm1xDY49K2qF7jmR/g7k+SkLETP6opA==}
|
||||
hasBin: true
|
||||
dependencies:
|
||||
detect-libc: 2.0.1
|
||||
@@ -330,8 +339,8 @@ packages:
|
||||
tslib: 2.4.0
|
||||
dev: false
|
||||
|
||||
/@motionone/dom/10.14.1:
|
||||
resolution: {integrity: sha512-KdlWDm267Befu90Q4WqFrowTT6XdnIU2Mum/xCF3I03X6jROMwR+gZj9axYoGQfx5lndUyHbzqDglLaYXWzAfQ==}
|
||||
/@motionone/dom/10.14.2:
|
||||
resolution: {integrity: sha512-GbGtvTSelXfT4TeQUQ3Y31PllAu0Uvghqr68FSPAJsh1hjbuYPaiPJWpP6+t/t50cHtvUbl4m2SgnGKJ0NCgWA==}
|
||||
dependencies:
|
||||
'@motionone/animation': 10.14.0
|
||||
'@motionone/generators': 10.14.0
|
||||
@@ -356,10 +365,10 @@ packages:
|
||||
tslib: 2.4.0
|
||||
dev: false
|
||||
|
||||
/@motionone/svelte/10.14.1:
|
||||
resolution: {integrity: sha512-v4w2POtz04UgY1FspuRC753nvl9Ehw3o8twYeD2tkM4SAj9qW1WaX1q6jOtrFI7fjBP3qMzB1fOEl38sbeOu4g==}
|
||||
/@motionone/svelte/10.14.2:
|
||||
resolution: {integrity: sha512-WKgER0eH7b8q0/ODElHIbzMM3uIINdcdCw87jf7xqs4daidsy6e1ckh2XJF2Z8zyWyUEtO4VHvGumRX7EjrxFA==}
|
||||
dependencies:
|
||||
'@motionone/dom': 10.14.1
|
||||
'@motionone/dom': 10.14.2
|
||||
tslib: 2.4.0
|
||||
dev: false
|
||||
|
||||
@@ -375,10 +384,10 @@ packages:
|
||||
tslib: 2.4.0
|
||||
dev: false
|
||||
|
||||
/@motionone/vue/10.14.1:
|
||||
resolution: {integrity: sha512-C4RMJAbYSBmcUBcyTEOxPE2nkJRCewOfWgPnlCsYfVrV6J9+b11mdC67Z+LL1zped9dnr1jlG0uIST6r2WP8Pg==}
|
||||
/@motionone/vue/10.14.2:
|
||||
resolution: {integrity: sha512-nxC/j4WhOsXxVDUdWHJDUIvHSb97eu0Kn1HNzGp08Fm9WTFkKy0HtJtTqTdkGVks2jB/XBh/FO3wU2OzyDFZNw==}
|
||||
dependencies:
|
||||
'@motionone/dom': 10.14.1
|
||||
'@motionone/dom': 10.14.2
|
||||
tslib: 2.4.0
|
||||
dev: false
|
||||
|
||||
@@ -436,7 +445,7 @@ packages:
|
||||
/@sveltejs/adapter-cloudflare/1.0.0-next.32:
|
||||
resolution: {integrity: sha512-tzkUsdQlBk9xUjcGUOBYos4HKaeaXvz9v4TQ1QS2yIHEtL5xvMEDPZ94/DB2gPL4LZCnYbdY2lsy5HCsoN0hkQ==}
|
||||
dependencies:
|
||||
'@cloudflare/workers-types': 3.15.0
|
||||
'@cloudflare/workers-types': 3.16.0
|
||||
esbuild: 0.14.54
|
||||
worktop: 0.8.0-next.14
|
||||
dev: true
|
||||
@@ -459,25 +468,25 @@ packages:
|
||||
/@sveltejs/adapter-vercel/1.0.0-next.72:
|
||||
resolution: {integrity: sha512-oNs8FQaYC2NnwDcvX/jc9MDNqXc9HxwGPQNkd+1vBpFVWZl9mShQgCcOMzfTOIH0ka984jYNa0ZawYYHex79xg==}
|
||||
dependencies:
|
||||
'@vercel/nft': 0.22.0
|
||||
'@vercel/nft': 0.22.1
|
||||
esbuild: 0.14.54
|
||||
transitivePeerDependencies:
|
||||
- encoding
|
||||
- supports-color
|
||||
dev: true
|
||||
|
||||
/@sveltejs/kit/1.0.0-next.460_fhgkwirxvgjw2igda6zmhiisma:
|
||||
resolution: {integrity: sha512-bwDkwzEN72+1K5FXqBQGrYOwyA6V5sSSec/A6qXMTfh4uycFTiIQh/e2ki3pxfG0SwijrUo43FEbdKLyBiuDgQ==}
|
||||
/@sveltejs/kit/1.0.0-next.476_svelte@3.50.0+vite@3.1.0:
|
||||
resolution: {integrity: sha512-sCd51gwU5eva/bFEQCQDgRc2buNCHC3bk5tLz7uoF7PUkNFFuqJSfkLYd3hs1T3VQWrkH8oU9HK3mJsUKAWe1A==}
|
||||
engines: {node: '>=16.14'}
|
||||
hasBin: true
|
||||
requiresBuild: true
|
||||
peerDependencies:
|
||||
svelte: ^3.44.0
|
||||
vite: ^3.1.0-beta.1
|
||||
vite: ^3.1.0
|
||||
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
|
||||
devalue: 3.1.2
|
||||
devalue: 3.1.3
|
||||
kleur: 4.1.5
|
||||
magic-string: 0.26.3
|
||||
mime: 3.0.0
|
||||
@@ -485,17 +494,17 @@ packages:
|
||||
sade: 1.8.1
|
||||
set-cookie-parser: 2.5.1
|
||||
sirv: 2.0.2
|
||||
svelte: 3.49.0
|
||||
svelte: github.com/baseballyama/svelte/60d5418681b48aca803dd48cd1446649db80d141
|
||||
tiny-glob: 0.2.9
|
||||
undici: 5.10.0
|
||||
vite: 3.1.0-beta.1_sass@1.54.8
|
||||
vite: 3.1.0_sass@1.54.8
|
||||
transitivePeerDependencies:
|
||||
- diff-match-patch
|
||||
- supports-color
|
||||
dev: true
|
||||
|
||||
/@sveltejs/vite-plugin-svelte/1.0.3_fhgkwirxvgjw2igda6zmhiisma:
|
||||
resolution: {integrity: sha512-0Qu51m2W9RBlxWPp8i31KJpnqmjWMOne8vAzgmOX6ZM9uX+/RAv6BNhEMcNoP5MsyLjyW1ZTCiJoaZZ5EeqpFg==}
|
||||
/@sveltejs/vite-plugin-svelte/1.0.5_svelte@3.50.0+vite@3.1.0:
|
||||
resolution: {integrity: sha512-CmSdSow0Dr5ua1A11BQMtreWnE0JZmkVIcRU/yG3PKbycKUpXjNdgYTWFSbStLB0vdlGnBbm2+Y4sBVj+C+TIw==}
|
||||
engines: {node: ^14.18.0 || >= 16}
|
||||
peerDependencies:
|
||||
diff-match-patch: ^1.0.5
|
||||
@@ -510,9 +519,9 @@ packages:
|
||||
deepmerge: 4.2.2
|
||||
kleur: 4.1.5
|
||||
magic-string: 0.26.3
|
||||
svelte: 3.49.0
|
||||
svelte-hmr: 0.14.12_svelte@3.49.0
|
||||
vite: 3.1.0-beta.1_sass@1.54.8
|
||||
svelte: github.com/baseballyama/svelte/60d5418681b48aca803dd48cd1446649db80d141
|
||||
svelte-hmr: 0.14.12_svelte@3.50.0
|
||||
vite: 3.1.0_sass@1.54.8
|
||||
transitivePeerDependencies:
|
||||
- supports-color
|
||||
dev: true
|
||||
@@ -526,8 +535,8 @@ packages:
|
||||
resolution: {integrity: sha512-wOuvG1SN4Us4rez+tylwwwCV1psiNVOkJeM3AUWUNWg/jDQY2+HE/444y5gc+jBmRqASOm2Oeh5c1axHobwRKQ==}
|
||||
dev: true
|
||||
|
||||
/@types/node/18.7.14:
|
||||
resolution: {integrity: sha512-6bbDaETVi8oyIARulOE9qF1/Qdi/23z6emrUh0fNJRUmjznqrixD4MpGDdgOFk5Xb0m2H6Xu42JGdvAxaJR/wA==}
|
||||
/@types/node/18.7.15:
|
||||
resolution: {integrity: sha512-XnjpaI8Bgc3eBag2Aw4t2Uj/49lLBSStHWfqKvIuXD7FIrZyMLWp8KuAFHAqxMZYTF9l08N1ctUn9YNybZJVmQ==}
|
||||
dev: true
|
||||
|
||||
/@types/pug/2.0.6:
|
||||
@@ -537,11 +546,11 @@ packages:
|
||||
/@types/sass/1.43.1:
|
||||
resolution: {integrity: sha512-BPdoIt1lfJ6B7rw35ncdwBZrAssjcwzI5LByIrYs+tpXlj/CAkuVdRsgZDdP4lq5EjyWzwxZCqAoFyHKFwp32g==}
|
||||
dependencies:
|
||||
'@types/node': 18.7.14
|
||||
'@types/node': 18.7.15
|
||||
dev: true
|
||||
|
||||
/@typescript-eslint/eslint-plugin/5.36.1_lbwfnm54o3pmr3ypeqp3btnera:
|
||||
resolution: {integrity: sha512-iC40UK8q1tMepSDwiLbTbMXKDxzNy+4TfPWgIL661Ym0sD42vRcQU93IsZIrmi+x292DBr60UI/gSwfdVYexCA==}
|
||||
/@typescript-eslint/eslint-plugin/5.36.2_iurrlxgqcgk5svigzxakafpeuu:
|
||||
resolution: {integrity: sha512-OwwR8LRwSnI98tdc2z7mJYgY60gf7I9ZfGjN5EjCwwns9bdTuQfAXcsjSB2wSQ/TVNYSGKf4kzVXbNGaZvwiXw==}
|
||||
engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
|
||||
peerDependencies:
|
||||
'@typescript-eslint/parser': ^5.0.0
|
||||
@@ -551,10 +560,10 @@ packages:
|
||||
typescript:
|
||||
optional: true
|
||||
dependencies:
|
||||
'@typescript-eslint/parser': 5.36.1_yqf6kl63nyoq5megxukfnom5rm
|
||||
'@typescript-eslint/scope-manager': 5.36.1
|
||||
'@typescript-eslint/type-utils': 5.36.1_yqf6kl63nyoq5megxukfnom5rm
|
||||
'@typescript-eslint/utils': 5.36.1_yqf6kl63nyoq5megxukfnom5rm
|
||||
'@typescript-eslint/parser': 5.36.2_yqf6kl63nyoq5megxukfnom5rm
|
||||
'@typescript-eslint/scope-manager': 5.36.2
|
||||
'@typescript-eslint/type-utils': 5.36.2_yqf6kl63nyoq5megxukfnom5rm
|
||||
'@typescript-eslint/utils': 5.36.2_yqf6kl63nyoq5megxukfnom5rm
|
||||
debug: 4.3.4
|
||||
eslint: 8.23.0
|
||||
functional-red-black-tree: 1.0.1
|
||||
@@ -567,8 +576,8 @@ packages:
|
||||
- supports-color
|
||||
dev: true
|
||||
|
||||
/@typescript-eslint/parser/5.36.1_yqf6kl63nyoq5megxukfnom5rm:
|
||||
resolution: {integrity: sha512-/IsgNGOkBi7CuDfUbwt1eOqUXF9WGVBW9dwEe1pi+L32XrTsZIgmDFIi2RxjzsvB/8i+MIf5JIoTEH8LOZ368A==}
|
||||
/@typescript-eslint/parser/5.36.2_yqf6kl63nyoq5megxukfnom5rm:
|
||||
resolution: {integrity: sha512-qS/Kb0yzy8sR0idFspI9Z6+t7mqk/oRjnAYfewG+VN73opAUvmYL3oPIMmgOX6CnQS6gmVIXGshlb5RY/R22pA==}
|
||||
engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
|
||||
peerDependencies:
|
||||
eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
|
||||
@@ -577,9 +586,9 @@ packages:
|
||||
typescript:
|
||||
optional: true
|
||||
dependencies:
|
||||
'@typescript-eslint/scope-manager': 5.36.1
|
||||
'@typescript-eslint/types': 5.36.1
|
||||
'@typescript-eslint/typescript-estree': 5.36.1_typescript@4.8.2
|
||||
'@typescript-eslint/scope-manager': 5.36.2
|
||||
'@typescript-eslint/types': 5.36.2
|
||||
'@typescript-eslint/typescript-estree': 5.36.2_typescript@4.8.2
|
||||
debug: 4.3.4
|
||||
eslint: 8.23.0
|
||||
typescript: 4.8.2
|
||||
@@ -587,16 +596,16 @@ packages:
|
||||
- supports-color
|
||||
dev: true
|
||||
|
||||
/@typescript-eslint/scope-manager/5.36.1:
|
||||
resolution: {integrity: sha512-pGC2SH3/tXdu9IH3ItoqciD3f3RRGCh7hb9zPdN2Drsr341zgd6VbhP5OHQO/reUqihNltfPpMpTNihFMarP2w==}
|
||||
/@typescript-eslint/scope-manager/5.36.2:
|
||||
resolution: {integrity: sha512-cNNP51L8SkIFSfce8B1NSUBTJTu2Ts4nWeWbFrdaqjmn9yKrAaJUBHkyTZc0cL06OFHpb+JZq5AUHROS398Orw==}
|
||||
engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
|
||||
dependencies:
|
||||
'@typescript-eslint/types': 5.36.1
|
||||
'@typescript-eslint/visitor-keys': 5.36.1
|
||||
'@typescript-eslint/types': 5.36.2
|
||||
'@typescript-eslint/visitor-keys': 5.36.2
|
||||
dev: true
|
||||
|
||||
/@typescript-eslint/type-utils/5.36.1_yqf6kl63nyoq5megxukfnom5rm:
|
||||
resolution: {integrity: sha512-xfZhfmoQT6m3lmlqDvDzv9TiCYdw22cdj06xY0obSznBsT///GK5IEZQdGliXpAOaRL34o8phEvXzEo/VJx13Q==}
|
||||
/@typescript-eslint/type-utils/5.36.2_yqf6kl63nyoq5megxukfnom5rm:
|
||||
resolution: {integrity: sha512-rPQtS5rfijUWLouhy6UmyNquKDPhQjKsaKH0WnY6hl/07lasj8gPaH2UD8xWkePn6SC+jW2i9c2DZVDnL+Dokw==}
|
||||
engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
|
||||
peerDependencies:
|
||||
eslint: '*'
|
||||
@@ -605,8 +614,8 @@ packages:
|
||||
typescript:
|
||||
optional: true
|
||||
dependencies:
|
||||
'@typescript-eslint/typescript-estree': 5.36.1_typescript@4.8.2
|
||||
'@typescript-eslint/utils': 5.36.1_yqf6kl63nyoq5megxukfnom5rm
|
||||
'@typescript-eslint/typescript-estree': 5.36.2_typescript@4.8.2
|
||||
'@typescript-eslint/utils': 5.36.2_yqf6kl63nyoq5megxukfnom5rm
|
||||
debug: 4.3.4
|
||||
eslint: 8.23.0
|
||||
tsutils: 3.21.0_typescript@4.8.2
|
||||
@@ -615,13 +624,13 @@ packages:
|
||||
- supports-color
|
||||
dev: true
|
||||
|
||||
/@typescript-eslint/types/5.36.1:
|
||||
resolution: {integrity: sha512-jd93ShpsIk1KgBTx9E+hCSEuLCUFwi9V/urhjOWnOaksGZFbTOxAT47OH2d4NLJnLhkVD+wDbB48BuaycZPLBg==}
|
||||
/@typescript-eslint/types/5.36.2:
|
||||
resolution: {integrity: sha512-9OJSvvwuF1L5eS2EQgFUbECb99F0mwq501w0H0EkYULkhFa19Qq7WFbycdw1PexAc929asupbZcgjVIe6OK/XQ==}
|
||||
engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
|
||||
dev: true
|
||||
|
||||
/@typescript-eslint/typescript-estree/5.36.1_typescript@4.8.2:
|
||||
resolution: {integrity: sha512-ih7V52zvHdiX6WcPjsOdmADhYMDN15SylWRZrT2OMy80wzKbc79n8wFW0xpWpU0x3VpBz/oDgTm2xwDAnFTl+g==}
|
||||
/@typescript-eslint/typescript-estree/5.36.2_typescript@4.8.2:
|
||||
resolution: {integrity: sha512-8fyH+RfbKc0mTspfuEjlfqA4YywcwQK2Amcf6TDOwaRLg7Vwdu4bZzyvBZp4bjt1RRjQ5MDnOZahxMrt2l5v9w==}
|
||||
engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
|
||||
peerDependencies:
|
||||
typescript: '*'
|
||||
@@ -629,8 +638,8 @@ packages:
|
||||
typescript:
|
||||
optional: true
|
||||
dependencies:
|
||||
'@typescript-eslint/types': 5.36.1
|
||||
'@typescript-eslint/visitor-keys': 5.36.1
|
||||
'@typescript-eslint/types': 5.36.2
|
||||
'@typescript-eslint/visitor-keys': 5.36.2
|
||||
debug: 4.3.4
|
||||
globby: 11.1.0
|
||||
is-glob: 4.0.3
|
||||
@@ -641,16 +650,16 @@ packages:
|
||||
- supports-color
|
||||
dev: true
|
||||
|
||||
/@typescript-eslint/utils/5.36.1_yqf6kl63nyoq5megxukfnom5rm:
|
||||
resolution: {integrity: sha512-lNj4FtTiXm5c+u0pUehozaUWhh7UYKnwryku0nxJlYUEWetyG92uw2pr+2Iy4M/u0ONMKzfrx7AsGBTCzORmIg==}
|
||||
/@typescript-eslint/utils/5.36.2_yqf6kl63nyoq5megxukfnom5rm:
|
||||
resolution: {integrity: sha512-uNcopWonEITX96v9pefk9DC1bWMdkweeSsewJ6GeC7L6j2t0SJywisgkr9wUTtXk90fi2Eljj90HSHm3OGdGRg==}
|
||||
engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
|
||||
peerDependencies:
|
||||
eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
|
||||
dependencies:
|
||||
'@types/json-schema': 7.0.11
|
||||
'@typescript-eslint/scope-manager': 5.36.1
|
||||
'@typescript-eslint/types': 5.36.1
|
||||
'@typescript-eslint/typescript-estree': 5.36.1_typescript@4.8.2
|
||||
'@typescript-eslint/scope-manager': 5.36.2
|
||||
'@typescript-eslint/types': 5.36.2
|
||||
'@typescript-eslint/typescript-estree': 5.36.2_typescript@4.8.2
|
||||
eslint: 8.23.0
|
||||
eslint-scope: 5.1.1
|
||||
eslint-utils: 3.0.0_eslint@8.23.0
|
||||
@@ -659,19 +668,19 @@ packages:
|
||||
- typescript
|
||||
dev: true
|
||||
|
||||
/@typescript-eslint/visitor-keys/5.36.1:
|
||||
resolution: {integrity: sha512-ojB9aRyRFzVMN3b5joSYni6FAS10BBSCAfKJhjJAV08t/a95aM6tAhz+O1jF+EtgxktuSO3wJysp2R+Def/IWQ==}
|
||||
/@typescript-eslint/visitor-keys/5.36.2:
|
||||
resolution: {integrity: sha512-BtRvSR6dEdrNt7Net2/XDjbYKU5Ml6GqJgVfXT0CxTCJlnIqK7rAGreuWKMT2t8cFUT2Msv5oxw0GMRD7T5J7A==}
|
||||
engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
|
||||
dependencies:
|
||||
'@typescript-eslint/types': 5.36.1
|
||||
'@typescript-eslint/types': 5.36.2
|
||||
eslint-visitor-keys: 3.3.0
|
||||
dev: true
|
||||
|
||||
/@vercel/nft/0.22.0:
|
||||
resolution: {integrity: sha512-hB80/093PPiCefN2gVbqv6J93MH+63Zr7uDCwkiS/U4W07DXkLoftbnkBmZoS0Q84LiTSl9DRVSHU4XYCX+sJA==}
|
||||
/@vercel/nft/0.22.1:
|
||||
resolution: {integrity: sha512-lYYZIoxRurqDOSoVIdBicGnpUIpfyaS5qVjdPq+EfI285WqtZK3NK/dyCkiyBul+X2U2OEhRyeMdXPCHGJbohw==}
|
||||
hasBin: true
|
||||
dependencies:
|
||||
'@mapbox/node-pre-gyp': 1.0.9
|
||||
'@mapbox/node-pre-gyp': 1.0.10
|
||||
acorn: 8.8.0
|
||||
async-sema: 3.1.1
|
||||
bindings: 1.5.0
|
||||
@@ -776,7 +785,7 @@ packages:
|
||||
postcss: ^8.1.0
|
||||
dependencies:
|
||||
browserslist: 4.21.3
|
||||
caniuse-lite: 1.0.30001387
|
||||
caniuse-lite: 1.0.30001390
|
||||
fraction.js: 4.2.0
|
||||
normalize-range: 0.1.2
|
||||
picocolors: 1.0.0
|
||||
@@ -822,10 +831,10 @@ packages:
|
||||
engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
|
||||
hasBin: true
|
||||
dependencies:
|
||||
caniuse-lite: 1.0.30001387
|
||||
electron-to-chromium: 1.4.239
|
||||
caniuse-lite: 1.0.30001390
|
||||
electron-to-chromium: 1.4.243
|
||||
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
|
||||
|
||||
/buffer-crc32/0.2.13:
|
||||
@@ -841,13 +850,13 @@ packages:
|
||||
resolution: {integrity: sha512-bsTwuIg/BZZK/vreVTYYbSWoe2F+71P7K5QGEX+pT250DZbfU1MQ5prOKpPR+LL6uWKK3KMwMCAS74QB3Um1uw==}
|
||||
dependencies:
|
||||
browserslist: 4.21.3
|
||||
caniuse-lite: 1.0.30001387
|
||||
caniuse-lite: 1.0.30001390
|
||||
lodash.memoize: 4.1.2
|
||||
lodash.uniq: 4.5.0
|
||||
dev: true
|
||||
|
||||
/caniuse-lite/1.0.30001387:
|
||||
resolution: {integrity: sha512-fKDH0F1KOJvR+mWSOvhj8lVRr/Q/mc5u5nabU2vi1/sgvlSqEsE8dOq0Hy/BqVbDkCYQPRRHB1WRjW6PGB/7PA==}
|
||||
/caniuse-lite/1.0.30001390:
|
||||
resolution: {integrity: sha512-sS4CaUM+/+vqQUlCvCJ2WtDlV81aWtHhqeEVkLokVJJa3ViN4zDxAGfq9R8i1m90uGHxo99cy10Od+lvn3hf0g==}
|
||||
dev: true
|
||||
|
||||
/chalk/4.1.2:
|
||||
@@ -936,8 +945,8 @@ packages:
|
||||
postcss-selector-parser: 6.0.10
|
||||
dev: true
|
||||
|
||||
/css-declaration-sorter/6.3.0_postcss@8.4.16:
|
||||
resolution: {integrity: sha512-OGT677UGHJTAVMRhPO+HJ4oKln3wkBTwtDFH0ojbqm+MJm6xuDMHp2nkhh/ThaBqq20IbraBQSWKfSLNHQO9Og==}
|
||||
/css-declaration-sorter/6.3.1_postcss@8.4.16:
|
||||
resolution: {integrity: sha512-fBffmak0bPAnyqc/HO8C3n2sHrp9wcqQz6ES9koRF2/mLOVAx9zIQ3Y7R29sYCteTPqMCwns4WYQoCX91Xl3+w==}
|
||||
engines: {node: ^10 || ^12 || >=14}
|
||||
peerDependencies:
|
||||
postcss: ^8.0.9
|
||||
@@ -1005,7 +1014,7 @@ packages:
|
||||
peerDependencies:
|
||||
postcss: ^8.2.15
|
||||
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
|
||||
postcss: 8.4.16
|
||||
postcss-calc: 8.2.4_postcss@8.4.16
|
||||
@@ -1109,8 +1118,8 @@ packages:
|
||||
engines: {node: '>=8'}
|
||||
dev: true
|
||||
|
||||
/devalue/3.1.2:
|
||||
resolution: {integrity: sha512-wUXbMGPAsBx79UF14nsWSsJlC7RcwPlf2w3bGheODWxKx57e9n68ceoijbqCJCEbjyo0S79nqfPwQgyijwLaqw==}
|
||||
/devalue/3.1.3:
|
||||
resolution: {integrity: sha512-9KO89Cb+qjzf2CqdrH+NuLaqdk9GhDP5EhR4zlkR51dvuIaiqtlkDkGzLMShDemwUy21raSMdu+kpX8Enw3yGQ==}
|
||||
dev: true
|
||||
|
||||
/dir-glob/3.0.1:
|
||||
@@ -1154,8 +1163,8 @@ packages:
|
||||
domhandler: 4.3.1
|
||||
dev: true
|
||||
|
||||
/electron-to-chromium/1.4.239:
|
||||
resolution: {integrity: sha512-XbhfzxPIFzMjJm17T7yUGZEyYh5XuUjrA/FQ7JUy2bEd4qQ7MvFTaKpZ6zXZog1cfVttESo2Lx0ctnf7eQOaAQ==}
|
||||
/electron-to-chromium/1.4.243:
|
||||
resolution: {integrity: sha512-BgLD2gBX43OSXwlT01oYRRD5NIB4n3okTRxkzEAC6G0SZG4TTlyrWMjbOo0fajCwqwpRtMHXQNMjtRN6qpNtfw==}
|
||||
dev: true
|
||||
|
||||
/embla-carousel/7.0.2:
|
||||
@@ -1183,6 +1192,15 @@ packages:
|
||||
dev: 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:
|
||||
resolution: {integrity: sha512-F9E+/QDi9sSkLaClO8SOV6etqPd+5DgJje1F9lOWoNncDdOBL2YF59IhsWATSt0TLZbYCf3pNlTHvVV5VfHdvg==}
|
||||
engines: {node: '>=12'}
|
||||
@@ -1192,6 +1210,15 @@ packages:
|
||||
dev: 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:
|
||||
resolution: {integrity: sha512-jtdKWV3nBviOd5v4hOpkVmpxsBy90CGzebpbO9beiqUYVMBtSc0AL9zGftFuBon7PNDcdvNCEuQqw2x0wP9yug==}
|
||||
engines: {node: '>=12'}
|
||||
@@ -1201,6 +1228,15 @@ packages:
|
||||
dev: 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:
|
||||
resolution: {integrity: sha512-OPafJHD2oUPyvJMrsCvDGkRrVCar5aVyHfWGQzY1dWnzErjrDuSETxwA2HSsyg2jORLY8yBfzc1MIpUkXlctmw==}
|
||||
engines: {node: '>=12'}
|
||||
@@ -1210,6 +1246,15 @@ packages:
|
||||
dev: 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:
|
||||
resolution: {integrity: sha512-OKwd4gmwHqOTp4mOGZKe/XUlbDJ4Q9TjX0hMPIDBUWWu/kwhBAudJdBoxnjNf9ocIB6GN6CPowYpR/hRCbSYAg==}
|
||||
engines: {node: '>=12'}
|
||||
@@ -1219,6 +1264,15 @@ packages:
|
||||
dev: 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:
|
||||
resolution: {integrity: sha512-sFwueGr7OvIFiQT6WeG0jRLjkjdqWWSrfbVwZp8iMP+8UHEHRBvlaxL6IuKNDwAozNUmbb8nIMXa7oAOARGs1Q==}
|
||||
engines: {node: '>=12'}
|
||||
@@ -1228,6 +1282,15 @@ packages:
|
||||
dev: 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:
|
||||
resolution: {integrity: sha512-1ZuY+JDI//WmklKlBgJnglpUL1owm2OX+8E1syCD6UAxcMM/XoWd76OHSjl/0MR0LisSAXDqgjT3uJqT67O3qw==}
|
||||
engines: {node: '>=12'}
|
||||
@@ -1237,6 +1300,15 @@ packages:
|
||||
dev: 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:
|
||||
resolution: {integrity: sha512-EgjAgH5HwTbtNsTqQOXWApBaPVdDn7XcK+/PtJwZLT1UmpLoznPd8c5CxqsH2dQK3j05YsB3L17T8vE7cp4cCg==}
|
||||
engines: {node: '>=12'}
|
||||
@@ -1246,6 +1318,15 @@ packages:
|
||||
dev: 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:
|
||||
resolution: {integrity: sha512-qqz/SjemQhVMTnvcLGoLOdFpCYbz4v4fUo+TfsWG+1aOu70/80RV6bgNpR2JCrppV2moUQkww+6bWxXRL9YMGw==}
|
||||
engines: {node: '>=12'}
|
||||
@@ -1255,6 +1336,15 @@ packages:
|
||||
dev: 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:
|
||||
resolution: {integrity: sha512-WL71L+0Rwv+Gv/HTmxTEmpv0UgmxYa5ftZILVi2QmZBgX3q7+tDeOQNqGtdXSdsL8TQi1vIaVFHUPDe0O0kdig==}
|
||||
engines: {node: '>=12'}
|
||||
@@ -1264,6 +1354,15 @@ packages:
|
||||
dev: 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:
|
||||
resolution: {integrity: sha512-qTHGQB8D1etd0u1+sB6p0ikLKRVuCWhYQhAHRPkO+OF3I/iSlTKNNS0Lh2Oc0g0UFGguaFZZiPJdJey3AGpAlw==}
|
||||
engines: {node: '>=12'}
|
||||
@@ -1273,6 +1372,15 @@ packages:
|
||||
dev: 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:
|
||||
resolution: {integrity: sha512-j3OMlzHiqwZBDPRCDFKcx595XVfOfOnv68Ax3U4UKZ3MTYQB5Yz3X1mn5GnodEVYzhtZgxEBidLWeIs8FDSfrQ==}
|
||||
engines: {node: '>=12'}
|
||||
@@ -1282,6 +1390,15 @@ packages:
|
||||
dev: 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:
|
||||
resolution: {integrity: sha512-y7Vt7Wl9dkOGZjxQZnDAqqn+XOqFD7IMWiewY5SPlNlzMX39ocPQlOaoxvT4FllA5viyV26/QzHtvTjVNOxHZg==}
|
||||
engines: {node: '>=12'}
|
||||
@@ -1291,6 +1408,15 @@ packages:
|
||||
dev: 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:
|
||||
resolution: {integrity: sha512-zaHpW9dziAsi7lRcyV4r8dhfG1qBidQWUXweUjnw+lliChJqQr+6XD71K41oEIC3Mx1KStovEmlzm+MkGZHnHA==}
|
||||
engines: {node: '>=12'}
|
||||
@@ -1300,6 +1426,15 @@ packages:
|
||||
dev: 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:
|
||||
resolution: {integrity: sha512-PR01lmIMnfJTgeU9VJTDY9ZerDWVFIUzAtJuDHwwceppW7cQWjBBqP48NdeRtoP04/AtO9a7w3viI+PIDr6d+w==}
|
||||
engines: {node: '>=12'}
|
||||
@@ -1309,6 +1444,15 @@ packages:
|
||||
dev: 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:
|
||||
resolution: {integrity: sha512-Qyk7ikT2o7Wu76UsvvDS5q0amJvmRzDyVlL0qf5VLsLchjCa1+IAvd8kTBgUxD7VBUUVgItLkk609ZHUc1oCaw==}
|
||||
engines: {node: '>=12'}
|
||||
@@ -1318,6 +1462,15 @@ packages:
|
||||
dev: 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:
|
||||
resolution: {integrity: sha512-28GZ24KmMSeKi5ueWzMcco6EBHStL3B6ubM7M51RmPwXQGLe0teBGJocmWhgwccA1GeFXqxzILIxXpHbl9Q/Kw==}
|
||||
engines: {node: '>=12'}
|
||||
@@ -1327,6 +1480,15 @@ packages:
|
||||
dev: 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:
|
||||
resolution: {integrity: sha512-T+rdZW19ql9MjS7pixmZYVObd9G7kcaZo+sETqNH4RCkuuYSuv9AGHUVnPoP9hhuE1WM1ZimHz1CIBHBboLU7w==}
|
||||
engines: {node: '>=12'}
|
||||
@@ -1336,6 +1498,15 @@ packages:
|
||||
dev: 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:
|
||||
resolution: {integrity: sha512-AoHTRBUuYwXtZhjXZbA1pGfTo8cJo3vZIcWGLiUcTNgHpJJMC1rVA44ZereBHMJtotyN71S8Qw0npiCIkW96cQ==}
|
||||
engines: {node: '>=12'}
|
||||
@@ -1345,6 +1516,15 @@ packages:
|
||||
dev: 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:
|
||||
resolution: {integrity: sha512-M0kuUvXhot1zOISQGXwWn6YtS+Y/1RT9WrVIOywZnJHo3jCDyewAc79aKNQWFCQm+xNHVTq9h8dZKvygoXQQRg==}
|
||||
engines: {node: '>=12'}
|
||||
@@ -1354,6 +1534,15 @@ packages:
|
||||
dev: 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:
|
||||
resolution: {integrity: sha512-Cy9llcy8DvET5uznocPyqL3BFRrFXSVqbgpMJ9Wz8oVjZlh/zUSNbPRbov0VX7VxN2JH1Oa0uNxZ7eLRb62pJA==}
|
||||
engines: {node: '>=12'}
|
||||
@@ -1383,6 +1572,35 @@ packages:
|
||||
esbuild-windows-arm64: 0.14.54
|
||||
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:
|
||||
resolution: {integrity: sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==}
|
||||
engines: {node: '>=6'}
|
||||
@@ -1393,14 +1611,14 @@ packages:
|
||||
engines: {node: '>=10'}
|
||||
dev: true
|
||||
|
||||
/eslint-plugin-svelte3/4.0.0_sfdub7vxhxkt5wmgvhhmmgyu2e:
|
||||
/eslint-plugin-svelte3/4.0.0_sc4laremvjv7grvyfrqmp3xv5q:
|
||||
resolution: {integrity: sha512-OIx9lgaNzD02+MDFNLw0GEUbuovNcglg+wnd/UY0fbZmlQSz7GlQiQ1f+yX0XvC07XPcDOnFcichqI3xCwp71g==}
|
||||
peerDependencies:
|
||||
eslint: '>=8.0.0'
|
||||
svelte: ^3.2.0
|
||||
dependencies:
|
||||
eslint: 8.23.0
|
||||
svelte: 3.49.0
|
||||
svelte: github.com/baseballyama/svelte/60d5418681b48aca803dd48cd1446649db80d141
|
||||
dev: true
|
||||
|
||||
/eslint-scope/5.1.1:
|
||||
@@ -1972,15 +2190,15 @@ packages:
|
||||
hasBin: true
|
||||
dev: true
|
||||
|
||||
/motion/10.14.1:
|
||||
resolution: {integrity: sha512-WM9il2OBsyBqFt9ewVU0KXkftGrQh8xIuRJGntM6YXIKPfhM2vswRMsPaiVaPB8ujPgG2gefj5MQc8bMSD81dQ==}
|
||||
/motion/10.14.2:
|
||||
resolution: {integrity: sha512-zZp9PL4/O7nSgQBWBDdyvGm25Ef/hQUUVAOnyzxn2IvAhp496M+RB9p1ce4nN7cYLizox2Bq77/dTIjFGkJmAw==}
|
||||
dependencies:
|
||||
'@motionone/animation': 10.14.0
|
||||
'@motionone/dom': 10.14.1
|
||||
'@motionone/svelte': 10.14.1
|
||||
'@motionone/dom': 10.14.2
|
||||
'@motionone/svelte': 10.14.2
|
||||
'@motionone/types': 10.14.0
|
||||
'@motionone/utils': 10.14.0
|
||||
'@motionone/vue': 10.14.1
|
||||
'@motionone/vue': 10.14.2
|
||||
dev: false
|
||||
|
||||
/mri/1.2.0:
|
||||
@@ -2675,13 +2893,13 @@ packages:
|
||||
postcss-value-parser: 4.2.0
|
||||
dev: true
|
||||
|
||||
/postcss-preset-env/7.8.0_postcss@8.4.16:
|
||||
resolution: {integrity: sha512-leqiqLOellpLKfbHkD06E04P6d9ZQ24mat6hu4NSqun7WG0UhspHR5Myiv/510qouCjoo4+YJtNOqg5xHaFnCA==}
|
||||
/postcss-preset-env/7.8.1_postcss@8.4.16:
|
||||
resolution: {integrity: sha512-8884CHxQaoN1i4iEK+JvzOe8emODb5R4p/0dw4yEdo7QM4RdUk2sBx0fnzFyJt8BLfZSCGeVkKZ4HC564waBpQ==}
|
||||
engines: {node: ^12 || ^14 || >=16}
|
||||
peerDependencies:
|
||||
postcss: ^8.2
|
||||
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-font-format-keywords': 1.0.1_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
|
||||
dev: true
|
||||
|
||||
/postcss-sort-media-queries/4.2.1_postcss@8.4.16:
|
||||
resolution: {integrity: sha512-9VYekQalFZ3sdgcTjXMa0dDjsfBVHXlraYJEMiOJ/2iMmI2JGCMavP16z3kWOaRu8NSaJCTgVpB/IVpH5yT9YQ==}
|
||||
/postcss-sort-media-queries/4.3.0_postcss@8.4.16:
|
||||
resolution: {integrity: sha512-jAl8gJM2DvuIJiI9sL1CuiHtKM4s5aEIomkU8G3LFvbP+p8i7Sz8VV63uieTgoewGqKbi+hxBTiOKJlB35upCg==}
|
||||
engines: {node: '>=10.0.0'}
|
||||
peerDependencies:
|
||||
postcss: ^8.4.4
|
||||
postcss: ^8.4.16
|
||||
dependencies:
|
||||
postcss: 8.4.16
|
||||
sort-css-media-queries: 2.0.4
|
||||
sort-css-media-queries: 2.1.0
|
||||
dev: true
|
||||
|
||||
/postcss-svgo/5.1.0_postcss@8.4.16:
|
||||
@@ -3026,8 +3244,8 @@ packages:
|
||||
sourcemap-codec: 1.4.8
|
||||
dev: true
|
||||
|
||||
/sort-css-media-queries/2.0.4:
|
||||
resolution: {integrity: sha512-PAIsEK/XupCQwitjv7XxoMvYhT7EAfyzI3hsy/MyDgTvc+Ft55ctdkctJLOy6cQejaIC+zjpUL4djFVm2ivOOw==}
|
||||
/sort-css-media-queries/2.1.0:
|
||||
resolution: {integrity: sha512-IeWvo8NkNiY2vVYdPa27MCQiR0MN0M80johAYFVxWWXQ44KU84WNxjslwBHmc/7ZL2ccwkM7/e6S5aiKZXm7jA==}
|
||||
engines: {node: '>= 6.3.0'}
|
||||
dev: true
|
||||
|
||||
@@ -3107,7 +3325,7 @@ packages:
|
||||
engines: {node: '>= 0.4'}
|
||||
dev: true
|
||||
|
||||
/svelte-check/2.9.0_f5urgkboyys3wbiivxj4sltznu:
|
||||
/svelte-check/2.9.0_rjdoehgmjsjjgqiald4wewriby:
|
||||
resolution: {integrity: sha512-9AVrtP7WbfDgCdqTZNPdj5CCCy1OrYMxFVWAWzNw7fl93c9klFJFtqzVXa6fovfQ050CcpUyJE2dPFL9TFAREw==}
|
||||
hasBin: true
|
||||
peerDependencies:
|
||||
@@ -3119,8 +3337,8 @@ packages:
|
||||
import-fresh: 3.3.0
|
||||
picocolors: 1.0.0
|
||||
sade: 1.8.1
|
||||
svelte: 3.49.0
|
||||
svelte-preprocess: 4.10.7_pxxiereockejw5abpwoddd4ivy
|
||||
svelte: github.com/baseballyama/svelte/60d5418681b48aca803dd48cd1446649db80d141
|
||||
svelte-preprocess: 4.10.7_xall5v2ndd26memt654fbj5nvq
|
||||
typescript: 4.8.2
|
||||
transitivePeerDependencies:
|
||||
- '@babel/core'
|
||||
@@ -3135,16 +3353,16 @@ packages:
|
||||
- sugarss
|
||||
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==}
|
||||
engines: {node: ^12.20 || ^14.13.1 || >= 16}
|
||||
peerDependencies:
|
||||
svelte: '>=3.19.0'
|
||||
dependencies:
|
||||
svelte: 3.49.0
|
||||
svelte: github.com/baseballyama/svelte/60d5418681b48aca803dd48cd1446649db80d141
|
||||
dev: true
|
||||
|
||||
/svelte-preprocess/4.10.7_pxxiereockejw5abpwoddd4ivy:
|
||||
/svelte-preprocess/4.10.7_xall5v2ndd26memt654fbj5nvq:
|
||||
resolution: {integrity: sha512-sNPBnqYD6FnmdBrUmBCaqS00RyCsCpj2BG58A1JBswNF7b0OKviwxqVrOL/CKyJrLSClrSeqQv5BXNg2RUbPOw==}
|
||||
engines: {node: '>= 9.11.2'}
|
||||
requiresBuild: true
|
||||
@@ -3193,15 +3411,10 @@ packages:
|
||||
sass: 1.54.8
|
||||
sorcery: 0.10.0
|
||||
strip-indent: 3.0.0
|
||||
svelte: 3.49.0
|
||||
svelte: github.com/baseballyama/svelte/60d5418681b48aca803dd48cd1446649db80d141
|
||||
typescript: 4.8.2
|
||||
dev: true
|
||||
|
||||
/svelte/3.49.0:
|
||||
resolution: {integrity: sha512-+lmjic1pApJWDfPCpUUTc1m8azDqYCG1JN9YEngrx/hUyIcFJo6VZhj0A1Ai0wqoHcEIuQy+e9tk+4uDgdtsFA==}
|
||||
engines: {node: '>= 8'}
|
||||
dev: true
|
||||
|
||||
/svgo/2.8.0:
|
||||
resolution: {integrity: sha512-+N/Q9kV1+F+UeWYoSiULYo4xYSDQlTgb+ayMobAXPwMnLvop7oxKMo9OzIrX5x3eS4L4f2UHhc9axXwY8DpChg==}
|
||||
engines: {node: '>=10.13.0'}
|
||||
@@ -3308,8 +3521,8 @@ packages:
|
||||
engines: {node: '>=12.18'}
|
||||
dev: true
|
||||
|
||||
/update-browserslist-db/1.0.5_browserslist@4.21.3:
|
||||
resolution: {integrity: sha512-dteFFpCyvuDdr9S/ff1ISkKt/9YZxKjI9WlRR99c180GaztJtRa/fn18FdxGVKVsnPY7/a/FDN68mcvUmP4U7Q==}
|
||||
/update-browserslist-db/1.0.7_browserslist@4.21.3:
|
||||
resolution: {integrity: sha512-iN/XYesmZ2RmmWAiI4Z5rq0YqSiv0brj9Ce9CfhNE4xIW2h+MFxcgkxIzZ+ShkFPUkjU3gQ+3oypadD3RAMtrg==}
|
||||
hasBin: true
|
||||
peerDependencies:
|
||||
browserslist: '>= 4.21.0'
|
||||
@@ -3335,8 +3548,8 @@ packages:
|
||||
tiny-emitter: 2.1.0
|
||||
dev: false
|
||||
|
||||
/vite/3.1.0-beta.1_sass@1.54.8:
|
||||
resolution: {integrity: sha512-JGEnWSC0hfarcduTCQr6wnRjPLbT62iLCK59HBJXYt9oyWSUMtrvcnDqzvLFC+lHV6KGFQkmWlZucyIQmgUnLA==}
|
||||
/vite/3.1.0_sass@1.54.8:
|
||||
resolution: {integrity: sha512-YBg3dUicDpDWFCGttmvMbVyS9ydjntwEjwXRj2KBFwSB8SxmGcudo1yb8FW5+M/G86aS8x828ujnzUVdsLjs9g==}
|
||||
engines: {node: ^14.18.0 || >=16.0.0}
|
||||
hasBin: true
|
||||
peerDependencies:
|
||||
@@ -3354,7 +3567,7 @@ packages:
|
||||
terser:
|
||||
optional: true
|
||||
dependencies:
|
||||
esbuild: 0.14.54
|
||||
esbuild: 0.15.7
|
||||
postcss: 8.4.16
|
||||
resolve: 1.22.1
|
||||
rollup: 2.78.1
|
||||
@@ -3423,3 +3636,12 @@ packages:
|
||||
resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
|
||||
engines: {node: '>=10'}
|
||||
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
98
src/components/organisms/Banner.svelte
Normal 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>
|
||||
@@ -19,17 +19,14 @@
|
||||
import AboutGridPhoto from '$components/atoms/AboutGridPhoto.svelte'
|
||||
import Heading from '$components/molecules/Heading.svelte'
|
||||
import ProcessStep from '$components/molecules/ProcessStep.svelte'
|
||||
import InteractiveGlobe2 from '$components/organisms/InteractiveGlobe2.svelte'
|
||||
import ShopModule from '$components/organisms/ShopModule.svelte'
|
||||
import NewsletterModule from '$components/organisms/NewsletterModule.svelte'
|
||||
import Banner from '$components/organisms/Banner.svelte'
|
||||
|
||||
export let data: PageData
|
||||
const { about, photos } = data
|
||||
|
||||
let scrollY: number, innerWidth: number, innerHeight: number
|
||||
let purposeEl: HTMLElement, photosGridEl: HTMLElement
|
||||
let photosGridEl: HTMLElement
|
||||
let currentStep: number = 0
|
||||
let photoFirstEl: HTMLElement, photoUsEl: HTMLElement
|
||||
let photosGridOffset: number = photosGridEl && photosGridEl.offsetTop
|
||||
|
||||
$: currentStep = $page.url.hash ? Number($page.url.hash.split('#step-')[1]) - 1 : 0
|
||||
@@ -51,150 +48,62 @@
|
||||
/**
|
||||
* Animations
|
||||
*/
|
||||
const animation = timeline([
|
||||
// Heading
|
||||
['.heading .text', {
|
||||
y: [24, 0],
|
||||
opacity: [0, 1],
|
||||
z: 0,
|
||||
}, {
|
||||
at: 0.5,
|
||||
}],
|
||||
// const animation = timeline([
|
||||
// // Heading
|
||||
// ['.heading .text', {
|
||||
// y: [24, 0],
|
||||
// opacity: [0, 1],
|
||||
// z: 0,
|
||||
// }, {
|
||||
// at: 0.5,
|
||||
// }],
|
||||
|
||||
// First photo
|
||||
[photoFirstEl, {
|
||||
y: ['10%', 0],
|
||||
rotate: [0, getComputedStyle(photoFirstEl).getPropertyValue('--rotate')],
|
||||
opacity: [0, 1],
|
||||
z: 0,
|
||||
}, {
|
||||
at: 0.75,
|
||||
opacity: {
|
||||
duration: 1
|
||||
}
|
||||
}],
|
||||
// // First photo
|
||||
// [photoFirstEl, {
|
||||
// y: ['10%', 0],
|
||||
// rotate: [0, getComputedStyle(photoFirstEl).getPropertyValue('--rotate')],
|
||||
// opacity: [0, 1],
|
||||
// z: 0,
|
||||
// }, {
|
||||
// at: 0.75,
|
||||
// opacity: {
|
||||
// duration: 1
|
||||
// }
|
||||
// }],
|
||||
|
||||
// Portrait photo
|
||||
[photoUsEl, {
|
||||
y: ['10%', 0],
|
||||
x: [0, '5%'],
|
||||
rotate: [0, 5],
|
||||
opacity: [0, 1],
|
||||
z: 0,
|
||||
}, {
|
||||
at: 1,
|
||||
opacity: {
|
||||
duration: 1
|
||||
}
|
||||
}],
|
||||
// // Portrait photo
|
||||
// [photoUsEl, {
|
||||
// y: ['10%', 0],
|
||||
// x: [0, '5%'],
|
||||
// rotate: [0, 5],
|
||||
// opacity: [0, 1],
|
||||
// z: 0,
|
||||
// }, {
|
||||
// at: 1,
|
||||
// opacity: {
|
||||
// duration: 1
|
||||
// }
|
||||
// }],
|
||||
|
||||
// Text
|
||||
['.about__introduction .text', {
|
||||
y: [32, 0],
|
||||
opacity: [0, 1],
|
||||
z: 0,
|
||||
}, {
|
||||
at: 1.2,
|
||||
}],
|
||||
], {
|
||||
delay: $navigating ? DELAY.PAGE_LOADING / 1000 : 0,
|
||||
defaultOptions: {
|
||||
duration: 1.6,
|
||||
easing: quartOut,
|
||||
},
|
||||
})
|
||||
animation.stop()
|
||||
// // Text
|
||||
// ['.about__introduction .text', {
|
||||
// y: [32, 0],
|
||||
// opacity: [0, 1],
|
||||
// z: 0,
|
||||
// }, {
|
||||
// at: 1.2,
|
||||
// }],
|
||||
// ], {
|
||||
// delay: $navigating ? DELAY.PAGE_LOADING / 1000 : 0,
|
||||
// defaultOptions: {
|
||||
// duration: 1.6,
|
||||
// easing: quartOut,
|
||||
// },
|
||||
// })
|
||||
// animation.stop()
|
||||
|
||||
// Run animation
|
||||
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()
|
||||
}
|
||||
// // Run animation
|
||||
// requestAnimationFrame(animation.play)
|
||||
})
|
||||
|
||||
|
||||
@@ -214,72 +123,51 @@
|
||||
|
||||
|
||||
<PageTransition name="about">
|
||||
<Heading
|
||||
text={about.description}
|
||||
<Banner
|
||||
title="About"
|
||||
image={{
|
||||
id: '699b4050-6bbf-4a40-be53-d84aca484f9d',
|
||||
alt: 'Photo caption',
|
||||
}}
|
||||
/>
|
||||
|
||||
<section class="about__introduction">
|
||||
<div class="container grid">
|
||||
<div class="photo-first" bind:this={photoFirstEl}>
|
||||
<figure>
|
||||
<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>
|
||||
<h2 class="title-small">Meet the makers</h2>
|
||||
<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>
|
||||
|
||||
<div class="photo-us" bind:this={photoUsEl}>
|
||||
<figure>
|
||||
<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 class="text text-small">
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="about__purpose grid" bind:this={purposeEl}>
|
||||
<div class="container">
|
||||
<div class="text title-xl">
|
||||
{@html about.purpose_text}
|
||||
</div>
|
||||
|
||||
<div class="background">
|
||||
<picture class="background__illustration">
|
||||
<source media="(min-width: 1200px)" srcset={getAssetUrlKey(about.intro_firstlocation.illustration_desktop_2x.id, 'illustration-desktop-2x')}>
|
||||
<source media="(min-width: 768px)" srcset={getAssetUrlKey(about.intro_firstlocation.illustration_desktop.id, 'illustration-desktop-1x')}>
|
||||
<img
|
||||
src={getAssetUrlKey(about.intro_firstlocation.illustration_mobile.id, 'illustration-mobile')}
|
||||
width={320}
|
||||
height={824}
|
||||
alt="Illustration for {about.intro_firstlocation.name}"
|
||||
decoding="async"
|
||||
/>
|
||||
</picture>
|
||||
</div>
|
||||
<div class="about__creation">
|
||||
<div class="container grid">
|
||||
<figure class="first-photo">
|
||||
<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}<br>
|
||||
in
|
||||
<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>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<section class="about__process">
|
||||
<div class="container grid">
|
||||
|
||||
@@ -97,6 +97,20 @@
|
||||
/* ==========================================================================
|
||||
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
|
||||
.text-large {
|
||||
font-size: rem(32px);
|
||||
|
||||
111
src/style/organisms/_banner.scss
Normal file
111
src/style/organisms/_banner.scss
Normal 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;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -3,247 +3,119 @@
|
||||
** Introduction
|
||||
*/
|
||||
&__introduction {
|
||||
:global(picture) {
|
||||
overflow: hidden;
|
||||
padding: clamp(48px, 10vw, 80px) 0;
|
||||
|
||||
:global(img) {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
@include bp (sm) {
|
||||
padding: clamp(80px, 7vw, 128px) 0 clamp(200px, 20vw, 360px);
|
||||
}
|
||||
|
||||
// First photo
|
||||
.photo-first {
|
||||
--rotate: -3deg;
|
||||
$offset: 32px;
|
||||
grid-column: 1 / -2;
|
||||
grid-row: 1;
|
||||
margin-left: -$offset;
|
||||
transform: rotate(var(--rotate)) translateZ(0);
|
||||
|
||||
// Section title
|
||||
h2 {
|
||||
@include bp (sm) {
|
||||
grid-column: 2 / -6;
|
||||
}
|
||||
@include bp (md) {
|
||||
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;
|
||||
}
|
||||
grid-column: 3 / span 12;
|
||||
grid-row: 1;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
}
|
||||
|
||||
// Portrait
|
||||
.photo-us {
|
||||
position: relative;
|
||||
grid-row: 1;
|
||||
z-index: 2;
|
||||
grid-column: 6 / -1;
|
||||
margin-top: clamp(56px, 12vw, 120px);
|
||||
|
||||
// Heading text
|
||||
.heading {
|
||||
@include bp (sm) {
|
||||
grid-column: 18 / -1;
|
||||
}
|
||||
@include bp (md) {
|
||||
grid-column: 16 / span 4;
|
||||
margin-top: clamp(56px, 7vw, 112px);
|
||||
grid-column: 3 / span 12;
|
||||
grid-row: 2;
|
||||
align-self: baseline;
|
||||
max-width: 788px;
|
||||
}
|
||||
|
||||
:global(picture) {
|
||||
overflow: hidden;
|
||||
border-radius: clamp(6px, 1vw, 12px);
|
||||
transform: translate3d(clamp(32px, 3vw, 56px), 0, 0);
|
||||
|
||||
@include bp (md) {
|
||||
transform: translate3d(calc(-1 * clamp(32px, 3vw, 56px)), 0, 0);
|
||||
}
|
||||
strong {
|
||||
color: $color-secondary-light;
|
||||
font-weight: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
// Text
|
||||
// Right text
|
||||
.text {
|
||||
grid-column: 1 / -1;
|
||||
grid-row: 3;
|
||||
color: $color-tertiary;
|
||||
margin-top: 48px;
|
||||
|
||||
@include bp (sm) {
|
||||
margin-top: 96px;
|
||||
grid-column: 3 / -3;
|
||||
}
|
||||
@include bp (md) {
|
||||
grid-column: 17 / span 7;
|
||||
// max-width: 420px;
|
||||
margin-top: calc(-1 * clamp(80px, 8vw, 120px));
|
||||
grid-column: 17 / span 6;
|
||||
grid-row: 2;
|
||||
align-self: baseline;
|
||||
}
|
||||
|
||||
:global(img) {
|
||||
display: inline-block;
|
||||
width: 20px;
|
||||
height: auto;
|
||||
margin-right: 4px;
|
||||
margin-left: 8px;
|
||||
margin-bottom: 3px;
|
||||
border-radius: 100%;
|
||||
}
|
||||
:global(a) {
|
||||
display: inline-block;
|
||||
a {
|
||||
color: currentColor;
|
||||
text-decoration: none;
|
||||
transition: color 0.3s;
|
||||
|
||||
&: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 {
|
||||
margin-top: 72px;
|
||||
text-align: center;
|
||||
&__creation {
|
||||
background: #fff;
|
||||
|
||||
@include bp (sm) {
|
||||
margin-top: 120px;
|
||||
}
|
||||
|
||||
.container {
|
||||
grid-column: 2 / -2;
|
||||
position: relative;
|
||||
// First photo
|
||||
.first-photo {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: calc(var(--vh) * 0.9);
|
||||
max-height: 720px;
|
||||
color: #fff;
|
||||
padding: 0 8%;
|
||||
flex-direction: column;
|
||||
|
||||
@include bp (sm) {
|
||||
padding: 0 18%;
|
||||
max-height: 1200px;
|
||||
}
|
||||
}
|
||||
|
||||
// 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);
|
||||
grid-column: 8 / -2;
|
||||
margin: -10vw 0 clamp(80px, 10vw, 128px);
|
||||
}
|
||||
|
||||
// Illustration
|
||||
&__illustration {
|
||||
position: relative;
|
||||
:global(picture) {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
opacity: 0.75;
|
||||
$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;
|
||||
border-radius: 16px;
|
||||
overflow: hidden;
|
||||
|
||||
img {
|
||||
position: absolute;
|
||||
bottom: 60%;
|
||||
left: 0;
|
||||
:global(img) {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
opacity: 0;
|
||||
transition-property: opacity;
|
||||
transition-delay: 0.6s;
|
||||
|
||||
@include bp (md) {
|
||||
bottom: 50%;
|
||||
}
|
||||
@include bp (sd) {
|
||||
bottom: 40%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Visible state
|
||||
&:global(.is-visible) {
|
||||
.text {
|
||||
opacity: 1;
|
||||
|
||||
:global(strong) {
|
||||
color: darken($color-secondary-light, 4);
|
||||
}
|
||||
}
|
||||
.background {
|
||||
opacity: 1;
|
||||
transform: scale(1) translateZ(0);
|
||||
border-radius: 8px;
|
||||
figcaption {
|
||||
margin-left: auto;
|
||||
color: $color-gray;
|
||||
text-align: right;
|
||||
|
||||
@include bp (sm) {
|
||||
border-radius: 16px;
|
||||
margin-top: 24px;
|
||||
}
|
||||
|
||||
&__illustration img {
|
||||
opacity: 1;
|
||||
a {
|
||||
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;
|
||||
}
|
||||
|
||||
.title {
|
||||
grid-column: 1 / -1;
|
||||
max-width: 400px;
|
||||
margin: 0 auto 48px;
|
||||
padding: 0 32px;
|
||||
text-align: center;
|
||||
& > .container {
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
aside {
|
||||
@include bp (sm) {
|
||||
grid-column: 1 / -1;
|
||||
margin-bottom: 80px;
|
||||
padding: 0 16px;
|
||||
grid-column: 3 / span 9;
|
||||
}
|
||||
|
||||
h2 {
|
||||
margin-bottom: 16px;
|
||||
color: $color-secondary;
|
||||
// Heading text
|
||||
.heading {
|
||||
max-width: 400px;
|
||||
margin-bottom: 48px;
|
||||
text-align: center;
|
||||
|
||||
@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;
|
||||
font-weight: 300;
|
||||
|
||||
// List of steps
|
||||
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 {
|
||||
--card-offset: 16px;
|
||||
--card-margin: 40px;
|
||||
grid-column: 1 / -1;
|
||||
position: relative;
|
||||
|
||||
@include bp (sm) {
|
||||
grid-column: 4 / -4;
|
||||
padding-bottom: calc(var(--cards-amount) * var(--card-offset));
|
||||
display: grid;
|
||||
grid-template-rows: auto;
|
||||
grid-column: 13 / span 11;
|
||||
}
|
||||
|
||||
& > :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) {
|
||||
margin-bottom: 40px;
|
||||
grid-row: 1;
|
||||
grid-column: 1 / -1;
|
||||
transform-origin: left center;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user