diff --git a/package-lock.json b/package-lock.json index a066c47..1ce1fe1 100644 --- a/package-lock.json +++ b/package-lock.json @@ -35,6 +35,7 @@ "react-hotkeys": "^2.0.0", "react-i18next": "^11.18.3", "react-loading-skeleton": "^3.1.0", + "react-lottie": "^1.2.3", "react-markdown": "^8.0.3", "react-redux": "^8.0.2", "react-router-dom": "^6.3.0", @@ -69,6 +70,7 @@ "@testing-library/react": "^13.3.0", "@testing-library/user-event": "^13.5.0", "@types/jest": "^27.5.2", + "@types/react-lottie": "^1.2.6", "@types/react-syntax-highlighter": "^15.5.5", "autoprefixer": "^10.4.8", "babel-plugin-named-exports-order": "^0.0.2", @@ -11558,6 +11560,15 @@ "@types/react": "*" } }, + "node_modules/@types/react-lottie": { + "version": "1.2.6", + "resolved": "https://registry.npmjs.org/@types/react-lottie/-/react-lottie-1.2.6.tgz", + "integrity": "sha512-fvGJHD7SeUdVESHo7f7erRnXkTWaa/6Mo5TB+R0/ieSftKoFspA4sMlF2qMH6BljXI7ehFJbBtrD5bzDxPCkGg==", + "dev": true, + "dependencies": { + "@types/react": "*" + } + }, "node_modules/@types/react-syntax-highlighter": { "version": "15.5.5", "resolved": "https://registry.npmjs.org/@types/react-syntax-highlighter/-/react-syntax-highlighter-15.5.5.tgz", @@ -13600,6 +13611,27 @@ "node": ">=6.9.0" } }, + "node_modules/babel-runtime": { + "version": "6.26.0", + "resolved": "https://registry.npmjs.org/babel-runtime/-/babel-runtime-6.26.0.tgz", + "integrity": "sha512-ITKNuq2wKlW1fJg9sSW52eepoYgZBggvOAHC0u/CYu/qxQ9EVzThCgR69BnSXLHjy2f7SY5zaQ4yt7H9ZVxY2g==", + "dependencies": { + "core-js": "^2.4.0", + "regenerator-runtime": "^0.11.0" + } + }, + "node_modules/babel-runtime/node_modules/core-js": { + "version": "2.6.12", + "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.6.12.tgz", + "integrity": "sha512-Kb2wC0fvsWfQrgk8HU5lW6U/Lcs8+9aaYcy4ZFc6DDlo4nZ7n70dEgE5rtR0oG6ufKDUnrwfWL1mXR5ljDatrQ==", + "deprecated": "core-js@<3.23.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Some versions have web compatibility issues. Please, upgrade your dependencies to the actual version of core-js.", + "hasInstallScript": true + }, + "node_modules/babel-runtime/node_modules/regenerator-runtime": { + "version": "0.11.1", + "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.11.1.tgz", + "integrity": "sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg==" + }, "node_modules/bail": { "version": "1.0.5", "resolved": "https://registry.npmjs.org/bail/-/bail-1.0.5.tgz", @@ -25646,6 +25678,11 @@ "loose-envify": "cli.js" } }, + "node_modules/lottie-web": { + "version": "5.9.6", + "resolved": "https://registry.npmjs.org/lottie-web/-/lottie-web-5.9.6.tgz", + "integrity": "sha512-JFs7KsHwflugH5qIXBpB4905yC1Sub2MZWtl/elvO/QC6qj1ApqbUZJyjzJseJUtVpgiDaXQLjBlIJGS7UUUXA==" + }, "node_modules/loud-rejection": { "version": "1.6.0", "resolved": "https://registry.npmjs.org/loud-rejection/-/loud-rejection-1.6.0.tgz", @@ -30383,6 +30420,21 @@ "react": ">=16.8.0" } }, + "node_modules/react-lottie": { + "version": "1.2.3", + "resolved": "https://registry.npmjs.org/react-lottie/-/react-lottie-1.2.3.tgz", + "integrity": "sha512-qLCERxUr8M+4mm1LU0Ruxw5Y5Fn/OmYkGfnA+JDM/dZb3oKwVAJCjwnjkj9TMHtzR2U6sMEUD3ZZ1RaHagM7kA==", + "dependencies": { + "babel-runtime": "^6.26.0", + "lottie-web": "^5.1.3" + }, + "engines": { + "npm": "^3.0.0" + }, + "peerDependencies": { + "react": "^0.14.7 || ^15.0.0 || ^16.0.0" + } + }, "node_modules/react-markdown": { "version": "8.0.3", "resolved": "https://registry.npmjs.org/react-markdown/-/react-markdown-8.0.3.tgz", @@ -48597,6 +48649,15 @@ "@types/react": "*" } }, + "@types/react-lottie": { + "version": "1.2.6", + "resolved": "https://registry.npmjs.org/@types/react-lottie/-/react-lottie-1.2.6.tgz", + "integrity": "sha512-fvGJHD7SeUdVESHo7f7erRnXkTWaa/6Mo5TB+R0/ieSftKoFspA4sMlF2qMH6BljXI7ehFJbBtrD5bzDxPCkGg==", + "dev": true, + "requires": { + "@types/react": "*" + } + }, "@types/react-syntax-highlighter": { "version": "15.5.5", "resolved": "https://registry.npmjs.org/@types/react-syntax-highlighter/-/react-syntax-highlighter-15.5.5.tgz", @@ -50205,6 +50266,27 @@ } } }, + "babel-runtime": { + "version": "6.26.0", + "resolved": "https://registry.npmjs.org/babel-runtime/-/babel-runtime-6.26.0.tgz", + "integrity": "sha512-ITKNuq2wKlW1fJg9sSW52eepoYgZBggvOAHC0u/CYu/qxQ9EVzThCgR69BnSXLHjy2f7SY5zaQ4yt7H9ZVxY2g==", + "requires": { + "core-js": "^2.4.0", + "regenerator-runtime": "^0.11.0" + }, + "dependencies": { + "core-js": { + "version": "2.6.12", + "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.6.12.tgz", + "integrity": "sha512-Kb2wC0fvsWfQrgk8HU5lW6U/Lcs8+9aaYcy4ZFc6DDlo4nZ7n70dEgE5rtR0oG6ufKDUnrwfWL1mXR5ljDatrQ==" + }, + "regenerator-runtime": { + "version": "0.11.1", + "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.11.1.tgz", + "integrity": "sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg==" + } + } + }, "bail": { "version": "1.0.5", "resolved": "https://registry.npmjs.org/bail/-/bail-1.0.5.tgz", @@ -59330,6 +59412,11 @@ "js-tokens": "^3.0.0 || ^4.0.0" } }, + "lottie-web": { + "version": "5.9.6", + "resolved": "https://registry.npmjs.org/lottie-web/-/lottie-web-5.9.6.tgz", + "integrity": "sha512-JFs7KsHwflugH5qIXBpB4905yC1Sub2MZWtl/elvO/QC6qj1ApqbUZJyjzJseJUtVpgiDaXQLjBlIJGS7UUUXA==" + }, "loud-rejection": { "version": "1.6.0", "resolved": "https://registry.npmjs.org/loud-rejection/-/loud-rejection-1.6.0.tgz", @@ -62603,6 +62690,15 @@ "resolved": "https://registry.npmjs.org/react-loading-skeleton/-/react-loading-skeleton-3.1.0.tgz", "integrity": "sha512-j1U1CWWs68nBPOg7tkQqnlFcAMFF6oEK6MgqAo15f8A5p7mjH6xyKn2gHbkcimpwfO0VQXqxAswnSYVr8lWzjw==" }, + "react-lottie": { + "version": "1.2.3", + "resolved": "https://registry.npmjs.org/react-lottie/-/react-lottie-1.2.3.tgz", + "integrity": "sha512-qLCERxUr8M+4mm1LU0Ruxw5Y5Fn/OmYkGfnA+JDM/dZb3oKwVAJCjwnjkj9TMHtzR2U6sMEUD3ZZ1RaHagM7kA==", + "requires": { + "babel-runtime": "^6.26.0", + "lottie-web": "^5.1.3" + } + }, "react-markdown": { "version": "8.0.3", "resolved": "https://registry.npmjs.org/react-markdown/-/react-markdown-8.0.3.tgz", diff --git a/package.json b/package.json index 34bb7f5..703aa93 100755 --- a/package.json +++ b/package.json @@ -30,6 +30,7 @@ "react-hotkeys": "^2.0.0", "react-i18next": "^11.18.3", "react-loading-skeleton": "^3.1.0", + "react-lottie": "^1.2.3", "react-markdown": "^8.0.3", "react-redux": "^8.0.2", "react-router-dom": "^6.3.0", @@ -109,6 +110,7 @@ "@testing-library/react": "^13.3.0", "@testing-library/user-event": "^13.5.0", "@types/jest": "^27.5.2", + "@types/react-lottie": "^1.2.6", "@types/react-syntax-highlighter": "^15.5.5", "autoprefixer": "^10.4.8", "babel-plugin-named-exports-order": "^0.0.2", diff --git a/src/assets/lotties/notFoundAnimation.json b/src/assets/lotties/notFoundAnimation.json new file mode 100644 index 0000000..d146e3c --- /dev/null +++ b/src/assets/lotties/notFoundAnimation.json @@ -0,0 +1 @@ +{"v":"4.8.0","meta":{"g":"LottieFiles AE 1.1.0","a":"","k":"","d":"","tc":"#-1ffff"},"fr":60,"ip":0,"op":210,"w":800,"h":800,"nm":"ufoOrj","ddd":0,"assets":[{"id":"comp_0","layers":[{"ddd":0,"ind":1,"ty":3,"nm":"Null 2","sr":1,"ks":{"o":{"a":0,"k":0,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[400,350,0],"ix":2},"a":{"a":0,"k":[50,50,0],"ix":1},"s":{"a":0,"k":[126,126,100],"ix":6}},"ao":0,"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"isik Outlines","parent":4,"sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.529],"y":[0]},"t":0,"s":[100]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":50,"s":[84]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":105,"s":[100]},{"i":{"x":[0.536],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":159,"s":[67]},{"t":210,"s":[100]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":0,"s":[400,402,0],"to":[0,1.833,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":105,"s":[400,413,0],"to":[0,0,0],"ti":[0,1.833,0]},{"t":210,"s":[400,402,0]}],"ix":2},"a":{"a":0,"k":[400,400,0],"ix":1},"s":{"a":0,"k":[117.724,135.181,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[-44.433,-4.113]],"o":[[0,0],[0,0],[44.433,-4.113],[0,0]],"v":[[160.5,111.057],[-160.5,111.057],[-66.65,-106.943],[66.65,-106.943]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"gf","o":{"a":0,"k":100,"ix":10},"r":1,"bm":0,"g":{"p":3,"k":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":0,"s":[0,0.255,1,0.886,0.5,0.129,1,0.726,1,0.004,1,0.566,0,0.3,0.5,0.15,1,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":50,"s":[0,0.255,1,0.886,0.5,0.129,1,0.656,1,0.004,1,0.426,0,0.44,0.5,0.22,1,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":105,"s":[0,0.255,1,0.886,0.5,0.129,1,0.656,1,0.004,1,0.426,0,0.34,0.5,0.17,1,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":158,"s":[0,0.255,1,0.886,0.5,0.129,1,0.656,1,0.004,1,0.426,0,0.27,0.5,0.135,1,0]},{"t":210,"s":[0,0.255,1,0.886,0.5,0.129,1,0.726,1,0.004,1,0.566,0,0.3,0.5,0.15,1,0]}],"ix":9}},"s":{"a":0,"k":[0,-107],"ix":5},"e":{"a":0,"k":[0,100],"ix":6},"t":1,"nm":"Gradient Fill 1","mn":"ADBE Vector Graphic - G-Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[400,506.943],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":0,"nm":"circl","parent":4,"refId":"comp_1","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":0,"s":[400,400,0],"to":[0,2.333,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":105,"s":[400,414,0],"to":[0,0,0],"ti":[0,2.333,0]},{"t":210,"s":[400,400,0]}],"ix":2},"a":{"a":0,"k":[400,400,0],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"t":0,"s":[100,100,100]},{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"t":105,"s":[100,78,100]},{"t":210,"s":[100,100,100]}],"ix":6}},"ao":0,"hasMask":true,"masksProperties":[{"inv":false,"mode":"a","pt":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":0,"s":[{"i":[[98.307,0],[0,-25.957],[-98.307,0],[0,25.957]],"o":[[-98.307,0],[0,25.957],[98.307,0],[0,-25.957]],"v":[[400,336],[222,383],[400,430],[578,383]],"c":true}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":105,"s":[{"i":[[98.307,0],[0,-19.649],[-98.307,0],[0,19.649]],"o":[[-98.307,0],[0,19.649],[98.307,0],[0,-19.649]],"v":[[400,346.795],[222,382.372],[400,417.949],[578,382.372]],"c":true}]},{"t":210,"s":[{"i":[[98.307,0],[0,-25.957],[-98.307,0],[0,25.957]],"o":[[-98.307,0],[0,25.957],[98.307,0],[0,-25.957]],"v":[[400,336],[222,383],[400,430],[578,383]],"c":true}]}],"ix":1},"o":{"a":0,"k":100,"ix":3},"x":{"a":0,"k":0,"ix":4},"nm":"Mask 1"}],"tm":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":0,"s":[0]},{"t":210,"s":[1]}],"ix":2},"w":800,"h":800,"ip":0,"op":210,"st":0,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":"kasa Outlines","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.728],"y":[1]},"o":{"x":[0.333],"y":[0.87]},"t":0,"s":[0]},{"i":{"x":[0.62],"y":[-0.218]},"o":{"x":[0.288],"y":[0]},"t":53,"s":[-2]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[1.088]},"t":105,"s":[0]},{"i":{"x":[0.667],"y":[0.16]},"o":{"x":[0.262],"y":[0]},"t":158,"s":[2]},{"t":210,"s":[0]}],"ix":10},"p":{"a":1,"k":[{"i":{"x":0.517,"y":1},"o":{"x":0.486,"y":0},"t":0,"s":[50,50,0],"to":[0,5.167,0],"ti":[0,0,0]},{"i":{"x":0.526,"y":1},"o":{"x":0.501,"y":0},"t":105,"s":[50,81,0],"to":[0,0,0],"ti":[0,5.167,0]},{"t":210,"s":[50,50,0]}],"ix":2},"a":{"a":0,"k":[400,400,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":0,"s":[{"i":[[-11.181,-23.196],[79.205,0],[30.389,-13.174],[-91.275,0]],"o":[[-30.416,-13.147],[-79.205,0],[11.127,-23.223],[91.248,0]],"v":[[177.754,20.569],[0,-1.738],[-177.754,20.596],[0,-20.596]],"c":true}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":105,"s":[{"i":[[-11.181,-18.301],[79.205,0],[30.389,-10.394],[-91.275,0]],"o":[[-30.416,-10.373],[-79.205,0],[11.127,-18.323],[91.248,0]],"v":[[177.754,39.506],[0,21.906],[-177.754,39.527],[0,7.027]],"c":true}]},{"t":210,"s":[{"i":[[-11.181,-23.196],[79.205,0],[30.389,-13.174],[-91.275,0]],"o":[[-30.416,-13.147],[-79.205,0],[11.127,-23.223],[91.248,0]],"v":[[177.754,20.569],[0,-1.738],[-177.754,20.596],[0,-20.596]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.305882364511,0.46505188942,0.600000023842,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[400,355.973],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":0,"s":[{"i":[[0,-6.695],[47.304,0],[0,6.696],[-47.305,0]],"o":[[0,6.696],[-47.305,0],[0,-6.695],[47.304,0]],"v":[[85.654,-0.001],[0,12.124],[-85.654,-0.001],[0,-12.124]],"c":true}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":105,"s":[{"i":[[0,-3.453],[47.304,0],[0,3.453],[-47.305,0]],"o":[[0,3.453],[-47.305,0],[0,-3.453],[47.304,0]],"v":[[85.654,10.871],[0,17.124],[-85.654,10.871],[0,4.619]],"c":true}]},{"t":210,"s":[{"i":[[0,-6.695],[47.304,0],[0,6.696],[-47.305,0]],"o":[[0,6.696],[-47.305,0],[0,-6.695],[47.304,0]],"v":[[85.654,-0.001],[0,12.124],[-85.654,-0.001],[0,-12.124]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.282352954149,1,0.537254929543,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[400,401.381],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":0,"s":[{"i":[[0,-26.038],[98.944,0],[0,26.038],[-98.945,0]],"o":[[0,26.038],[-98.945,0],[0,-26.038],[98.944,0]],"v":[[179.155,0],[0,47.146],[-179.155,0],[0,-47.146]],"c":true}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":105,"s":[{"i":[[0,-16.753],[98.944,0],[0,16.753],[-98.945,0]],"o":[[0,16.753],[-98.945,0],[0,-16.753],[98.944,0]],"v":[[179.155,16.812],[0,47.146],[-179.155,16.812],[0,-13.523]],"c":true}]},{"t":210,"s":[{"i":[[0,-26.038],[98.944,0],[0,26.038],[-98.945,0]],"o":[[0,26.038],[-98.945,0],[0,-26.038],[98.944,0]],"v":[[179.155,0],[0,47.146],[-179.155,0],[0,-47.146]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.127151101828,0.160377249122,0.207843139768,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[400,382.523],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":2,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":"cam Outlines","parent":4,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":0,"s":[400,400,0],"to":[0,6,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":105,"s":[400,436,0],"to":[0,0,0],"ti":[0,6,0]},{"t":210,"s":[400,400,0]}],"ix":2},"a":{"a":0,"k":[400,400,0],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"t":0,"s":[100,92,100]},{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"t":105,"s":[100,111,100]},{"t":210,"s":[100,92,100]}],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-15.337,-18.76],[34.18,0],[27.19,-4.361],[-41.965,0]],"o":[[-27.19,-4.361],[-34.181,0],[15.338,-18.76],[41.965,0]],"v":[[93.319,15.964],[0,9.078],[-93.32,15.964],[0,-15.963]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.090196080506,0.827450990677,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[400,328.386],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0}]},{"id":"comp_1","layers":[{"ddd":0,"ind":1,"ty":4,"nm":"daires Outlines 13","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[398.976,429.916,0],"ix":2},"a":{"a":0,"k":[400,400,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-1.912],[12.749,0],[0,1.912],[-12.749,0]],"o":[[0,1.912],[-12.749,0],[0,-1.912],[12.749,0]],"v":[[23.084,0],[0,3.461],[-23.084,0],[0,-3.461]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.054901961237,0.898039221764,0.898039221764,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":-21,"s":[591.024,408.084],"to":[0,36.88],"ti":[106.604,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":23.998,"s":[398,474.86],"to":[-106.605,0],"ti":[0,36.88]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":69,"s":[204.975,408.084],"to":[0,-36.879],"ti":[-106.605,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":114,"s":[398,341.308],"to":[106.604,0],"ti":[0,-36.879]},{"t":159,"s":[591.024,408.084]}],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 18","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":60,"st":-21,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"daires Outlines 12","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[398.976,429.916,0],"ix":2},"a":{"a":0,"k":[400,400,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-1.912],[12.749,0],[0,1.912],[-12.749,0]],"o":[[0,1.912],[-12.749,0],[0,-1.912],[12.749,0]],"v":[[23.084,0],[0,3.461],[-23.084,0],[0,-3.461]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.054901961237,0.898039221764,0.898039221764,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":-36,"s":[591.024,408.084],"to":[0,36.88],"ti":[106.604,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":8.998,"s":[398,474.86],"to":[-106.605,0],"ti":[0,36.88]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":54,"s":[204.975,408.084],"to":[0,-36.879],"ti":[-106.605,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":99,"s":[398,341.308],"to":[106.604,0],"ti":[0,-36.879]},{"t":144,"s":[591.024,408.084]}],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 18","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":60,"st":-36,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":"daires Outlines 11","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[398.976,429.916,0],"ix":2},"a":{"a":0,"k":[400,400,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-1.912],[12.749,0],[0,1.912],[-12.749,0]],"o":[[0,1.912],[-12.749,0],[0,-1.912],[12.749,0]],"v":[[23.084,0],[0,3.461],[-23.084,0],[0,-3.461]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.054901961237,0.898039221764,0.898039221764,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":-51,"s":[591.024,408.084],"to":[0,36.88],"ti":[106.604,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":-6.002,"s":[398,474.86],"to":[-106.605,0],"ti":[0,36.88]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":39,"s":[204.975,408.084],"to":[0,-36.879],"ti":[-106.605,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":84,"s":[398,341.308],"to":[106.604,0],"ti":[0,-36.879]},{"t":129,"s":[591.024,408.084]}],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 18","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":60,"st":-51,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":"daires Outlines 10","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[398.976,429.916,0],"ix":2},"a":{"a":0,"k":[400,400,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-1.912],[12.749,0],[0,1.912],[-12.749,0]],"o":[[0,1.912],[-12.749,0],[0,-1.912],[12.749,0]],"v":[[23.084,0],[0,3.461],[-23.084,0],[0,-3.461]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.054901961237,0.898039221764,0.898039221764,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":-66,"s":[591.024,408.084],"to":[0,36.88],"ti":[106.604,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":-21.002,"s":[398,474.86],"to":[-106.605,0],"ti":[0,36.88]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":24,"s":[204.975,408.084],"to":[0,-36.879],"ti":[-106.605,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":69,"s":[398,341.308],"to":[106.604,0],"ti":[0,-36.879]},{"t":114,"s":[591.024,408.084]}],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 18","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":60,"st":-66,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":"daires Outlines 9","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[398.976,429.916,0],"ix":2},"a":{"a":0,"k":[400,400,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-1.912],[12.749,0],[0,1.912],[-12.749,0]],"o":[[0,1.912],[-12.749,0],[0,-1.912],[12.749,0]],"v":[[23.084,0],[0,3.461],[-23.084,0],[0,-3.461]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.054901961237,0.898039221764,0.898039221764,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":-81,"s":[591.024,408.084],"to":[0,36.88],"ti":[106.604,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":-36.002,"s":[398,474.86],"to":[-106.605,0],"ti":[0,36.88]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":9,"s":[204.975,408.084],"to":[0,-36.879],"ti":[-106.605,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":54,"s":[398,341.308],"to":[106.604,0],"ti":[0,-36.879]},{"t":99,"s":[591.024,408.084]}],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 18","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":60,"st":-81,"bm":0},{"ddd":0,"ind":6,"ty":4,"nm":"daires Outlines 8","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[398.976,429.916,0],"ix":2},"a":{"a":0,"k":[400,400,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-1.912],[12.749,0],[0,1.912],[-12.749,0]],"o":[[0,1.912],[-12.749,0],[0,-1.912],[12.749,0]],"v":[[23.084,0],[0,3.461],[-23.084,0],[0,-3.461]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.054901961237,0.898039221764,0.898039221764,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":-96,"s":[591.024,408.084],"to":[0,36.88],"ti":[106.604,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":-51.002,"s":[398,474.86],"to":[-106.605,0],"ti":[0,36.88]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":-6,"s":[204.975,408.084],"to":[0,-36.879],"ti":[-106.605,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":39,"s":[398,341.308],"to":[106.604,0],"ti":[0,-36.879]},{"t":84,"s":[591.024,408.084]}],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 18","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":60,"st":-96,"bm":0},{"ddd":0,"ind":7,"ty":4,"nm":"daires Outlines 7","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[398.976,429.916,0],"ix":2},"a":{"a":0,"k":[400,400,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-1.912],[12.749,0],[0,1.912],[-12.749,0]],"o":[[0,1.912],[-12.749,0],[0,-1.912],[12.749,0]],"v":[[23.084,0],[0,3.461],[-23.084,0],[0,-3.461]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.054901961237,0.898039221764,0.898039221764,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":-111,"s":[591.024,408.084],"to":[0,36.88],"ti":[106.604,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":-66.002,"s":[398,474.86],"to":[-106.605,0],"ti":[0,36.88]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":-21,"s":[204.975,408.084],"to":[0,-36.879],"ti":[-106.605,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":24,"s":[398,341.308],"to":[106.604,0],"ti":[0,-36.879]},{"t":69,"s":[591.024,408.084]}],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 18","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":60,"st":-111,"bm":0},{"ddd":0,"ind":8,"ty":4,"nm":"daires Outlines 6","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[398.976,429.916,0],"ix":2},"a":{"a":0,"k":[400,400,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-1.912],[12.749,0],[0,1.912],[-12.749,0]],"o":[[0,1.912],[-12.749,0],[0,-1.912],[12.749,0]],"v":[[23.084,0],[0,3.461],[-23.084,0],[0,-3.461]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.054901961237,0.898039221764,0.898039221764,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":-126,"s":[591.024,408.084],"to":[0,36.88],"ti":[106.604,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":-81.002,"s":[398,474.86],"to":[-106.605,0],"ti":[0,36.88]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":-36,"s":[204.975,408.084],"to":[0,-36.879],"ti":[-106.605,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":9,"s":[398,341.308],"to":[106.604,0],"ti":[0,-36.879]},{"t":54,"s":[591.024,408.084]}],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 18","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":60,"st":-126,"bm":0},{"ddd":0,"ind":9,"ty":4,"nm":"daires Outlines 5","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[398.976,429.916,0],"ix":2},"a":{"a":0,"k":[400,400,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-1.912],[12.749,0],[0,1.912],[-12.749,0]],"o":[[0,1.912],[-12.749,0],[0,-1.912],[12.749,0]],"v":[[23.084,0],[0,3.461],[-23.084,0],[0,-3.461]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.054901961237,0.898039221764,0.898039221764,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":-141,"s":[591.024,408.084],"to":[0,36.88],"ti":[106.604,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":-96.002,"s":[398,474.86],"to":[-106.605,0],"ti":[0,36.88]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":-51,"s":[204.975,408.084],"to":[0,-36.879],"ti":[-106.605,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":-6,"s":[398,341.308],"to":[106.604,0],"ti":[0,-36.879]},{"t":39,"s":[591.024,408.084]}],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 18","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":60,"st":-141,"bm":0},{"ddd":0,"ind":10,"ty":4,"nm":"daires Outlines 4","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[398.976,429.916,0],"ix":2},"a":{"a":0,"k":[400,400,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-1.912],[12.749,0],[0,1.912],[-12.749,0]],"o":[[0,1.912],[-12.749,0],[0,-1.912],[12.749,0]],"v":[[23.084,0],[0,3.461],[-23.084,0],[0,-3.461]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.054901961237,0.898039221764,0.898039221764,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":-156,"s":[591.024,408.084],"to":[0,36.88],"ti":[106.604,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":-111.002,"s":[398,474.86],"to":[-106.605,0],"ti":[0,36.88]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":-66,"s":[204.975,408.084],"to":[0,-36.879],"ti":[-106.605,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":-21,"s":[398,341.308],"to":[106.604,0],"ti":[0,-36.879]},{"t":24,"s":[591.024,408.084]}],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 18","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":60,"st":-156,"bm":0},{"ddd":0,"ind":11,"ty":4,"nm":"daires Outlines 3","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[398.976,429.916,0],"ix":2},"a":{"a":0,"k":[400,400,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-1.912],[12.749,0],[0,1.912],[-12.749,0]],"o":[[0,1.912],[-12.749,0],[0,-1.912],[12.749,0]],"v":[[23.084,0],[0,3.461],[-23.084,0],[0,-3.461]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.054901961237,0.898039221764,0.898039221764,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":-171,"s":[591.024,408.084],"to":[0,36.88],"ti":[106.604,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":-126.002,"s":[398,474.86],"to":[-106.605,0],"ti":[0,36.88]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":-81,"s":[204.975,408.084],"to":[0,-36.879],"ti":[-106.605,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":-36,"s":[398,341.308],"to":[106.604,0],"ti":[0,-36.879]},{"t":9,"s":[591.024,408.084]}],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 18","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":60,"st":-171,"bm":0},{"ddd":0,"ind":12,"ty":4,"nm":"daires Outlines","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[398.976,429.916,0],"ix":2},"a":{"a":0,"k":[400,400,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-1.912],[12.749,0],[0,1.912],[-12.749,0]],"o":[[0,1.912],[-12.749,0],[0,-1.912],[12.749,0]],"v":[[23.084,0],[0,3.461],[-23.084,0],[0,-3.461]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.054901961237,0.898039221764,0.898039221764,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":-246,"s":[591.024,408.084],"to":[0,36.88],"ti":[106.604,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":-201.002,"s":[398,474.86],"to":[-106.605,0],"ti":[0,36.88]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":-156,"s":[204.975,408.084],"to":[0,-36.879],"ti":[-106.605,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":-111,"s":[398,341.308],"to":[106.604,0],"ti":[0,-36.879]},{"t":-66,"s":[591.024,408.084]}],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 18","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":54,"st":-246,"bm":0}]}],"layers":[{"ddd":0,"ind":1,"ty":0,"nm":"main","refId":"comp_0","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[400,400,0],"ix":2},"a":{"a":0,"k":[400,400,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"w":800,"h":800,"ip":0,"op":300,"st":0,"bm":0}],"markers":[]} \ No newline at end of file diff --git a/src/components/fetchAnArticle/NotFound.tsx b/src/components/fetchAnArticle/NotFound.tsx index f0a4728..55f28a8 100644 --- a/src/components/fetchAnArticle/NotFound.tsx +++ b/src/components/fetchAnArticle/NotFound.tsx @@ -3,7 +3,19 @@ import Container from "components/Container"; import { Button } from "components/Button/Button"; import Link from "components/typography/Link"; +import Lottie from "react-lottie"; +import animationData from "../../assets/lotties/notFoundAnimation.json"; + const NotFound = () => { + const defaultOptions = { + loop: true, + autoplay: true, + animationData: animationData, + rendererSettings: { + preserveAspectRatio: "xMidYMid slice", + }, + }; + return ( { font-serif h-screen my-auto " > -
- 404 -
+ + 404

Page does not exist

Maybe you got a broken link, or maybe you made a misprint in the address