diff --git a/package-lock.json b/package-lock.json
index e6c0aff679c..1a95dba0000 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -203,78 +203,84 @@
}
},
"node_modules/@msgpackr-extract/msgpackr-extract-darwin-arm64": {
- "version": "2.0.2",
- "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-darwin-arm64/-/msgpackr-extract-darwin-arm64-2.0.2.tgz",
- "integrity": "sha512-FMX5i7a+ojIguHpWbzh5MCsCouJkwf4z4ejdUY/fsgB9Vkdak4ZnoIEskOyOUMMB4lctiZFGszFQJXUeFL8tRg==",
+ "version": "3.0.3",
+ "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-darwin-arm64/-/msgpackr-extract-darwin-arm64-3.0.3.tgz",
+ "integrity": "sha512-QZHtlVgbAdy2zAqNA9Gu1UpIuI8Xvsd1v8ic6B2pZmeFnFcMWiPLfWXh7TVw4eGEZ/C9TH281KwhVoeQUKbyjw==",
"cpu": [
"arm64"
],
"dev": true,
+ "license": "MIT",
"optional": true,
"os": [
"darwin"
]
},
"node_modules/@msgpackr-extract/msgpackr-extract-darwin-x64": {
- "version": "2.0.2",
- "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-darwin-x64/-/msgpackr-extract-darwin-x64-2.0.2.tgz",
- "integrity": "sha512-DznYtF3lHuZDSRaIOYeif4JgO0NtO2Xf8DsngAugMx/bUdTFbg86jDTmkVJBNmV+cxszz6OjGvinnS8AbJ342g==",
+ "version": "3.0.3",
+ "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-darwin-x64/-/msgpackr-extract-darwin-x64-3.0.3.tgz",
+ "integrity": "sha512-mdzd3AVzYKuUmiWOQ8GNhl64/IoFGol569zNRdkLReh6LRLHOXxU4U8eq0JwaD8iFHdVGqSy4IjFL4reoWCDFw==",
"cpu": [
"x64"
],
"dev": true,
+ "license": "MIT",
"optional": true,
"os": [
"darwin"
]
},
"node_modules/@msgpackr-extract/msgpackr-extract-linux-arm": {
- "version": "2.0.2",
- "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm/-/msgpackr-extract-linux-arm-2.0.2.tgz",
- "integrity": "sha512-Gy9+c3Wj+rUlD3YvCZTi92gs+cRX7ZQogtwq0IhRenloTTlsbpezNgk6OCkt59V4ATEWSic9rbU92H/l7XsRvA==",
+ "version": "3.0.3",
+ "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm/-/msgpackr-extract-linux-arm-3.0.3.tgz",
+ "integrity": "sha512-fg0uy/dG/nZEXfYilKoRe7yALaNmHoYeIoJuJ7KJ+YyU2bvY8vPv27f7UKhGRpY6euFYqEVhxCFZgAUNQBM3nw==",
"cpu": [
"arm"
],
"dev": true,
+ "license": "MIT",
"optional": true,
"os": [
"linux"
]
},
"node_modules/@msgpackr-extract/msgpackr-extract-linux-arm64": {
- "version": "2.0.2",
- "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm64/-/msgpackr-extract-linux-arm64-2.0.2.tgz",
- "integrity": "sha512-b0jMEo566YdM2K+BurSed7bswjo3a6bcdw5ETqoIfSuxKuRLPfAiOjVbZyZBgx3J/TAM/QrvEQ/VN89A0ZAxSg==",
+ "version": "3.0.3",
+ "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm64/-/msgpackr-extract-linux-arm64-3.0.3.tgz",
+ "integrity": "sha512-YxQL+ax0XqBJDZiKimS2XQaf+2wDGVa1enVRGzEvLLVFeqa5kx2bWbtcSXgsxjQB7nRqqIGFIcLteF/sHeVtQg==",
"cpu": [
"arm64"
],
"dev": true,
+ "license": "MIT",
"optional": true,
"os": [
"linux"
]
},
"node_modules/@msgpackr-extract/msgpackr-extract-linux-x64": {
- "version": "2.0.2",
- "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-x64/-/msgpackr-extract-linux-x64-2.0.2.tgz",
- "integrity": "sha512-zrBHaePwcv4cQXxzYgNj0+A8I1uVN97E7/3LmkRocYZ+rMwUsnPpp4RuTAHSRoKlTQV3nSdCQW4Qdt4MXw/iHw==",
+ "version": "3.0.3",
+ "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-x64/-/msgpackr-extract-linux-x64-3.0.3.tgz",
+ "integrity": "sha512-cvwNfbP07pKUfq1uH+S6KJ7dT9K8WOE4ZiAcsrSes+UY55E/0jLYc+vq+DO7jlmqRb5zAggExKm0H7O/CBaesg==",
"cpu": [
"x64"
],
"dev": true,
+ "license": "MIT",
"optional": true,
"os": [
"linux"
]
},
"node_modules/@msgpackr-extract/msgpackr-extract-win32-x64": {
- "version": "2.0.2",
- "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-win32-x64/-/msgpackr-extract-win32-x64-2.0.2.tgz",
- "integrity": "sha512-fpnI00dt+yO1cKx9qBXelKhPBdEgvc8ZPav1+0r09j0woYQU2N79w/jcGawSY5UGlgQ3vjaJsFHnGbGvvqdLzg==",
+ "version": "3.0.3",
+ "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-win32-x64/-/msgpackr-extract-win32-x64-3.0.3.tgz",
+ "integrity": "sha512-x0fWaQtYp4E6sktbsdAqnehxDgEc/VwM7uLsRCYWaiGu0ykYdZPiS8zCWdnjHwyiumousxfBm4SO31eXqwEZhQ==",
"cpu": [
"x64"
],
"dev": true,
+ "license": "MIT",
"optional": true,
"os": [
"win32"
@@ -1665,12 +1671,13 @@
"dev": true
},
"node_modules/braces": {
- "version": "3.0.2",
- "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
- "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+ "version": "3.0.3",
+ "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+ "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
"dev": true,
+ "license": "MIT",
"dependencies": {
- "fill-range": "^7.0.1"
+ "fill-range": "^7.1.1"
},
"engines": {
"node": ">=8"
@@ -2061,10 +2068,11 @@
"dev": true
},
"node_modules/fill-range": {
- "version": "7.0.1",
- "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
- "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+ "version": "7.1.1",
+ "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+ "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
"dev": true,
+ "license": "MIT",
"dependencies": {
"to-regex-range": "^5.0.1"
},
@@ -2269,6 +2277,7 @@
"resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
"integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
"dev": true,
+ "license": "MIT",
"engines": {
"node": ">=0.12.0"
}
@@ -2286,10 +2295,11 @@
"dev": true
},
"node_modules/json5": {
- "version": "2.2.1",
- "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.1.tgz",
- "integrity": "sha512-1hqLFMSrGHRHxav9q9gNjJ5EXznIxGVO09xQRrwplcS8qs28pZ8s8hupZAmqDwZUmVZ2Qb2jnyPOWcDH8m8dlA==",
+ "version": "2.2.3",
+ "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+ "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
"dev": true,
+ "license": "MIT",
"bin": {
"json5": "lib/cli.js"
},
@@ -2426,12 +2436,13 @@
}
},
"node_modules/micromatch": {
- "version": "4.0.5",
- "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
- "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
+ "version": "4.0.8",
+ "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+ "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
"dev": true,
+ "license": "MIT",
"dependencies": {
- "braces": "^3.0.2",
+ "braces": "^3.0.3",
"picomatch": "^2.3.1"
},
"engines": {
@@ -2450,43 +2461,63 @@
}
},
"node_modules/msgpackr": {
- "version": "1.6.1",
- "resolved": "https://registry.npmjs.org/msgpackr/-/msgpackr-1.6.1.tgz",
- "integrity": "sha512-Je+xBEfdjtvA4bKaOv8iRhjC8qX2oJwpYH4f7JrG4uMVJVmnmkAT4pjKdbztKprGj3iwjcxPzb5umVZ02Qq3tA==",
+ "version": "1.11.0",
+ "resolved": "https://registry.npmjs.org/msgpackr/-/msgpackr-1.11.0.tgz",
+ "integrity": "sha512-I8qXuuALqJe5laEBYoFykChhSXLikZmUhccjGsPuSJ/7uPip2TJ7lwdIQwWSAi0jGZDXv4WOP8Qg65QZRuXxXw==",
"dev": true,
+ "license": "MIT",
"optionalDependencies": {
- "msgpackr-extract": "^2.0.2"
+ "msgpackr-extract": "^3.0.2"
}
},
"node_modules/msgpackr-extract": {
- "version": "2.0.2",
- "resolved": "https://registry.npmjs.org/msgpackr-extract/-/msgpackr-extract-2.0.2.tgz",
- "integrity": "sha512-coskCeJG2KDny23zWeu+6tNy7BLnAiOGgiwzlgdm4oeSsTpqEJJPguHIuKZcCdB7tzhZbXNYSg6jZAXkZErkJA==",
+ "version": "3.0.3",
+ "resolved": "https://registry.npmjs.org/msgpackr-extract/-/msgpackr-extract-3.0.3.tgz",
+ "integrity": "sha512-P0efT1C9jIdVRefqjzOQ9Xml57zpOXnIuS+csaB4MdZbTdmGDLo8XhzBG1N7aO11gKDDkJvBLULeFTo46wwreA==",
"dev": true,
"hasInstallScript": true,
+ "license": "MIT",
"optional": true,
"dependencies": {
- "node-gyp-build-optional-packages": "5.0.2"
+ "node-gyp-build-optional-packages": "5.2.2"
+ },
+ "bin": {
+ "download-msgpackr-prebuilds": "bin/download-prebuilds.js"
},
"optionalDependencies": {
- "@msgpackr-extract/msgpackr-extract-darwin-arm64": "2.0.2",
- "@msgpackr-extract/msgpackr-extract-darwin-x64": "2.0.2",
- "@msgpackr-extract/msgpackr-extract-linux-arm": "2.0.2",
- "@msgpackr-extract/msgpackr-extract-linux-arm64": "2.0.2",
- "@msgpackr-extract/msgpackr-extract-linux-x64": "2.0.2",
- "@msgpackr-extract/msgpackr-extract-win32-x64": "2.0.2"
+ "@msgpackr-extract/msgpackr-extract-darwin-arm64": "3.0.3",
+ "@msgpackr-extract/msgpackr-extract-darwin-x64": "3.0.3",
+ "@msgpackr-extract/msgpackr-extract-linux-arm": "3.0.3",
+ "@msgpackr-extract/msgpackr-extract-linux-arm64": "3.0.3",
+ "@msgpackr-extract/msgpackr-extract-linux-x64": "3.0.3",
+ "@msgpackr-extract/msgpackr-extract-win32-x64": "3.0.3"
+ }
+ },
+ "node_modules/msgpackr-extract/node_modules/detect-libc": {
+ "version": "2.0.3",
+ "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.3.tgz",
+ "integrity": "sha512-bwy0MGW55bG41VqxxypOsdSdGqLwXPI/focwgTYCFMbdUiBAxLg9CFzG08sz2aqzknwiX7Hkl0bQENjg8iLByw==",
+ "dev": true,
+ "license": "Apache-2.0",
+ "optional": true,
+ "engines": {
+ "node": ">=8"
}
},
"node_modules/msgpackr-extract/node_modules/node-gyp-build-optional-packages": {
- "version": "5.0.2",
- "resolved": "https://registry.npmjs.org/node-gyp-build-optional-packages/-/node-gyp-build-optional-packages-5.0.2.tgz",
- "integrity": "sha512-PiN4NWmlQPqvbEFcH/omQsswWQbe5Z9YK/zdB23irp5j2XibaA2IrGvpSWmVVG4qMZdmPdwPctSy4a86rOMn6g==",
+ "version": "5.2.2",
+ "resolved": "https://registry.npmjs.org/node-gyp-build-optional-packages/-/node-gyp-build-optional-packages-5.2.2.tgz",
+ "integrity": "sha512-s+w+rBWnpTMwSFbaE0UXsRlg7hU4FjekKU4eyAih5T8nJuNZT1nNsskXpxmeqSK9UzkBl6UgRlnKc8hz8IEqOw==",
"dev": true,
+ "license": "MIT",
"optional": true,
+ "dependencies": {
+ "detect-libc": "^2.0.1"
+ },
"bin": {
- "node-gyp-build-optional": "optional.js",
"node-gyp-build-optional-packages": "bin.js",
- "node-gyp-build-test": "build-test.js"
+ "node-gyp-build-optional-packages-optional": "optional.js",
+ "node-gyp-build-optional-packages-test": "build-test.js"
}
},
"node_modules/nan": {
@@ -2906,10 +2937,11 @@
}
},
"node_modules/semver": {
- "version": "5.7.1",
- "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
- "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
+ "version": "5.7.2",
+ "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
+ "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
"dev": true,
+ "license": "ISC",
"bin": {
"semver": "bin/semver"
}
@@ -3028,6 +3060,7 @@
"resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
"integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
"dev": true,
+ "license": "MIT",
"dependencies": {
"is-number": "^7.0.0"
},
@@ -3245,44 +3278,44 @@
}
},
"@msgpackr-extract/msgpackr-extract-darwin-arm64": {
- "version": "2.0.2",
- "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-darwin-arm64/-/msgpackr-extract-darwin-arm64-2.0.2.tgz",
- "integrity": "sha512-FMX5i7a+ojIguHpWbzh5MCsCouJkwf4z4ejdUY/fsgB9Vkdak4ZnoIEskOyOUMMB4lctiZFGszFQJXUeFL8tRg==",
+ "version": "3.0.3",
+ "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-darwin-arm64/-/msgpackr-extract-darwin-arm64-3.0.3.tgz",
+ "integrity": "sha512-QZHtlVgbAdy2zAqNA9Gu1UpIuI8Xvsd1v8ic6B2pZmeFnFcMWiPLfWXh7TVw4eGEZ/C9TH281KwhVoeQUKbyjw==",
"dev": true,
"optional": true
},
"@msgpackr-extract/msgpackr-extract-darwin-x64": {
- "version": "2.0.2",
- "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-darwin-x64/-/msgpackr-extract-darwin-x64-2.0.2.tgz",
- "integrity": "sha512-DznYtF3lHuZDSRaIOYeif4JgO0NtO2Xf8DsngAugMx/bUdTFbg86jDTmkVJBNmV+cxszz6OjGvinnS8AbJ342g==",
+ "version": "3.0.3",
+ "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-darwin-x64/-/msgpackr-extract-darwin-x64-3.0.3.tgz",
+ "integrity": "sha512-mdzd3AVzYKuUmiWOQ8GNhl64/IoFGol569zNRdkLReh6LRLHOXxU4U8eq0JwaD8iFHdVGqSy4IjFL4reoWCDFw==",
"dev": true,
"optional": true
},
"@msgpackr-extract/msgpackr-extract-linux-arm": {
- "version": "2.0.2",
- "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm/-/msgpackr-extract-linux-arm-2.0.2.tgz",
- "integrity": "sha512-Gy9+c3Wj+rUlD3YvCZTi92gs+cRX7ZQogtwq0IhRenloTTlsbpezNgk6OCkt59V4ATEWSic9rbU92H/l7XsRvA==",
+ "version": "3.0.3",
+ "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm/-/msgpackr-extract-linux-arm-3.0.3.tgz",
+ "integrity": "sha512-fg0uy/dG/nZEXfYilKoRe7yALaNmHoYeIoJuJ7KJ+YyU2bvY8vPv27f7UKhGRpY6euFYqEVhxCFZgAUNQBM3nw==",
"dev": true,
"optional": true
},
"@msgpackr-extract/msgpackr-extract-linux-arm64": {
- "version": "2.0.2",
- "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm64/-/msgpackr-extract-linux-arm64-2.0.2.tgz",
- "integrity": "sha512-b0jMEo566YdM2K+BurSed7bswjo3a6bcdw5ETqoIfSuxKuRLPfAiOjVbZyZBgx3J/TAM/QrvEQ/VN89A0ZAxSg==",
+ "version": "3.0.3",
+ "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm64/-/msgpackr-extract-linux-arm64-3.0.3.tgz",
+ "integrity": "sha512-YxQL+ax0XqBJDZiKimS2XQaf+2wDGVa1enVRGzEvLLVFeqa5kx2bWbtcSXgsxjQB7nRqqIGFIcLteF/sHeVtQg==",
"dev": true,
"optional": true
},
"@msgpackr-extract/msgpackr-extract-linux-x64": {
- "version": "2.0.2",
- "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-x64/-/msgpackr-extract-linux-x64-2.0.2.tgz",
- "integrity": "sha512-zrBHaePwcv4cQXxzYgNj0+A8I1uVN97E7/3LmkRocYZ+rMwUsnPpp4RuTAHSRoKlTQV3nSdCQW4Qdt4MXw/iHw==",
+ "version": "3.0.3",
+ "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-x64/-/msgpackr-extract-linux-x64-3.0.3.tgz",
+ "integrity": "sha512-cvwNfbP07pKUfq1uH+S6KJ7dT9K8WOE4ZiAcsrSes+UY55E/0jLYc+vq+DO7jlmqRb5zAggExKm0H7O/CBaesg==",
"dev": true,
"optional": true
},
"@msgpackr-extract/msgpackr-extract-win32-x64": {
- "version": "2.0.2",
- "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-win32-x64/-/msgpackr-extract-win32-x64-2.0.2.tgz",
- "integrity": "sha512-fpnI00dt+yO1cKx9qBXelKhPBdEgvc8ZPav1+0r09j0woYQU2N79w/jcGawSY5UGlgQ3vjaJsFHnGbGvvqdLzg==",
+ "version": "3.0.3",
+ "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-win32-x64/-/msgpackr-extract-win32-x64-3.0.3.tgz",
+ "integrity": "sha512-x0fWaQtYp4E6sktbsdAqnehxDgEc/VwM7uLsRCYWaiGu0ykYdZPiS8zCWdnjHwyiumousxfBm4SO31eXqwEZhQ==",
"dev": true,
"optional": true
},
@@ -4128,12 +4161,12 @@
"dev": true
},
"braces": {
- "version": "3.0.2",
- "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
- "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+ "version": "3.0.3",
+ "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+ "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
"dev": true,
"requires": {
- "fill-range": "^7.0.1"
+ "fill-range": "^7.1.1"
}
},
"browserslist": {
@@ -4402,9 +4435,9 @@
"dev": true
},
"fill-range": {
- "version": "7.0.1",
- "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
- "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+ "version": "7.1.1",
+ "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+ "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
"dev": true,
"requires": {
"to-regex-range": "^5.0.1"
@@ -4541,9 +4574,9 @@
"dev": true
},
"json5": {
- "version": "2.2.1",
- "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.1.tgz",
- "integrity": "sha512-1hqLFMSrGHRHxav9q9gNjJ5EXznIxGVO09xQRrwplcS8qs28pZ8s8hupZAmqDwZUmVZ2Qb2jnyPOWcDH8m8dlA==",
+ "version": "2.2.3",
+ "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+ "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
"dev": true
},
"lines-and-columns": {
@@ -4635,12 +4668,12 @@
"dev": true
},
"micromatch": {
- "version": "4.0.5",
- "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
- "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
+ "version": "4.0.8",
+ "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+ "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
"dev": true,
"requires": {
- "braces": "^3.0.2",
+ "braces": "^3.0.3",
"picomatch": "^2.3.1"
}
},
@@ -4650,36 +4683,46 @@
"integrity": "sha512-2lMlY1Yc1+CUy0gw4H95uNN7vjbpoED7NNRSBHE25nWfLBdmMzFCsPshlzbxHz+gYMcBEUN8V4pU16prcdPSgA=="
},
"msgpackr": {
- "version": "1.6.1",
- "resolved": "https://registry.npmjs.org/msgpackr/-/msgpackr-1.6.1.tgz",
- "integrity": "sha512-Je+xBEfdjtvA4bKaOv8iRhjC8qX2oJwpYH4f7JrG4uMVJVmnmkAT4pjKdbztKprGj3iwjcxPzb5umVZ02Qq3tA==",
+ "version": "1.11.0",
+ "resolved": "https://registry.npmjs.org/msgpackr/-/msgpackr-1.11.0.tgz",
+ "integrity": "sha512-I8qXuuALqJe5laEBYoFykChhSXLikZmUhccjGsPuSJ/7uPip2TJ7lwdIQwWSAi0jGZDXv4WOP8Qg65QZRuXxXw==",
"dev": true,
"requires": {
- "msgpackr-extract": "^2.0.2"
+ "msgpackr-extract": "^3.0.2"
}
},
"msgpackr-extract": {
- "version": "2.0.2",
- "resolved": "https://registry.npmjs.org/msgpackr-extract/-/msgpackr-extract-2.0.2.tgz",
- "integrity": "sha512-coskCeJG2KDny23zWeu+6tNy7BLnAiOGgiwzlgdm4oeSsTpqEJJPguHIuKZcCdB7tzhZbXNYSg6jZAXkZErkJA==",
+ "version": "3.0.3",
+ "resolved": "https://registry.npmjs.org/msgpackr-extract/-/msgpackr-extract-3.0.3.tgz",
+ "integrity": "sha512-P0efT1C9jIdVRefqjzOQ9Xml57zpOXnIuS+csaB4MdZbTdmGDLo8XhzBG1N7aO11gKDDkJvBLULeFTo46wwreA==",
"dev": true,
"optional": true,
"requires": {
- "@msgpackr-extract/msgpackr-extract-darwin-arm64": "2.0.2",
- "@msgpackr-extract/msgpackr-extract-darwin-x64": "2.0.2",
- "@msgpackr-extract/msgpackr-extract-linux-arm": "2.0.2",
- "@msgpackr-extract/msgpackr-extract-linux-arm64": "2.0.2",
- "@msgpackr-extract/msgpackr-extract-linux-x64": "2.0.2",
- "@msgpackr-extract/msgpackr-extract-win32-x64": "2.0.2",
- "node-gyp-build-optional-packages": "5.0.2"
+ "@msgpackr-extract/msgpackr-extract-darwin-arm64": "3.0.3",
+ "@msgpackr-extract/msgpackr-extract-darwin-x64": "3.0.3",
+ "@msgpackr-extract/msgpackr-extract-linux-arm": "3.0.3",
+ "@msgpackr-extract/msgpackr-extract-linux-arm64": "3.0.3",
+ "@msgpackr-extract/msgpackr-extract-linux-x64": "3.0.3",
+ "@msgpackr-extract/msgpackr-extract-win32-x64": "3.0.3",
+ "node-gyp-build-optional-packages": "5.2.2"
},
"dependencies": {
- "node-gyp-build-optional-packages": {
- "version": "5.0.2",
- "resolved": "https://registry.npmjs.org/node-gyp-build-optional-packages/-/node-gyp-build-optional-packages-5.0.2.tgz",
- "integrity": "sha512-PiN4NWmlQPqvbEFcH/omQsswWQbe5Z9YK/zdB23irp5j2XibaA2IrGvpSWmVVG4qMZdmPdwPctSy4a86rOMn6g==",
+ "detect-libc": {
+ "version": "2.0.3",
+ "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.3.tgz",
+ "integrity": "sha512-bwy0MGW55bG41VqxxypOsdSdGqLwXPI/focwgTYCFMbdUiBAxLg9CFzG08sz2aqzknwiX7Hkl0bQENjg8iLByw==",
"dev": true,
"optional": true
+ },
+ "node-gyp-build-optional-packages": {
+ "version": "5.2.2",
+ "resolved": "https://registry.npmjs.org/node-gyp-build-optional-packages/-/node-gyp-build-optional-packages-5.2.2.tgz",
+ "integrity": "sha512-s+w+rBWnpTMwSFbaE0UXsRlg7hU4FjekKU4eyAih5T8nJuNZT1nNsskXpxmeqSK9UzkBl6UgRlnKc8hz8IEqOw==",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "detect-libc": "^2.0.1"
+ }
}
}
},
@@ -4969,9 +5012,9 @@
}
},
"semver": {
- "version": "5.7.1",
- "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
- "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
+ "version": "5.7.2",
+ "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
+ "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
"dev": true
},
"source-map": {
diff --git a/package.json b/package.json
index efbc9f63d06..bfcc500d0fe 100755
--- a/package.json
+++ b/package.json
@@ -2,10 +2,10 @@
"name": "parcel-project-template",
"version": "2.0.0",
"description": "",
- "homepage": "https://goitacademy.github.io/parcel-project-template",
+ "homepage": "https://DutuGabriel.github.io/Team-3-project",
"scripts": {
"start": "parcel src/*.html",
- "build": "parcel build src/*.html --public-url /parcel-project-template/"
+ "build": "parcel build src/*.html --public-url /Team-3-project/"
},
"repository": {
"type": "git",
diff --git a/src/images/icons.svg b/src/images/icons.svg
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/src/images/logo.png b/src/images/logo.png
deleted file mode 100755
index a6ce6517853..00000000000
Binary files a/src/images/logo.png and /dev/null differ
diff --git a/src/images/watch01.jpg b/src/images/watch01.jpg
new file mode 100644
index 00000000000..badafec9e3a
Binary files /dev/null and b/src/images/watch01.jpg differ
diff --git a/src/images/watch01@2x.jpg b/src/images/watch01@2x.jpg
new file mode 100644
index 00000000000..6d31ddb9f47
Binary files /dev/null and b/src/images/watch01@2x.jpg differ
diff --git a/src/images/watch02.jpg b/src/images/watch02.jpg
new file mode 100644
index 00000000000..a4eb8e205ae
Binary files /dev/null and b/src/images/watch02.jpg differ
diff --git a/src/images/watch02@2x.jpg b/src/images/watch02@2x.jpg
new file mode 100644
index 00000000000..944bf05ab27
Binary files /dev/null and b/src/images/watch02@2x.jpg differ
diff --git a/src/images/watch03.jpg b/src/images/watch03.jpg
new file mode 100644
index 00000000000..264b411778c
Binary files /dev/null and b/src/images/watch03.jpg differ
diff --git a/src/images/watch03@2x.jpg b/src/images/watch03@2x.jpg
new file mode 100644
index 00000000000..68fb4ad9194
Binary files /dev/null and b/src/images/watch03@2x.jpg differ
diff --git a/src/images/watch04.jpg b/src/images/watch04.jpg
new file mode 100644
index 00000000000..011ddc8e9df
Binary files /dev/null and b/src/images/watch04.jpg differ
diff --git a/src/images/watch04@2x.jpg b/src/images/watch04@2x.jpg
new file mode 100644
index 00000000000..ed4271a6667
Binary files /dev/null and b/src/images/watch04@2x.jpg differ
diff --git a/src/images/watch05.jpg b/src/images/watch05.jpg
new file mode 100644
index 00000000000..a536351580e
Binary files /dev/null and b/src/images/watch05.jpg differ
diff --git a/src/images/watch05@2x.jpg b/src/images/watch05@2x.jpg
new file mode 100644
index 00000000000..fb7209ddd95
Binary files /dev/null and b/src/images/watch05@2x.jpg differ
diff --git a/src/images/watch06.jpg b/src/images/watch06.jpg
new file mode 100644
index 00000000000..4a3d6c3c8eb
Binary files /dev/null and b/src/images/watch06.jpg differ
diff --git a/src/images/watch06@2x.jpg b/src/images/watch06@2x.jpg
new file mode 100644
index 00000000000..4bf88ac4882
Binary files /dev/null and b/src/images/watch06@2x.jpg differ
diff --git a/src/images/watch07.jpg b/src/images/watch07.jpg
new file mode 100644
index 00000000000..62acfb70119
Binary files /dev/null and b/src/images/watch07.jpg differ
diff --git a/src/images/watch07@2x.jpg b/src/images/watch07@2x.jpg
new file mode 100644
index 00000000000..f066cda82f2
Binary files /dev/null and b/src/images/watch07@2x.jpg differ
diff --git a/src/images/watch08.jpg b/src/images/watch08.jpg
new file mode 100644
index 00000000000..61a9ba00c54
Binary files /dev/null and b/src/images/watch08.jpg differ
diff --git a/src/images/watch08@2x.jpg b/src/images/watch08@2x.jpg
new file mode 100644
index 00000000000..1c5d4443f15
Binary files /dev/null and b/src/images/watch08@2x.jpg differ
diff --git a/src/images/watch09.jpg b/src/images/watch09.jpg
new file mode 100644
index 00000000000..8b3f5555697
Binary files /dev/null and b/src/images/watch09.jpg differ
diff --git a/src/images/watch09@2x.jpg b/src/images/watch09@2x.jpg
new file mode 100644
index 00000000000..c93b9527b43
Binary files /dev/null and b/src/images/watch09@2x.jpg differ
diff --git a/src/images/watch10.jpg b/src/images/watch10.jpg
new file mode 100644
index 00000000000..ad9586733a0
Binary files /dev/null and b/src/images/watch10.jpg differ
diff --git a/src/images/watch10@2x.jpg b/src/images/watch10@2x.jpg
new file mode 100644
index 00000000000..442398ed1c7
Binary files /dev/null and b/src/images/watch10@2x.jpg differ
diff --git a/src/images/watch11.jpg b/src/images/watch11.jpg
new file mode 100644
index 00000000000..01bf57dce70
Binary files /dev/null and b/src/images/watch11.jpg differ
diff --git a/src/images/watch11@2x.jpg b/src/images/watch11@2x.jpg
new file mode 100644
index 00000000000..44982ef666b
Binary files /dev/null and b/src/images/watch11@2x.jpg differ
diff --git a/src/images/watch12.jpg b/src/images/watch12.jpg
new file mode 100644
index 00000000000..aa017b8b6d0
Binary files /dev/null and b/src/images/watch12.jpg differ
diff --git a/src/images/watch12@2x.jpg b/src/images/watch12@2x.jpg
new file mode 100644
index 00000000000..7707c89f133
Binary files /dev/null and b/src/images/watch12@2x.jpg differ
diff --git a/src/index.html b/src/index.html
index 92da07de4e6..96f2f40f86c 100755
--- a/src/index.html
+++ b/src/index.html
@@ -1,15 +1,24 @@
-
+
- Page title
+ Team 3 Project
+
+
+
+
- Example title
-
+
+
+
+
diff --git a/src/modal.js b/src/modal.js
new file mode 100644
index 00000000000..34a8cbd68a3
--- /dev/null
+++ b/src/modal.js
@@ -0,0 +1,18 @@
+(() => {
+ const refs = {
+ openModalBtn: document.querySelectorAll("[data-modal-open]"),
+ closeModalBtn: document.querySelector("[data-modal-close]"),
+ modal: document.querySelector("[data-modal]"),
+ };
+
+ refs.openModalBtn.forEach((element) => {
+ element.addEventListener("click", toggleModal);
+ });
+
+ refs.closeModalBtn.addEventListener("click", toggleModal);
+
+ function toggleModal() {
+ refs.modal.classList.toggle("is-hidden");
+ document.body.classList.toggle("no-scroll");
+ }
+ })();
\ No newline at end of file
diff --git a/src/partials/catalog.html b/src/partials/catalog.html
new file mode 100644
index 00000000000..ffd90c685d4
--- /dev/null
+++ b/src/partials/catalog.html
@@ -0,0 +1,484 @@
+
+
+
Catalog
+
+
+
+
+
+
+
+
+
+
+
+
Description
+
+ Richly detailed with an understated design - the Police
+ Men's Greenlane watch.
+
+
DETAILS & FEATURESTION
+
+ Gender: man
+ Size: 46x54.5mm
+ Band Material: Metal
+ Case Material: Metal
+ Features: Multifunction
+ Water Resistant: 5 (ATM)
+ Band Colour: Steel
+
+
+
+
+
+
Tube Watch S42 Date Steel With Black
+
€500
+
+
+
+
+
+
+
+
+
+
+
+
+
Description
+
+ Richly detailed with an understated design - the Police
+ Men's Greenlane watch.
+
+
DETAILS & FEATURESTION
+
+ Gender: man
+ Size: 46x54.5mm
+ Band Material: Metal
+ Case Material: Metal
+ Features: Multifunction
+ Water Resistant: 5 (ATM)
+ Band Colour: Steel
+
+
+
+
+
+
Avondale Watch Police For Men
+
€800
+
+
+
+
+
+
+
+
+
+
+
+
Description
+
+ Richly detailed with an understated design - the Police
+ Men's Greenlane watch.
+
+
DETAILS & FEATURESTION
+
+ Gender: man
+ Size: 46x54.5mm
+ Band Material: Metal
+ Case Material: Metal
+ Features: Multifunction
+ Water Resistant: 5 (ATM)
+ Band Colour: Steel
+
+
+
+
+
+
+ Diver 300M Co‐Axial Master Chronometer
+
+
€600
+
+
+
+
+
+
+
+
+
+
+
+
Description
+
+ Richly detailed with an understated design - the Police
+ Men's Greenlane watch.
+
+
DETAILS & FEATURESTION
+
+ Gender: man
+ Size: 46x54.5mm
+ Band Material: Metal
+ Case Material: Metal
+ Features: Multifunction
+ Water Resistant: 5 (ATM)
+ Band Colour: Steel
+
+
+
+
+
+
+ Diver 300M Co‐Axial Master Chronometer
+
+
€1400
+
+
+
+
+
+
+
+
+
+
+
+
Description
+
+ Richly detailed with an understated design - the Police
+ Men's Greenlane watch.
+
+
DETAILS & FEATURESTION
+
+ Gender: man
+ Size: 46x54.5mm
+ Band Material: Metal
+ Case Material: Metal
+ Features: Multifunction
+ Water Resistant: 5 (ATM)
+ Band Colour: Steel
+
+
+
+
+
+
Taman Watch By Police For Men
+
€500
+
+
+
+
+
+
+
+
+
+
+
+
+
Description
+
+ Richly detailed with an understated design - the Police
+ Men's Greenlane watch.
+
+
DETAILS & FEATURESTION
+
+ Gender: man
+ Size: 46x54.5mm
+ Band Material: Metal
+ Case Material: Metal
+ Features: Multifunction
+ Water Resistant: 5 (ATM)
+ Band Colour: Steel
+
+
+
+
+
+
Malawi Watch Police For Men
+
€555
+
+
+
+
+
+
+
+
+
+
+
+
Description
+
+ Richly detailed with an understated design - the Police
+ Men's Greenlane watch.
+
+
DETAILS & FEATURESTION
+
+ Gender: man
+ Size: 46x54.5mm
+ Band Material: Metal
+ Case Material: Metal
+ Features: Multifunction
+ Water Resistant: 5 (ATM)
+ Band Colour: Steel
+
+
+
+
+
+
+ Diver 300M Co‐Axial Master Chronometer
+
+
€1200
+
+
+
+
+
+
+
+
+
+
+
+
Description
+
+ Richly detailed with an understated design - the Police
+ Men's Greenlane watch.
+
+
DETAILS & FEATURESTION
+
+ Gender: man
+ Size: 46x54.5mm
+ Band Material: Metal
+ Case Material: Metal
+ Features: Multifunction
+ Water Resistant: 5 (ATM)
+ Band Colour: Steel
+
+
+
+
+
+
Greenlane Watch By Police For Men
+
€1000
+
+
+
+
+
+
+
+
+
+
+
+
Description
+
+ Richly detailed with an understated design - the Police
+ Men's Greenlane watch.
+
+
DETAILS & FEATURESTION
+
+ Gender: man
+ Size: 46x54.5mm
+ Band Material: Metal
+ Case Material: Metal
+ Features: Multifunction
+ Water Resistant: 5 (ATM)
+ Band Colour: Steel
+
+
+
+
+
+
Squardrc 5402 Chrono
+
€359
+
+
+
+
+
+
+
+
+
+
+
+
Description
+
+ Richly detailed with an understated design - the Police
+ Men's Greenlane watch.
+
+
DETAILS & FEATURESTION
+
+ Gender: man
+ Size: 46x54.5mm
+ Band Material: Metal
+ Case Material: Metal
+ Features: Multifunction
+ Water Resistant: 5 (ATM)
+ Band Colour: Steel
+
+
+
+
+
+
+ Diver 300M Co‐Axial Master Chronometer Chronograph
+
+
€400
+
+
+
+
+
+
+
+
+
+
+
+
Description
+
+ Richly detailed with an understated design - the Police
+ Men's Greenlane watch.
+
+
DETAILS & FEATURESTION
+
+ Gender: man
+ Size: 46x54.5mm
+ Band Material: Metal
+ Case Material: Metal
+ Features: Multifunction
+ Water Resistant: 5 (ATM)
+ Band Colour: Steel
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Description
+
+ Richly detailed with an understated design - the Police
+ Men's Greenlane watch.
+
+
DETAILS & FEATURESTION
+
+ Gender: man
+ Size: 46x54.5mm
+ Band Material: Metal
+ Case Material: Metal
+ Features: Multifunction
+ Water Resistant: 5 (ATM)
+ Band Colour: Steel
+
+
+
+
+
+
Armani Exchange
+
€400
+
+
+
+
+ Buy now
+
+
+
diff --git a/src/partials/example.html b/src/partials/example.html
deleted file mode 100755
index f7f444c97e2..00000000000
--- a/src/partials/example.html
+++ /dev/null
@@ -1,37 +0,0 @@
-
- HTML-partials
-
-
-
-
-
- The
-
- posthtml-include
-
- plugin allows you to add code from other HTML files (fragments) to HTML page
- files. Fragments are stored in the src/partials folder. The
- addition occurs when compiling page files, such as index.html.
-
-
-
- This example.html file is an example of such a snippet, with
- the markup of a certain part of the main page. This is very convenient for
- team development on student projects, when several people write in one HTML
- file at once.
-
-
-
- The syntax for adding a fragment to the main file is:
- <include src="./partials/filename.html"></include>
-
-
-
-
diff --git a/src/partials/header.html b/src/partials/header.html
new file mode 100644
index 00000000000..8b137891791
--- /dev/null
+++ b/src/partials/header.html
@@ -0,0 +1 @@
+
diff --git a/src/partials/hero.html b/src/partials/hero.html
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/src/partials/modal.html b/src/partials/modal.html
new file mode 100644
index 00000000000..9a58eb98595
--- /dev/null
+++ b/src/partials/modal.html
@@ -0,0 +1,93 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Tube Watch S42 Date Steel With Black Case
+
+
€395
+
+
+
+
+
+
+
diff --git a/src/sass/catalog.scss b/src/sass/catalog.scss
new file mode 100644
index 00000000000..995680901aa
--- /dev/null
+++ b/src/sass/catalog.scss
@@ -0,0 +1,231 @@
+@media only screen and (max-width: 1020px) {
+ .catalog-list-item.blockmob {
+ display: none;
+ }
+}
+
+ .catalog-icons {
+ display: none;
+ }
+
+.section-catalog .title {
+ margin-bottom: 40px;
+}
+.catalog-title {
+font-weight: 600;
+color: #1e2827;
+font-size: 32px;
+line-height: 1.25;
+letter-spacing: -0.02em;
+margin-bottom: 83px;
+}
+
+.catalog-list {
+display: flex;
+justify-content: center;
+flex-wrap: wrap;
+column-gap: 24px;
+row-gap: 48px;
+}
+.catalog-list-item {
+ position: relative;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+}
+
+.image-container {
+ position: relative;
+ width: 100%;
+ overflow: hidden;
+ border-radius: 8px;
+}
+
+.image-container img {
+ width: 100%;
+ display: block;
+ border-radius: 8px;
+}
+
+.overlay {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background-color: #1E2827;
+ opacity: 0;
+ transition: transform 0.3s ease-in-out;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ border-radius: 8px;
+}
+
+
+.overlay-description {
+ text-align: left;
+ color: #ffffff;
+ padding: 15px 10px 5px 10px;
+ margin-top: 20px;
+
+}
+
+.overlay-title {
+
+ margin-bottom: 10px;
+ text-transform: uppercase;
+ font-weight: 400;
+ font-size: 14px;
+ line-height: 1.29;
+ letter-spacing: -0.02em;
+ color: #ffffff;
+
+}
+
+.overlay-text {
+ font-weight: 400;
+ font-size: 14px;
+ line-height: 1.29;
+ letter-spacing: -0.01em;
+ color: rgba(255, 255, 255, 0.5);
+ margin-bottom: 30px;
+}
+
+.image-container:hover .overlay {
+ opacity: 1;
+}
+
+.catalog-list-item :hover {
+cursor: pointer;
+}
+
+
+.overlay-description.size {
+width: 236px;
+}
+
+
+
+.catalog-description {
+padding: 32px 16px;
+border-top: none;
+}
+
+.text-description {
+font-size: 14px;
+line-height: 1.29;
+letter-spacing: -0.02em;
+color: #141414;
+margin-bottom: 4px;
+
+}
+
+.price {
+font-size: 12px;
+line-height: 1.17;
+letter-spacing: -0.02em;
+color: rgb(20, 20, 20, 0.5);
+
+}
+
+.catalog-button {
+max-width: 108px;
+
+background-color: #1E2827;
+color: #ffffff;
+border-radius: 8px;
+border: 1px solid #1E2827;
+
+white-space: nowrap;
+text-transform: uppercase;
+font-size: 12px;
+line-height: 1.17;
+text-align: center;
+
+padding: 14px 28px;
+
+margin-left: auto;
+display: block;
+
+transition: border 250ms cubic-bezier cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.catalog-button:focus,
+.catalog-button:hover {
+border:1px solid #ffffff;
+}
+
+@media screen and (min-width: 768px) {
+
+ .catalog-icons {
+ position: absolute;
+ display: inline-block;
+ stroke-width: 0;
+ stroke: rgba(20, 20, 20, 0.1);
+ fill: #ffffff;
+ right: 14px;
+ top: 14px;
+ z-index: 1;
+ }
+
+.catalog-title {
+ font-size: 40px;
+ line-height: 1.10;
+ margin-bottom: 83px;
+}
+
+.catalog-button {
+ max-width: 122px;
+
+ padding: 18px 35px;
+}
+
+.catalog-list {
+ display: flex;
+ flex-wrap: wrap;
+ row-gap: 40px;
+ column-gap: 32px;
+
+}
+
+.catalog-list .catalog-list-item {
+ margin-bottom: 0;
+ width: calc((100% - 32px) /3);
+}
+
+
+}
+
+@media screen and (min-width: 1280px) {
+
+ .catalog-icons {
+ display: none;
+ }
+
+.catalog-list {
+ display: flex;
+ flex-wrap: wrap;
+ row-gap: 64px;
+ column-gap: 24px;
+}
+
+.catalog-list .catalog-list-item {
+ width: calc((100% - 72px) /4);
+}
+
+.overlay-desrpiption {
+ padding: 20px;
+
+}
+
+.overlay {
+ padding: 25px 0 25px;
+
+}
+.overlay-text {
+ margin-bottom: 40px;
+}
+
+
+}
\ No newline at end of file
diff --git a/src/sass/header.scss b/src/sass/header.scss
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/src/sass/hero.scss b/src/sass/hero.scss
new file mode 100644
index 00000000000..8b137891791
--- /dev/null
+++ b/src/sass/hero.scss
@@ -0,0 +1 @@
+
diff --git a/src/sass/index.scss b/src/sass/index.scss
index 8d1a014a6b5..bdd005a60a0 100755
--- a/src/sass/index.scss
+++ b/src/sass/index.scss
@@ -1,2 +1,6 @@
@import './common';
-@import './example';
+@import './style.scss';
+@import './header.scss';
+@import './hero.scss';
+@import './catalog.scss';
+@import './modal.scss';
diff --git a/src/sass/modal.scss b/src/sass/modal.scss
new file mode 100644
index 00000000000..fd69c7b2cf5
--- /dev/null
+++ b/src/sass/modal.scss
@@ -0,0 +1,362 @@
+/*Modal*/
+
+.backdrop {
+ position: fixed;
+ top: 0px;
+ height: 100%;
+ width: 100%;
+ z-index: 5;
+ background-color: rgba(46, 47, 66, 0.4);
+ transition: opacity 1s linear, visibility 1s linear;
+ overflow: auto;
+}
+
+.is-hidden {
+ opacity: 0;
+ visibility: hidden;
+ pointer-events: none;
+}
+
+.modal {
+ position: absolute;
+ width: 100%;
+ left: 50%;
+ padding-top: 12px;
+ padding-left: 20px;
+ padding-right: 20px;
+ padding-bottom: 40px;
+ background: #ffffff;
+ box-shadow: 0px 0px 223px rgba(0, 0, 0, 0.05),
+ 0px 0px 130.6px rgba(0, 0, 0, 0.037963),
+ 0px 0px 71.0296px rgba(0, 0, 0, 0.0303704),
+ 0px 0px 36.2375px rgba(0, 0, 0, 0.025),
+ 0px 0px 18.1704px rgba(0, 0, 0, 0.0196296),
+ 0px 0px 8.77546px rgba(0, 0, 0, 0.012037);
+ isolation: isolate;
+ transform: translate(-50%) scale(1) rotate(0);
+ transition-duration: 250ms;
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.backdrop.is-hidden .modal {
+ transform: translate(-50%, -50%) scale(0) rotate(-180deg);
+ transition-duration: 250ms;
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.close-modal-icon {
+ display: flex;
+ width: 20px;
+ height: 20px;
+ stroke: #141414;
+}
+
+.close-modal-btn {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ margin-left: auto;
+ margin-right: -8px;
+ border: none;
+ background-color: #ffffff;
+ transition-duration: 250ms;
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.close-modal-svg {
+ border: 1.3px solid #141414;
+ line-height: 100%;
+}
+
+.modal-block1-list {
+ list-style: none;
+ margin-bottom: 40px;
+}
+
+.modal-block1-item {
+ max-width: 276px;
+ height: 375px;
+ margin: auto;
+}
+
+.modal-block1-item-img {
+ margin-bottom: 14px;
+}
+
+.modal-block1-description {
+ flex-direction: column;
+ justify-content: space-between;
+ display: flex;
+}
+
+.modal-block1-title {
+ margin-bottom: 4px;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ font-family: 'Epilogue';
+ font-style: normal;
+ font-size: 14px;
+ line-height: 1.29;
+ letter-spacing: -0.02em;
+ color: #141414;
+ font-weight: 400;
+}
+
+.modal-block1-text {
+ margin-top: 0;
+ margin-bottom: 0;
+ font-family: 'Epilogue';
+ font-style: normal;
+ font-weight: 400;
+ font-size: 12px;
+ line-height: 1.17;
+ letter-spacing: -0.02em;
+ color: rgba(20, 20, 20, 0.5);
+}
+
+.modal-block2-form {
+ display: flex;
+ flex-direction: column;
+ height: 578px;
+ max-width: 295px;
+}
+
+.modal-block2-label {
+ padding: 0px;
+ margin-bottom: 18px;
+}
+
+.modal-no {
+ margin-bottom: 20px;
+}
+
+.modal-block2-title {
+ display: block;
+ font-family: 'Epilogue';
+ font-style: normal;
+ font-weight: 400;
+ font-size: 12px;
+ line-height: 1.17;
+ letter-spacing: -0.02em;
+ color: #141414;
+ margin-bottom: 12px;
+}
+
+.modal-block2-input-wrap {
+ position: relative;
+}
+
+.modal-block2-input {
+ padding: 12px 16px;
+ width: 100%;
+ height: 42px;
+ border: 1px solid rgba(20, 20, 20, 0.5);
+ border-radius: 8px;
+}
+
+.modal-block2-input::placeholder {
+ font-family: 'Epilogue';
+ font-style: normal;
+ font-weight: 400;
+ font-size: 14px;
+ line-height: 1.29;
+ letter-spacing: -0.02em;
+ color: rgba(20, 20, 20, 0.5);
+ display: flex;
+}
+
+.comments {
+ min-height: 170px;
+ resize: none;
+ height: auto;
+ margin-bottom: 0px;
+}
+
+input:not(:placeholder-shown):required:valid {
+ border: 1px solid rgba(20, 20, 20, 0.5);
+}
+
+input:not(:placeholder-shown):required:invalid {
+ border-color: red;
+ border-radius: 10px;
+}
+
+.submit-modal-btn {
+ font-family: 'Epilogue';
+ font-style: normal;
+ font-weight: 400;
+ font-size: 12px;
+ line-height: 1.17;
+ text-align: center;
+ text-transform: uppercase;
+ color: #ffffff;
+ min-height: 50px;
+ background: #1e2827;
+ border-radius: 8px;
+ flex-direction: row;
+ justify-content: center;
+ align-items: flex-start;
+ margin-bottom: 12px;
+}
+
+.modal-bottom-text {
+ font-family: 'Epilogue';
+ font-style: normal;
+ font-weight: 400;
+ font-size: 12px;
+ line-height: 1.17;
+ letter-spacing: -0.02em;
+ color: rgba(20, 20, 20, 0.4);
+ margin: 0 auto;
+}
+
+.modal-bottom-link {
+ font-family: 'Plus Jakarta Sans';
+ font-weight: 400;
+ font-size: 12px;
+ line-height: 1.17;
+ letter-spacing: -0.02em;
+ color: rgba(20, 20, 20, 0.4);
+}
+
+.modal-bottom-text br {
+ display: none;
+}
+
+@media screen and (min-width: 375px) {
+ .modal {
+ max-width: 335px;
+ margin-left: auto;
+ margin-right: auto;
+ }
+}
+
+@media screen and (max-width: 767px) {
+ .backdrop {
+ overflow-y: auto;
+ }
+
+ .modal-block2-form {
+ margin: auto;
+ }
+}
+
+/* 768 */
+@media screen and (min-width: 768px) {
+ .modal {
+ max-width: 744px;
+ max-height: 670px;
+ padding: 40px;
+ height: 1073px;
+ top: 50%;
+ transform: translate(-50%, -50%) scale(1) rotate(0);
+ }
+
+ .close-modal-btn {
+ top: -32px;
+ right: -10px;
+ position: relative;
+ padding: 6px;
+ }
+
+ .close-modal-icon {
+ width: 24px;
+ height: 24px;
+ }
+
+ .modal-block1 {
+ float: left;
+ margin-right: 20px;
+ }
+
+ .modal-block1-list {
+ padding-left: 0;
+ padding-right: 0;
+ margin-top: 0;
+ margin-bottom: 0;
+ }
+
+ .modal-block2 {
+ margin-top: -32px;
+ margin-right: -10px;
+ }
+
+ .modal-block2-form {
+ max-width: 368px;
+ }
+
+ .modal-block2-label {
+ width: 100%;
+ }
+
+ .modal-block2-title {
+ font-size: 14px;
+ line-height: 1.29;
+ padding: 0;
+ }
+
+ .modal-block2-input {
+ width: 368px;
+ }
+
+ .modal-block2-input::placeholder {
+ font-size: 16px;
+ line-height: 1.12;
+ }
+
+ .comments {
+ max-width: 368px;
+ margin-bottom: 0px;
+ }
+
+ .submit-modal-btn {
+ width: 368px;
+ }
+}
+
+/* 1280 */
+@media screen and (min-width: 1280px) {
+ .modal {
+ max-width: 904px;
+ max-height: 694px;
+ }
+
+ .modal-block1 {
+ margin-right: 40px;
+ }
+
+ .modal-block2 {
+ height: 614px;
+ }
+
+ .modal-block2-form {
+ max-width: 508px;
+ height: 100%;
+ }
+
+ .modal-block2-input {
+ width: 508px;
+ }
+
+ .modal-no {
+ margin-bottom: 40px;
+ }
+
+ .comments {
+ max-width: 508px;
+ margin-bottom: 0px;
+ }
+
+ .submit-modal-btn {
+ width: 508px;
+ }
+
+ .modal-bottom-text {
+ margin-left: 0;
+ }
+
+ .modal-bottom-text br {
+ display: block;
+ }
+}
diff --git a/src/sass/style.scss b/src/sass/style.scss
new file mode 100644
index 00000000000..c13df4fdbef
--- /dev/null
+++ b/src/sass/style.scss
@@ -0,0 +1,73 @@
+/* Style reset */
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p {
+ margin: 0;
+}
+
+ul {
+ padding: 0;
+ margin: 0;
+ list-style-type: none;
+}
+
+a {
+ text-decoration: none;
+ font-style: normal;
+}
+
+*,
+*::after,
+*::before {
+ box-sizing: inherit;
+}
+
+body {
+ font-family: 'Epilogue', sans-serif;
+ background-color: var(--white);
+}
+
+img {
+ display: block;
+ width: 100%;
+ height: auto;
+}
+
+button {
+ cursor: pointer;
+}
+
+.section {
+ min-width: 375px;
+ width: 100%;
+}
+
+.container {
+ max-width: 335px;
+ margin: 0 auto;
+}
+
+@media screen and (min-width: 768px) {
+ .section {
+ min-width: 768px;
+ }
+
+ .container {
+ max-width: 704px;
+ }
+}
+
+@media screen and (min-width: 1280px) {
+ .section {
+ min-width: 1280px;
+ }
+
+ .container {
+ max-width: 1176px;
+ }
+}