diff --git a/assets/actions-config-step-1.png b/assets/actions-config-step-1.png deleted file mode 100755 index 9847cc7d824..00000000000 Binary files a/assets/actions-config-step-1.png and /dev/null differ diff --git a/assets/actions-config-step-2.png b/assets/actions-config-step-2.png deleted file mode 100755 index 9578cf1d225..00000000000 Binary files a/assets/actions-config-step-2.png and /dev/null differ diff --git a/assets/how-it-works.png b/assets/how-it-works.png deleted file mode 100755 index ab9c0802cc5..00000000000 Binary files a/assets/how-it-works.png and /dev/null differ diff --git a/assets/repo-settings.png b/assets/repo-settings.png deleted file mode 100755 index 8951c8a7fb8..00000000000 Binary files a/assets/repo-settings.png and /dev/null differ diff --git a/assets/status.png b/assets/status.png deleted file mode 100755 index 67ec99915c8..00000000000 Binary files a/assets/status.png and /dev/null differ diff --git a/package-lock.json b/package-lock.json index e6c0aff679c..5ea67606aa0 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,11 +1,11 @@ { - "name": "parcel-project-template", + "name": "The-Watch-Spot", "version": "2.0.0", "lockfileVersion": 2, "requires": true, "packages": { "": { - "name": "parcel-project-template", + "name": "The-Watch-Spot", "version": "2.0.0", "license": "ISC", "dependencies": { @@ -203,9 +203,9 @@ } }, "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.2", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-darwin-arm64/-/msgpackr-extract-darwin-arm64-3.0.2.tgz", + "integrity": "sha512-9bfjwDxIDWmmOKusUcqdS4Rw+SETlp9Dy39Xui9BEGEk19dDwH0jhipwFzEff/pFg95NKymc6TOTbRKcWeRqyQ==", "cpu": [ "arm64" ], @@ -216,9 +216,9 @@ ] }, "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.2", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-darwin-x64/-/msgpackr-extract-darwin-x64-3.0.2.tgz", + "integrity": "sha512-lwriRAHm1Yg4iDf23Oxm9n/t5Zpw1lVnxYU3HnJPTi2lJRkKTrps1KVgvL6m7WvmhYVt/FIsssWay+k45QHeuw==", "cpu": [ "x64" ], @@ -229,9 +229,9 @@ ] }, "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.2", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm/-/msgpackr-extract-linux-arm-3.0.2.tgz", + "integrity": "sha512-MOI9Dlfrpi2Cuc7i5dXdxPbFIgbDBGgKR5F2yWEa6FVEtSWncfVNKW5AKjImAQ6CZlBK9tympdsZJ2xThBiWWA==", "cpu": [ "arm" ], @@ -242,9 +242,9 @@ ] }, "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.2", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm64/-/msgpackr-extract-linux-arm64-3.0.2.tgz", + "integrity": "sha512-FU20Bo66/f7He9Fp9sP2zaJ1Q8L9uLPZQDub/WlUip78JlPeMbVL8546HbZfcW9LNciEXc8d+tThSJjSC+tmsg==", "cpu": [ "arm64" ], @@ -255,9 +255,9 @@ ] }, "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.2", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-x64/-/msgpackr-extract-linux-x64-3.0.2.tgz", + "integrity": "sha512-gsWNDCklNy7Ajk0vBBf9jEx04RUxuDQfBse918Ww+Qb9HCPoGzS+XJTLe96iN3BVK7grnLiYghP/M4L8VsaHeA==", "cpu": [ "x64" ], @@ -268,9 +268,9 @@ ] }, "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.2", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-win32-x64/-/msgpackr-extract-win32-x64-3.0.2.tgz", + "integrity": "sha512-O+6Gs8UeDbyFpbSh2CPEz/UOrrdWPTBYNblZK5CxxLisYt4kGX3Sc+czffFonyjiGSq3jWLwJS/CCJc7tBr4sQ==", "cpu": [ "x64" ], @@ -1721,9 +1721,9 @@ } }, "node_modules/caniuse-lite": { - "version": "1.0.30001346", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001346.tgz", - "integrity": "sha512-q6ibZUO2t88QCIPayP/euuDREq+aMAxFE5S70PkrLh0iTDj/zEhgvJRKC2+CvXY6EWc6oQwUR48lL5vCW6jiXQ==", + "version": "1.0.30001588", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001588.tgz", + "integrity": "sha512-+hVY9jE44uKLkH0SrUTqxjxqNTOWHsbnQDIKjwkZ3lNTzUUVdBLBGXtj/q5Mp5u98r3droaZAewQuEDzjQdZlQ==", "dev": true, "funding": [ { @@ -1733,6 +1733,10 @@ { "type": "tidelift", "url": "https://tidelift.com/funding/github/npm/caniuse-lite" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" } ] }, @@ -2286,9 +2290,9 @@ "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, "bin": { "json5": "lib/cli.js" @@ -2450,43 +2454,46 @@ } }, "node_modules/msgpackr": { - "version": "1.6.1", - "resolved": "https://registry.npmjs.org/msgpackr/-/msgpackr-1.6.1.tgz", - "integrity": "sha512-Je+xBEfdjtvA4bKaOv8iRhjC8qX2oJwpYH4f7JrG4uMVJVmnmkAT4pjKdbztKprGj3iwjcxPzb5umVZ02Qq3tA==", + "version": "1.10.1", + "resolved": "https://registry.npmjs.org/msgpackr/-/msgpackr-1.10.1.tgz", + "integrity": "sha512-r5VRLv9qouXuLiIBrLpl2d5ZvPt8svdQTl5/vMvE4nzDMyEX4sgW5yWhuBBj5UmgwOTWj8CIdSXn5sAfsHAWIQ==", "dev": true, "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.2", + "resolved": "https://registry.npmjs.org/msgpackr-extract/-/msgpackr-extract-3.0.2.tgz", + "integrity": "sha512-SdzXp4kD/Qf8agZ9+iTu6eql0m3kWm1A2y1hkpTeVNENutaB0BwHlSvAIaMxwntmRUAUjon2V4L8Z/njd0Ct8A==", "dev": true, "hasInstallScript": true, "optional": true, "dependencies": { - "node-gyp-build-optional-packages": "5.0.2" + "node-gyp-build-optional-packages": "5.0.7" + }, + "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.2", + "@msgpackr-extract/msgpackr-extract-darwin-x64": "3.0.2", + "@msgpackr-extract/msgpackr-extract-linux-arm": "3.0.2", + "@msgpackr-extract/msgpackr-extract-linux-arm64": "3.0.2", + "@msgpackr-extract/msgpackr-extract-linux-x64": "3.0.2", + "@msgpackr-extract/msgpackr-extract-win32-x64": "3.0.2" } }, "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.0.7", + "resolved": "https://registry.npmjs.org/node-gyp-build-optional-packages/-/node-gyp-build-optional-packages-5.0.7.tgz", + "integrity": "sha512-YlCCc6Wffkx0kHkmam79GKvDQ6x+QZkMjFGrIMxgFNILFvGSbCp2fCBC55pGTT9gVaz8Na5CLmxt/urtzRv36w==", "dev": true, "optional": true, "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,9 +2913,9 @@ } }, "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, "bin": { "semver": "bin/semver" @@ -3245,44 +3252,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.2", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-darwin-arm64/-/msgpackr-extract-darwin-arm64-3.0.2.tgz", + "integrity": "sha512-9bfjwDxIDWmmOKusUcqdS4Rw+SETlp9Dy39Xui9BEGEk19dDwH0jhipwFzEff/pFg95NKymc6TOTbRKcWeRqyQ==", "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.2", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-darwin-x64/-/msgpackr-extract-darwin-x64-3.0.2.tgz", + "integrity": "sha512-lwriRAHm1Yg4iDf23Oxm9n/t5Zpw1lVnxYU3HnJPTi2lJRkKTrps1KVgvL6m7WvmhYVt/FIsssWay+k45QHeuw==", "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.2", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm/-/msgpackr-extract-linux-arm-3.0.2.tgz", + "integrity": "sha512-MOI9Dlfrpi2Cuc7i5dXdxPbFIgbDBGgKR5F2yWEa6FVEtSWncfVNKW5AKjImAQ6CZlBK9tympdsZJ2xThBiWWA==", "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.2", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm64/-/msgpackr-extract-linux-arm64-3.0.2.tgz", + "integrity": "sha512-FU20Bo66/f7He9Fp9sP2zaJ1Q8L9uLPZQDub/WlUip78JlPeMbVL8546HbZfcW9LNciEXc8d+tThSJjSC+tmsg==", "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.2", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-x64/-/msgpackr-extract-linux-x64-3.0.2.tgz", + "integrity": "sha512-gsWNDCklNy7Ajk0vBBf9jEx04RUxuDQfBse918Ww+Qb9HCPoGzS+XJTLe96iN3BVK7grnLiYghP/M4L8VsaHeA==", "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.2", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-win32-x64/-/msgpackr-extract-win32-x64-3.0.2.tgz", + "integrity": "sha512-O+6Gs8UeDbyFpbSh2CPEz/UOrrdWPTBYNblZK5CxxLisYt4kGX3Sc+czffFonyjiGSq3jWLwJS/CCJc7tBr4sQ==", "dev": true, "optional": true }, @@ -4162,9 +4169,9 @@ "dev": true }, "caniuse-lite": { - "version": "1.0.30001346", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001346.tgz", - "integrity": "sha512-q6ibZUO2t88QCIPayP/euuDREq+aMAxFE5S70PkrLh0iTDj/zEhgvJRKC2+CvXY6EWc6oQwUR48lL5vCW6jiXQ==", + "version": "1.0.30001588", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001588.tgz", + "integrity": "sha512-+hVY9jE44uKLkH0SrUTqxjxqNTOWHsbnQDIKjwkZ3lNTzUUVdBLBGXtj/q5Mp5u98r3droaZAewQuEDzjQdZlQ==", "dev": true }, "chalk": { @@ -4541,9 +4548,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": { @@ -4650,34 +4657,34 @@ "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.10.1", + "resolved": "https://registry.npmjs.org/msgpackr/-/msgpackr-1.10.1.tgz", + "integrity": "sha512-r5VRLv9qouXuLiIBrLpl2d5ZvPt8svdQTl5/vMvE4nzDMyEX4sgW5yWhuBBj5UmgwOTWj8CIdSXn5sAfsHAWIQ==", "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.2", + "resolved": "https://registry.npmjs.org/msgpackr-extract/-/msgpackr-extract-3.0.2.tgz", + "integrity": "sha512-SdzXp4kD/Qf8agZ9+iTu6eql0m3kWm1A2y1hkpTeVNENutaB0BwHlSvAIaMxwntmRUAUjon2V4L8Z/njd0Ct8A==", "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.2", + "@msgpackr-extract/msgpackr-extract-darwin-x64": "3.0.2", + "@msgpackr-extract/msgpackr-extract-linux-arm": "3.0.2", + "@msgpackr-extract/msgpackr-extract-linux-arm64": "3.0.2", + "@msgpackr-extract/msgpackr-extract-linux-x64": "3.0.2", + "@msgpackr-extract/msgpackr-extract-win32-x64": "3.0.2", + "node-gyp-build-optional-packages": "5.0.7" }, "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==", + "version": "5.0.7", + "resolved": "https://registry.npmjs.org/node-gyp-build-optional-packages/-/node-gyp-build-optional-packages-5.0.7.tgz", + "integrity": "sha512-YlCCc6Wffkx0kHkmam79GKvDQ6x+QZkMjFGrIMxgFNILFvGSbCp2fCBC55pGTT9gVaz8Na5CLmxt/urtzRv36w==", "dev": true, "optional": true } @@ -4969,9 +4976,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..78419a5ea4a 100755 --- a/package.json +++ b/package.json @@ -1,21 +1,22 @@ { - "name": "parcel-project-template", + "name": "The-Watch-Spot", "version": "2.0.0", "description": "", - "homepage": "https://goitacademy.github.io/parcel-project-template", + "homepage": "https://biancabaclava1.github.io/The-Watch-Spot/", "scripts": { "start": "parcel src/*.html", - "build": "parcel build src/*.html --public-url /parcel-project-template/" + "build": "parcel build src/*.html --public-url /The-Watch-Spot/" + }, "repository": { "type": "git", - "url": "git+https://github.com/goitacademy/parcel-project-template.git" + "url": "git@github.com:biancabaclava1/The-Watch-Spot.git" }, "keywords": [], - "author": "Alexander Repeta ", + "author": "Baclava Bianca ", "license": "ISC", "bugs": { - "url": "https://github.com/goitacademy/parcel-project-template/issues" + "url": "https://github.com/biancabaclava1/The-Watch-Spot/issues" }, "dependencies": { "modern-normalize": "^1.1.0" @@ -28,3 +29,4 @@ }, "browserslist": "> 0.5%, last 2 versions, not dead" } + diff --git a/src/images/about-us-gif-desk.png b/src/images/about-us-gif-desk.png new file mode 100644 index 00000000000..ba0602c0004 Binary files /dev/null and b/src/images/about-us-gif-desk.png differ diff --git a/src/images/about-us-gif-mob.png b/src/images/about-us-gif-mob.png new file mode 100644 index 00000000000..25d10b89073 Binary files /dev/null and b/src/images/about-us-gif-mob.png differ diff --git a/src/images/about-us-gif-tab.png b/src/images/about-us-gif-tab.png new file mode 100644 index 00000000000..e6de02cfb24 Binary files /dev/null and b/src/images/about-us-gif-tab.png differ diff --git a/src/images/catalog-watch1.png b/src/images/catalog-watch1.png new file mode 100644 index 00000000000..d7b8ce0177e Binary files /dev/null and b/src/images/catalog-watch1.png differ diff --git a/src/images/catalog-watch10.png b/src/images/catalog-watch10.png new file mode 100644 index 00000000000..f9b26b9aa1f Binary files /dev/null and b/src/images/catalog-watch10.png differ diff --git a/src/images/catalog-watch11.png b/src/images/catalog-watch11.png new file mode 100644 index 00000000000..a0435a26e8b Binary files /dev/null and b/src/images/catalog-watch11.png differ diff --git a/src/images/catalog-watch12.png b/src/images/catalog-watch12.png new file mode 100644 index 00000000000..0d835205c2b Binary files /dev/null and b/src/images/catalog-watch12.png differ diff --git a/src/images/catalog-watch2.png b/src/images/catalog-watch2.png new file mode 100644 index 00000000000..afaa9219fbf Binary files /dev/null and b/src/images/catalog-watch2.png differ diff --git a/src/images/catalog-watch3.png b/src/images/catalog-watch3.png new file mode 100644 index 00000000000..1e9950ba1a8 Binary files /dev/null and b/src/images/catalog-watch3.png differ diff --git a/src/images/catalog-watch4.png b/src/images/catalog-watch4.png new file mode 100644 index 00000000000..aa9390af282 Binary files /dev/null and b/src/images/catalog-watch4.png differ diff --git a/src/images/catalog-watch5.png b/src/images/catalog-watch5.png new file mode 100644 index 00000000000..40da5f1afbd Binary files /dev/null and b/src/images/catalog-watch5.png differ diff --git a/src/images/catalog-watch6.png b/src/images/catalog-watch6.png new file mode 100644 index 00000000000..abcff98687d Binary files /dev/null and b/src/images/catalog-watch6.png differ diff --git a/src/images/catalog-watch7.png b/src/images/catalog-watch7.png new file mode 100644 index 00000000000..ab2ad47765c Binary files /dev/null and b/src/images/catalog-watch7.png differ diff --git a/src/images/catalog-watch8.png b/src/images/catalog-watch8.png new file mode 100644 index 00000000000..c169caae175 Binary files /dev/null and b/src/images/catalog-watch8.png differ diff --git a/src/images/catalog-watch9.png b/src/images/catalog-watch9.png new file mode 100644 index 00000000000..e3052228789 Binary files /dev/null and b/src/images/catalog-watch9.png differ diff --git a/src/images/green-bronze-black-watch-desk.png b/src/images/green-bronze-black-watch-desk.png new file mode 100644 index 00000000000..56b67687aa9 Binary files /dev/null and b/src/images/green-bronze-black-watch-desk.png differ diff --git a/src/images/green-bronze-black-watch-tab-mob.png b/src/images/green-bronze-black-watch-tab-mob.png new file mode 100644 index 00000000000..c7d173d71d3 Binary files /dev/null and b/src/images/green-bronze-black-watch-tab-mob.png differ diff --git a/src/images/green-bronze-hand-watch-desk.png b/src/images/green-bronze-hand-watch-desk.png new file mode 100644 index 00000000000..ae819b0ad1b Binary files /dev/null and b/src/images/green-bronze-hand-watch-desk.png differ diff --git a/src/images/green-bronze-hand-watch-tab-mob.png b/src/images/green-bronze-hand-watch-tab-mob.png new file mode 100644 index 00000000000..60da326e1a2 Binary files /dev/null and b/src/images/green-bronze-hand-watch-tab-mob.png differ diff --git a/src/images/header-black-watch.png b/src/images/header-black-watch.png new file mode 100644 index 00000000000..facc4c13d4a Binary files /dev/null and b/src/images/header-black-watch.png differ diff --git a/src/images/header-blsilver-watch.png b/src/images/header-blsilver-watch.png new file mode 100644 index 00000000000..b969fb9acdc Binary files /dev/null and b/src/images/header-blsilver-watch.png differ diff --git a/src/images/header-green-watch.png b/src/images/header-green-watch.png new file mode 100644 index 00000000000..e65da0fd790 Binary files /dev/null and b/src/images/header-green-watch.png differ diff --git a/src/images/header-hand-watch-mob.png b/src/images/header-hand-watch-mob.png new file mode 100644 index 00000000000..1564453db86 Binary files /dev/null and b/src/images/header-hand-watch-mob.png differ diff --git a/src/images/header-hand-watch-tab.png b/src/images/header-hand-watch-tab.png new file mode 100644 index 00000000000..59c6802e08c Binary files /dev/null and b/src/images/header-hand-watch-tab.png differ diff --git a/src/images/header-hand-watch.png b/src/images/header-hand-watch.png new file mode 100644 index 00000000000..18a01710ca5 Binary files /dev/null and b/src/images/header-hand-watch.png differ diff --git a/src/images/header-silver-watch.png b/src/images/header-silver-watch.png new file mode 100644 index 00000000000..269b869bf39 Binary files /dev/null and b/src/images/header-silver-watch.png differ diff --git a/src/images/header-white-watch.png b/src/images/header-white-watch.png new file mode 100644 index 00000000000..ba0c634a21a Binary files /dev/null and b/src/images/header-white-watch.png differ diff --git a/src/images/icons.svg b/src/images/icons.svg new file mode 100644 index 00000000000..8c746b0fcdc --- /dev/null +++ b/src/images/icons.svg @@ -0,0 +1,101 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 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/modal-watch.png b/src/images/modal-watch.png new file mode 100644 index 00000000000..d7b8ce0177e Binary files /dev/null and b/src/images/modal-watch.png differ diff --git a/src/images/sale-image1-desk-tab.png b/src/images/sale-image1-desk-tab.png new file mode 100644 index 00000000000..0e1fb767475 Binary files /dev/null and b/src/images/sale-image1-desk-tab.png differ diff --git a/src/images/sale-image1-mob.png b/src/images/sale-image1-mob.png new file mode 100644 index 00000000000..a9103e430ad Binary files /dev/null and b/src/images/sale-image1-mob.png differ diff --git a/src/images/sale-image2-desk-tab.png b/src/images/sale-image2-desk-tab.png new file mode 100644 index 00000000000..cc3bd688433 Binary files /dev/null and b/src/images/sale-image2-desk-tab.png differ diff --git a/src/images/sale-image2-mob.png b/src/images/sale-image2-mob.png new file mode 100644 index 00000000000..a60fc750cb3 Binary files /dev/null and b/src/images/sale-image2-mob.png differ diff --git a/src/images/sale-image3-desk-tab.png b/src/images/sale-image3-desk-tab.png new file mode 100644 index 00000000000..90904e166d7 Binary files /dev/null and b/src/images/sale-image3-desk-tab.png differ diff --git a/src/images/sale-image3-mob.png b/src/images/sale-image3-mob.png new file mode 100644 index 00000000000..381ccc72261 Binary files /dev/null and b/src/images/sale-image3-mob.png differ diff --git a/src/images/sale-image4-desk-tab.png b/src/images/sale-image4-desk-tab.png new file mode 100644 index 00000000000..4241acbc4ca Binary files /dev/null and b/src/images/sale-image4-desk-tab.png differ diff --git a/src/images/sale-image4-mob.png b/src/images/sale-image4-mob.png new file mode 100644 index 00000000000..4826f40c3a6 Binary files /dev/null and b/src/images/sale-image4-mob.png differ diff --git a/src/images/sale-watch-desk-tab.png b/src/images/sale-watch-desk-tab.png new file mode 100644 index 00000000000..0a3c559b40c Binary files /dev/null and b/src/images/sale-watch-desk-tab.png differ diff --git a/src/images/sale-watch-mob.png b/src/images/sale-watch-mob.png new file mode 100644 index 00000000000..5fd4181b5b5 Binary files /dev/null and b/src/images/sale-watch-mob.png differ diff --git a/src/index.html b/src/index.html old mode 100755 new mode 100644 index 92da07de4e6..f3ac50924dd --- a/src/index.html +++ b/src/index.html @@ -1,15 +1,25 @@ - + - Page title + + + + TITLU -

Example title

- + +
+ + +
+ 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/footer.html b/src/partials/footer.html new file mode 100644 index 00000000000..0e3b18aa5f7 --- /dev/null +++ b/src/partials/footer.html @@ -0,0 +1,53 @@ + diff --git a/src/partials/header.html b/src/partials/header.html new file mode 100644 index 00000000000..d7b54e7e3a1 --- /dev/null +++ b/src/partials/header.html @@ -0,0 +1,21 @@ +
+
+
+ + + +

thewatchspot

+
+ + +
+
+ +
+
\ No newline at end of file diff --git a/src/partials/hero.html b/src/partials/hero.html new file mode 100644 index 00000000000..a3cf0b153c2 --- /dev/null +++ b/src/partials/hero.html @@ -0,0 +1,68 @@ + +
+
+

Welcome to our collection of premium watches

+

Our watches are not just timepieces, but also an expression of your personality and + lifestyle. From classic + designs to + modern ones, we have a watch to suit every taste and occasion.

+
+
+
+
+ + + + + +
+
+
+ + +
+
+ 1 + + + 5 +
+
+
+
+ +
+
+ + +
\ No newline at end of file diff --git a/src/partials/sale.html b/src/partials/sale.html new file mode 100644 index 00000000000..c96caed8d07 --- /dev/null +++ b/src/partials/sale.html @@ -0,0 +1,79 @@ +
+
+

Sale

+
+
+
+ + + + +
+ +
+
+
+

Greenlane Watch By Police For MenHT

+

Product tag: PEWJK2227003

+
+

€700

+

€1000

+
+
+
+
+

Description

+ + + +
+

+ Richly detailed with an understated design - the Police Men’s + Greenlane watch features a versatile multifunction design that fits + effortlessly into work and play. The steel case is adorned with a + semi-transparent black dial. The timepiece exhibits a contrast + through a black IP bracelet with matching crown and pushers. +

+
+
+
+

DETAILS & FEATURESTION

+ + + +
+

+ Gender: man
+ Size: 46x54.5mm
+ Case Colour: Steel
+ Band Material: Metal
+ Case Material: Metal
+ Features: Multifunction
+ Water Resistant: 5 (ATM)
+ Band Colour: Steel +

+
+
+
+
+
diff --git a/src/sass/_common.scss b/src/sass/_common.scss index dd493e4bc7f..d37ac02d7b6 100755 --- a/src/sass/_common.scss +++ b/src/sass/_common.scss @@ -1 +1,27 @@ @import '~node_modules/modern-normalize/modern-normalize.css'; + +:root { + --font-family: 'Epilogue', sans-serif; + --dark-green: #1e2827; + --black: #141414; + --white: #fff; +} + +* { + font-family: var(--font-family); +} + +body { + margin: 0 auto; + padding: 0; +} + +ul, +li { + text-decoration: none; + list-style-type: none; +} + +a { + text-decoration: none; +} diff --git a/src/sass/_example.scss b/src/sass/_example.scss deleted file mode 100755 index 05c89b464f5..00000000000 --- a/src/sass/_example.scss +++ /dev/null @@ -1,28 +0,0 @@ -.example { - font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, - Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; - line-height: 1.5; - background-color: #fff; - color: #2f2f37; - max-width: 960px; - padding: 16px; -} - -.example code { - font-family: monospace; - font-size: 16px; - font-weight: 700; - background-color: #ff6b0a; - color: #fff; - padding: 2px 6px; - border-radius: 2px; -} - -.example .background { - height: 240px; - // ❗️❗️❗️ The path to images from a SASS file - // is always the same as from the css folder. - background-image: url('../images/logo.png'); - background-size: cover; - background-position: center; -} diff --git a/src/sass/footer.scss b/src/sass/footer.scss new file mode 100644 index 00000000000..c656866e65d --- /dev/null +++ b/src/sass/footer.scss @@ -0,0 +1,69 @@ +.footer-container { + background: var(--dark-green); +} + +.footer-text-styles { + font-weight: 400; + font-size: 18px; + line-height: 133%; + letter-spacing: -0.02em; + color: var(--white); + margin-bottom: 19px; +} + +.footer-all-right-reserved { + font-family: var(--font-family); + font-weight: 400; + font-size: 14px; + line-height: 129%; + letter-spacing: -0.02em; + color: #c6cdd1; + opacity: 0.9; + margin-top: 174px; +} + +.footer-privacy { + font-weight: 400; + font-size: 14px; + line-height: 129%; + letter-spacing: -0.02em; + text-align: right; + color: #c6cdd1; +} + +.footer-section { + display: flex; + padding: 104px 132px 32px 132px; + justify-content: space-between; +} + +.footer-adress-cont { + display: flex; + flex-direction: column; +} + +.footer-list-border { + border: 1px solid rgba(255, 255, 255, 0.1); + border-radius: 10px; + padding: 8px; + width: 44px; + height: 44px; +} + +.footer-ul-cont { + display: flex; + flex-direction: row; + gap: 16px; +} + +.footer-social-links { + display: flex; + flex-direction: column; + justify-content: space-between; +} + +.footer-nav-ul { + display: flex; + gap: 20px; + flex-direction: column; +} diff --git a/src/sass/header.scss b/src/sass/header.scss new file mode 100644 index 00000000000..28a0bcab1a5 --- /dev/null +++ b/src/sass/header.scss @@ -0,0 +1,72 @@ +body { + background-color: #fff; + margin: 0; +} + +:root { + --black-background: #141414; +} + +.list { + list-style: none; + padding: 0; +} + +.header { + background-color: var(--black-background); +} + +.header-content { + display: flex; + align-items: center; + + padding: 0 132px; +} + +.logo-text { + font-family: 'Epilogue', sans-serif; + font-weight: 400; + font-size: 15px; + letter-spacing: -0.03em; + color: #fff; + padding-right: 80px; +} + +.test { + display: flex; + padding-top: 20px; + gap: 200px; +} + +.nav-content { +} + +.nav-list { + display: flex; + gap: 40px; +} + +.nav-item { + font-family: 'Epilogue', sans-serif; + font-weight: 400; + font-size: 9px; + line-height: 1.33333; + text-transform: uppercase; + text-align: center; + color: #fff; +} + +.header-button { + border-radius: 8px; + width: 159px; + height: 48px; + font-family: 'Epilogue', sans-serif; + font-weight: 400; + font-size: 9px; + line-height: 1.33333; + text-transform: uppercase; + text-align: center; + color: #fff; + background: #1e2827; + border: none; +} diff --git a/src/sass/hero.scss b/src/sass/hero.scss new file mode 100644 index 00000000000..57ff1459bea --- /dev/null +++ b/src/sass/hero.scss @@ -0,0 +1,107 @@ +.hero { + background-color: var(--black-background); + width: 1440px; + height: 789px; +} + +.hero-text { + display: flex; + justify-content: center; + gap: 144px; + padding-top: 80px; +} + +.hero-title { + font-family: 'Epilogue', sans-serif; + font-weight: 600; + font-size: 60px; + line-height: 1.03333; + letter-spacing: -0.04em; + color: #fff; + width: 750px; + margin: 0; +} + +.hero-paragraf { + font-family: 'Epilogue', sans-serif; + font-weight: 300; + font-size: 14px; + line-height: 1.28571; + letter-spacing: -0.02em; + color: #fff; + width: 282px; + margin: 0; +} + +.carousel { + // width: 436px; + // height: 455px; + /* overflow: hidden; */ + position: relative; + background-color: #141414; +} + +.carousel img { + width: 100%; + display: none; + margin-left: 152px; +} + +.poze { + width: 436px; + height: 255px; + background: #141414; +} + +.carousel img.active { + display: block; +} + +.controls { + position: absolute; + top: 95%; + transform: translateY(-50%); + width: 100%; + display: flex; + justify-content: space-between; + color: #fff; + margin-left: 132px; +} + +.buton { + width: 40px; + height: 40px; + background-color: #141414; + border: 1px solid #fff; + border-radius: 8px; + width: 40px; + height: 40px; + cursor: pointer; +} + +.buton:hover { +} + +.numar { + font-family: 'Epilogue', sans-serif; + font-weight: 400; + font-size: 14px; + line-height: 1.28571; + letter-spacing: -0.02em; +} + +.butoane { + padding-left: 50px; +} + +.contor { + padding-right: 50px; + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; +} + +.linie { + margin: 0 10px; +} diff --git a/src/sass/index.scss b/src/sass/index.scss old mode 100755 new mode 100644 index 8d1a014a6b5..0f9c321c01b --- a/src/sass/index.scss +++ b/src/sass/index.scss @@ -1,2 +1,6 @@ @import './common'; -@import './example'; +@import '../sass/header.scss'; +@import '../sass/common'; +@import '../sass/hero.scss'; +@import '../sass/sale.scss'; +@import '../sass/footer.scss'; diff --git a/src/sass/sale.scss b/src/sass/sale.scss new file mode 100644 index 00000000000..24e89e88505 --- /dev/null +++ b/src/sass/sale.scss @@ -0,0 +1,154 @@ +.sale-titles { + font-weight: 600; + font-size: 40px; + line-height: 110%; + letter-spacing: -0.02em; + color: var(--dark-green); +} + +.sale-titles-right { + font-weight: 400; + font-size: 38px; + line-height: 105%; + letter-spacing: -0.02em; + color: var(--black); + margin: 0; +} + +.sale-parag { + font-weight: 400; + font-size: 14px; + line-height: 129%; + letter-spacing: -0.02em; + color: rgba(20, 20, 20, 0.5); + margin: 8px 0 0; +} + +.sale-parag-money { + font-weight: 400; + font-size: 14px; + line-height: 129%; + letter-spacing: -0.02em; + color: rgba(20, 20, 20, 0.5); + margin: 0; + text-decoration: line-through; +} + +.sale-par-money { + font-weight: 400; + font-size: 18px; + line-height: 133%; + letter-spacing: -0.02em; + color: var(--black); + margin: 0; +} + +.sale-description { + font-weight: 400; + font-size: 18px; + line-height: 133%; + letter-spacing: -0.02em; + text-transform: uppercase; + color: var(--black); + position: absolute; +} + +.sale-par-description { + font-weight: 400; + font-size: 14px; + line-height: 129%; + letter-spacing: -0.01em; + color: rgba(20, 20, 20, 0.5); + max-width: 369px; +} + +.sale-svg { + position: relative; + left: 353px; + top: 4px; + width: 16px; +} + +.sale-section { + display: flex; + margin: 0 auto; + justify-content: center; +} + +.sale-container { + display: flex; + margin: 166px 0; + flex-wrap: wrap; + justify-content: center; +} + +.sale-images { + display: flex; +} + +.sale-img-single { + background-color: black; + max-width: 406px; + max-height: 614px; + margin-left: 20px; + margin-right: 40px; +} + +.sale-img-four { + display: flex; + flex-direction: column; + gap: 10px; +} + +.sale-first-div-right { + max-width: 369px; +} + +.sale-money-div { + display: flex; + align-items: center; + gap: 8px; + margin-top: 16px; +} + +.sale-div-description { + border-top: 1px solid var(--black); + padding: 8px 0px; + max-width: 369px; + max-height: 40px; + justify-content: space-between; + display: flex; + gap: 249px; + align-items: center; + margin-top: 40px; +} +// Classes for mobile + +@media screen and (max-width: 375px) { + .sale-img-mobile { + width: 80px; + height: 80px; + } + + .sale-img-single { + width: 235px; + height: 350px; + } + + .sale-titles { + font-size: 32px; + line-height: 125%; + color: var(--black); + position: relative; + left: 66px; + } + + .sale-section { + position: absolute; + } + + .sale-titles-right { + font-size: 24px; + line-height: 100%; + } +}