diff --git a/package-lock.json b/package-lock.json index 2cdec48..bf6232c 100644 --- a/package-lock.json +++ b/package-lock.json @@ -10,11 +10,13 @@ "dependencies": { "axios": "^1.12.2", "core-js": "^3.46.0", + "lottie-web": "^5.13.0", "pinia": "^3.0.3", "primeicons": "^7.0.0", "vue": "^3.2.13", "vue-qrcode-reader": "^5.7.3", - "vue-router": "^4.5.1" + "vue-router": "^4.5.1", + "vue3-lottie": "^3.3.1" }, "devDependencies": { "@babel/core": "^7.12.16", @@ -6700,7 +6702,6 @@ "version": "3.1.3", "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz", "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==", - "dev": true, "license": "MIT" }, "node_modules/fast-glob": { @@ -8249,7 +8250,6 @@ "version": "2.0.6", "resolved": "https://registry.npmjs.org/klona/-/klona-2.0.6.tgz", "integrity": "sha512-dhG34DXATL5hSxJbIexCft8FChFXtmskoZYnoPWjXQuebWYCNkVeV3KkGegCK9CP1oswI/vQibS2GY7Em/sJJA==", - "dev": true, "license": "MIT", "engines": { "node": ">= 8" @@ -8820,6 +8820,12 @@ "node": ">=4" } }, + "node_modules/lottie-web": { + "version": "5.13.0", + "resolved": "https://registry.npmjs.org/lottie-web/-/lottie-web-5.13.0.tgz", + "integrity": "sha512-+gfBXl6sxXMPe8tKQm7qzLnUy5DUPJPKIyRHwtpCpyUEYjHYRJC/5gjUvdkuO2c3JllrPtHXH5UJJK8LRYl5yQ==", + "license": "MIT" + }, "node_modules/lower-case": { "version": "2.0.2", "resolved": "https://registry.npmjs.org/lower-case/-/lower-case-2.0.2.tgz", @@ -13070,6 +13076,29 @@ "dev": true, "license": "MIT" }, + "node_modules/vue3-lottie": { + "version": "3.3.1", + "resolved": "https://registry.npmjs.org/vue3-lottie/-/vue3-lottie-3.3.1.tgz", + "integrity": "sha512-60uQmx4eefi3FdPjAxWnblrgJJjnVTXUA6e4BAI3jGzgOSR76pyzL1rrWDiyPmMFo4mTw4wGTW6Gbkg3HR1mYw==", + "license": "MIT", + "dependencies": { + "fast-deep-equal": "^3.1.3", + "klona": "^2.0.6", + "lottie-web": "5.12.2" + }, + "engines": { + "node": ">=12" + }, + "peerDependencies": { + "vue": "^3.2" + } + }, + "node_modules/vue3-lottie/node_modules/lottie-web": { + "version": "5.12.2", + "resolved": "https://registry.npmjs.org/lottie-web/-/lottie-web-5.12.2.tgz", + "integrity": "sha512-uvhvYPC8kGPjXT3MyKMrL3JitEAmDMp30lVkuq/590Mw9ok6pWcFCwXJveo0t5uqYw1UREQHofD+jVpdjBv8wg==", + "license": "MIT" + }, "node_modules/watchpack": { "version": "2.4.4", "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.4.tgz", diff --git a/package.json b/package.json index b59a1d9..600c4a9 100644 --- a/package.json +++ b/package.json @@ -11,11 +11,13 @@ "dependencies": { "axios": "^1.12.2", "core-js": "^3.46.0", + "lottie-web": "^5.13.0", "pinia": "^3.0.3", "primeicons": "^7.0.0", "vue": "^3.2.13", "vue-qrcode-reader": "^5.7.3", - "vue-router": "^4.5.1" + "vue-router": "^4.5.1", + "vue3-lottie": "^3.3.1" }, "devDependencies": { "@babel/core": "^7.12.16", diff --git a/public/images/loading.gif b/public/images/loading.gif new file mode 100644 index 0000000..25c7dee Binary files /dev/null and b/public/images/loading.gif differ diff --git a/public/images/loading.json b/public/images/loading.json new file mode 100644 index 0000000..925ed2f --- /dev/null +++ b/public/images/loading.json @@ -0,0 +1 @@ +{"v":"5.5.8","fr":50,"ip":0,"op":147,"w":800,"h":600,"nm":"Paperplane","ddd":0,"assets":[{"id":"comp_0","layers":[{"ddd":0,"ind":1,"ty":4,"nm":"planete Outlines - Group 4","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":0,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":38,"s":[50]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":88,"s":[50]},{"t":120,"s":[0]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[468.336,323.378,0],"to":[-29,0,0],"ti":[29,0,0]},{"t":102,"s":[294.336,323.378,0]}],"ix":2},"a":{"a":0,"k":[453.672,304.756,0],"ix":1},"s":{"a":0,"k":[50,50,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[6.742,0],[0.741,-0.14],[0,0.074],[13.484,0],[1.669,-0.361],[19.79,0],[3.317,-19.082],[2.691,0],[0,-13.484],[-0.048,-0.629],[2.405,0],[0,-6.742],[-6.742,0],[0,0],[0,6.743]],"o":[[-0.781,0],[0.001,-0.074],[0,-13.484],[-1.778,0],[-3.594,-18.742],[-20.03,0],[-2.421,-0.804],[-13.485,0],[0,0.642],[-1.89,-1.199],[-6.742,0],[0,6.743],[0,0],[6.742,0],[0,-6.742]],"v":[[75.134,16.175],[72.85,16.396],[72.856,16.175],[48.44,-8.241],[43.262,-7.685],[3.406,-40.591],[-36.571,-6.995],[-44.269,-8.241],[-68.685,16.175],[-68.604,18.079],[-75.133,16.175],[-87.341,28.383],[-75.133,40.592],[75.134,40.592],[87.342,28.383]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.815686334348,0.823529471603,0.827451040231,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":[453.672,304.756],"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 4","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":151,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"Merged Shape Layer","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.547],"y":[0]},"t":0,"s":[0]},{"i":{"x":[0.845],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":77,"s":[35]},{"t":150,"s":[0]}],"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":0,"s":[390.319,298.2,0],"to":[0,-2.583,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":44,"s":[390.319,282.7,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":110,"s":[390.319,319.25,0],"to":[0,0,0],"ti":[0,0,0]},{"t":150,"s":[390.319,298.2,0]}],"ix":2},"a":{"a":0,"k":[664.319,256.2,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[18.967,-3.189],[-18.967,19.935],[-0.949,-19.935]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.223528981209,0.192156970501,0.674510002136,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":[236.879,292.737],"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":"tr","p":{"a":0,"k":[633.939,275.369],"ix":2},"a":{"a":0,"k":[236.879,292.737],"ix":1},"s":{"a":0,"k":[50,50],"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":"planete Outlines - Group 1","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-98.335,64.79],[-105.619,4.984],[105.619,-64.79],[-80.316,24.919]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.278430998325,0.294117987156,0.847059011459,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":[316.247,247.882],"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":1,"mn":"ADBE Vector Group","hd":false},{"ty":"tr","p":{"a":0,"k":[673.623,252.941],"ix":2},"a":{"a":0,"k":[316.247,247.882],"ix":1},"s":{"a":0,"k":[50,50],"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":"planete Outlines - Group 2","np":1,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[-133.812,-42.171],[133.812,-75.141],[5.765,75.141],[-61.708,18.402],[124.227,-71.307],[-87.011,-1.534]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.365000009537,0.407999992371,0.976000010967,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":[297.638,254.4],"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":1,"mn":"ADBE Vector Group","hd":false},{"ty":"tr","p":{"a":0,"k":[664.319,256.2],"ix":2},"a":{"a":0,"k":[297.638,254.4],"ix":1},"s":{"a":0,"k":[50,50],"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":"planete Outlines - Group 3","np":1,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":151,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":"planete Outlines - Group 5","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":0,"s":[0]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":45,"s":[100]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":102,"s":[100]},{"t":150,"s":[0]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[327.38,267.583,0],"to":[25.833,0,0],"ti":[-25.833,0,0]},{"t":150,"s":[482.38,267.583,0]}],"ix":2},"a":{"a":0,"k":[171.76,193.166,0],"ix":1},"s":{"a":0,"k":[50,50,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[13.485,0],[4.38,-4.171],[21.913,0],[3.575,-18.765],[1.851,0],[0,-13.484],[-0.011,-0.291],[1.599,0],[0,-6.743],[-6.742,0],[0,0],[0,13.485]],"o":[[-6.526,0],[-0.793,-21.719],[-19.806,0],[-1.734,-0.391],[-13.485,0],[0,0.293],[-1.4,-0.559],[-6.742,0],[0,6.742],[0,0],[13.485,0],[0,-13.484]],"v":[[59.669,-8.242],[42.84,-1.506],[2.287,-40.592],[-37.576,-7.638],[-42.962,-8.242],[-67.378,16.174],[-67.356,17.049],[-71.878,16.174],[-84.086,28.383],[-71.878,40.591],[59.669,40.591],[84.086,16.174]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.816000007181,0.823999980852,0.827000038297,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":[171.76,193.166],"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 5","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":151,"st":0,"bm":0}]}],"layers":[{"ddd":0,"ind":1,"ty":0,"nm":"Pre-comp 1","refId":"comp_0","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[406,306,0],"ix":2},"a":{"a":0,"k":[400,300,0],"ix":1},"s":{"a":0,"k":[179,179,100],"ix":6}},"ao":0,"w":800,"h":600,"ip":0,"op":147,"st":0,"bm":0}],"markers":[]} \ No newline at end of file diff --git a/src/assets/images/loading.gif b/src/assets/images/loading.gif new file mode 100644 index 0000000..25c7dee Binary files /dev/null and b/src/assets/images/loading.gif differ diff --git a/src/assets/images/loading.json b/src/assets/images/loading.json new file mode 100644 index 0000000..2198adf --- /dev/null +++ b/src/assets/images/loading.json @@ -0,0 +1 @@ +{"v":"5.7.8","fr":30,"ip":0,"op":25,"w":900,"h":900,"nm":"dog","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"Shape Layer 1","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[423.5,667,0],"ix":2,"l":2},"a":{"a":0,"k":[-42.5,230,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-265,230],[180,230]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.792156922583,0.450980422076,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":13,"ix":5},"lc":2,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.280000095741,0.280000095741,0.280000095741,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":[0,0],"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":"Shape 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"tm","s":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":0,"s":[10]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":6,"s":[0]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":13.001,"s":[10]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":20,"s":[0]},{"t":25,"s":[10]}],"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":0,"s":[90]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":6,"s":[100]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":13.001,"s":[90]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":20,"s":[100]},{"t":25,"s":[90]}],"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false}],"ip":0,"op":455,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":"ear","parent":7,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":0,"s":[-14]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":6,"s":[0]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":13.001,"s":[-14]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":20,"s":[0]},{"t":25,"s":[-14]}],"ix":10},"p":{"a":0,"k":[356.247,24.591,0],"ix":2,"l":2},"a":{"a":0,"k":[86.762,16.905,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[6.047,30.334],[6.448,-4.934],[10.079,-11.171],[-24.71,-24.977],[-15.609,17.99]],"o":[[-2.904,-14.527],[-12.074,9.24],[-19.879,22.036],[20.808,21.034],[23.082,-26.608]],"v":[[40.358,-57.369],[10.962,-59.197],[-22.458,-26.687],[-33.818,50.862],[35.446,37.976]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.901176422718,0.513140091242,0,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":[58.778,72.146],"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":455,"st":0,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":"l 4","parent":7,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[316.531,353.859,0],"ix":2,"l":2},"a":{"a":0,"k":[20.132,95.184,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.333,"y":0},"t":0,"s":[{"i":[[-0.54,-20.628],[-22.114,-28.266],[-14.878,0.3]],"o":[[-2.7,33.068],[14.418,18.429],[29.767,-0.6]],"v":[[0.132,-75.184],[36.435,28.698],[82.368,59.184]],"c":false}]},{"i":{"x":0.667,"y":1},"o":{"x":0.167,"y":0.167},"t":3.001,"s":[{"i":[[-0.27,-10.314],[-10.025,-30.105],[-7.439,0.15]],"o":[[-1.35,16.534],[6.761,20.302],[14.884,-0.3]],"v":[[0.132,-75.184],[18.197,26.052],[41.118,67.184]],"c":false}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":6,"s":[{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[0.132,-75.184],[-0.041,23.407],[-0.132,75.184]],"c":false}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":10,"s":[{"i":[[0,0],[9.466,-36.43],[16.992,2.263]],"o":[[0,0],[-6.172,23.752],[-43.154,-5.748]],"v":[[0.882,-73.309],[-8.478,10.886],[-41.882,51.309]],"c":false}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":19,"s":[{"i":[[6.845,-41.332],[-31.078,-20.171],[23.303,-11.608]],"o":[[-6.585,39.76],[22.699,14.732],[-45.697,-11.74]],"v":[[0.757,-68.684],[63.973,0.344],[65.868,50.184]],"c":false}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":25,"s":[{"i":[[-0.54,-20.628],[-22.114,-28.266],[-14.878,0.3]],"o":[[-2.7,33.068],[14.418,18.429],[29.767,-0.6]],"v":[[0.132,-75.184],[36.435,28.698],[82.368,59.184]],"c":false}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":31.001,"s":[{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[0.132,-75.184],[-0.041,23.407],[-0.132,75.184]],"c":false}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":35,"s":[{"i":[[0,0],[9.466,-36.43],[16.992,2.263]],"o":[[0,0],[-6.172,23.752],[-43.154,-5.748]],"v":[[0.882,-73.309],[-8.478,10.886],[-41.882,51.309]],"c":false}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":39,"s":[{"i":[[13.707,-39.589],[-21.812,-30.118],[27.944,-1.871]],"o":[[-6.105,17.632],[14.221,19.637],[-45.697,-11.74]],"v":[[0.757,-68.684],[62.79,19.37],[52.868,56.184]],"c":false}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":45,"s":[{"i":[[-0.54,-20.628],[-22.114,-28.266],[-14.878,0.3]],"o":[[-2.7,33.068],[14.418,18.429],[29.767,-0.6]],"v":[[0.132,-75.184],[36.435,28.698],[82.368,59.184]],"c":false}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":51,"s":[{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[0.132,-75.184],[-0.041,23.407],[-0.132,75.184]],"c":false}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":55,"s":[{"i":[[0,0],[9.466,-36.43],[16.992,2.263]],"o":[[0,0],[-6.172,23.752],[-43.154,-5.748]],"v":[[0.882,-73.309],[-8.478,10.886],[-41.882,51.309]],"c":false}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":58.999,"s":[{"i":[[13.707,-39.589],[-21.812,-30.118],[27.944,-1.871]],"o":[[-6.105,17.632],[14.221,19.637],[-45.697,-11.74]],"v":[[0.757,-68.684],[62.79,19.37],[52.868,56.184]],"c":false}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":65,"s":[{"i":[[-0.54,-20.628],[-22.114,-28.266],[-14.878,0.3]],"o":[[-2.7,33.068],[14.418,18.429],[29.767,-0.6]],"v":[[0.132,-75.184],[36.435,28.698],[82.368,59.184]],"c":false}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":71,"s":[{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[0.132,-75.184],[-0.041,23.407],[-0.132,75.184]],"c":false}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":75,"s":[{"i":[[0,0],[9.466,-36.43],[16.992,2.263]],"o":[[0,0],[-6.172,23.752],[-43.154,-5.748]],"v":[[0.882,-73.309],[-8.478,10.886],[-41.882,51.309]],"c":false}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":79,"s":[{"i":[[13.707,-39.589],[-21.812,-30.118],[27.944,-1.871]],"o":[[-6.105,17.632],[14.221,19.637],[-45.697,-11.74]],"v":[[0.757,-68.684],[62.79,19.37],[52.868,56.184]],"c":false}]},{"t":85,"s":[{"i":[[-0.54,-20.628],[-22.114,-28.266],[-14.878,0.3]],"o":[[-2.7,33.068],[14.418,18.429],[29.767,-0.6]],"v":[[0.132,-75.184],[36.435,28.698],[82.368,59.184]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.937254961799,0.678431372549,0.011764706817,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":40,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[20.131,95.184],"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":455,"st":0,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":"l 3","parent":7,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[37.531,349.898,0],"ix":2,"l":2},"a":{"a":0,"k":[20.132,95.184,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.333,"y":0},"t":0,"s":[{"i":[[-0.54,-20.628],[-22.114,-28.266],[-14.878,0.3]],"o":[[-2.7,33.068],[14.418,18.429],[29.767,-0.6]],"v":[[0.132,-75.184],[36.435,28.698],[82.368,59.184]],"c":false}]},{"i":{"x":0.667,"y":1},"o":{"x":0.167,"y":0.167},"t":3.001,"s":[{"i":[[-0.27,-10.314],[-10.025,-30.105],[-7.439,0.15]],"o":[[-1.35,16.534],[6.761,20.302],[14.884,-0.3]],"v":[[0.132,-75.184],[18.197,26.052],[41.118,67.184]],"c":false}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":6,"s":[{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[0.132,-75.184],[-0.041,23.407],[-0.132,75.184]],"c":false}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":10,"s":[{"i":[[0,0],[9.466,-36.43],[16.992,2.263]],"o":[[0,0],[-6.172,23.752],[-43.154,-5.748]],"v":[[0.882,-73.309],[-8.478,10.886],[-41.882,51.309]],"c":false}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":19,"s":[{"i":[[6.845,-41.332],[-31.078,-20.171],[23.303,-11.608]],"o":[[-6.585,39.76],[22.699,14.732],[-45.697,-11.74]],"v":[[0.757,-68.684],[63.973,0.344],[65.868,50.184]],"c":false}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":25,"s":[{"i":[[-0.54,-20.628],[-22.114,-28.266],[-14.878,0.3]],"o":[[-2.7,33.068],[14.418,18.429],[29.767,-0.6]],"v":[[0.132,-75.184],[36.435,28.698],[82.368,59.184]],"c":false}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":31.001,"s":[{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[0.132,-75.184],[-0.041,23.407],[-0.132,75.184]],"c":false}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":35,"s":[{"i":[[0,0],[9.466,-36.43],[16.992,2.263]],"o":[[0,0],[-6.172,23.752],[-43.154,-5.748]],"v":[[0.882,-73.309],[-8.478,10.886],[-41.882,51.309]],"c":false}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":39,"s":[{"i":[[13.707,-39.589],[-21.812,-30.118],[27.944,-1.871]],"o":[[-6.105,17.632],[14.221,19.637],[-45.697,-11.74]],"v":[[0.757,-68.684],[62.79,19.37],[52.868,56.184]],"c":false}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":45,"s":[{"i":[[-0.54,-20.628],[-22.114,-28.266],[-14.878,0.3]],"o":[[-2.7,33.068],[14.418,18.429],[29.767,-0.6]],"v":[[0.132,-75.184],[36.435,28.698],[82.368,59.184]],"c":false}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":51,"s":[{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[0.132,-75.184],[-0.041,23.407],[-0.132,75.184]],"c":false}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":55,"s":[{"i":[[0,0],[9.466,-36.43],[16.992,2.263]],"o":[[0,0],[-6.172,23.752],[-43.154,-5.748]],"v":[[0.882,-73.309],[-8.478,10.886],[-41.882,51.309]],"c":false}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":58.999,"s":[{"i":[[13.707,-39.589],[-21.812,-30.118],[27.944,-1.871]],"o":[[-6.105,17.632],[14.221,19.637],[-45.697,-11.74]],"v":[[0.757,-68.684],[62.79,19.37],[52.868,56.184]],"c":false}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":65,"s":[{"i":[[-0.54,-20.628],[-22.114,-28.266],[-14.878,0.3]],"o":[[-2.7,33.068],[14.418,18.429],[29.767,-0.6]],"v":[[0.132,-75.184],[36.435,28.698],[82.368,59.184]],"c":false}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":71,"s":[{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[0.132,-75.184],[-0.041,23.407],[-0.132,75.184]],"c":false}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":75,"s":[{"i":[[0,0],[9.466,-36.43],[16.992,2.263]],"o":[[0,0],[-6.172,23.752],[-43.154,-5.748]],"v":[[0.882,-73.309],[-8.478,10.886],[-41.882,51.309]],"c":false}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":79,"s":[{"i":[[13.707,-39.589],[-21.812,-30.118],[27.944,-1.871]],"o":[[-6.105,17.632],[14.221,19.637],[-45.697,-11.74]],"v":[[0.757,-68.684],[62.79,19.37],[52.868,56.184]],"c":false}]},{"t":85,"s":[{"i":[[-0.54,-20.628],[-22.114,-28.266],[-14.878,0.3]],"o":[[-2.7,33.068],[14.418,18.429],[29.767,-0.6]],"v":[[0.132,-75.184],[36.435,28.698],[82.368,59.184]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.937254961799,0.678431372549,0.011764706817,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":40,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[20.131,95.184],"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":455,"st":0,"bm":0},{"ddd":0,"ind":7,"ty":4,"nm":"body","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":[472.817,392.929,0],"to":[0,2.333,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":6,"s":[472.817,406.929,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":13.001,"s":[472.817,392.929,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":20,"s":[472.817,406.929,0],"to":[0,0,0],"ti":[0,2.333,0]},{"i":{"x":0.667,"y":0.667},"o":{"x":0.333,"y":0.333},"t":25,"s":[472.817,392.929,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":33.001,"s":[472.817,392.929,0],"to":[0,2.333,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":36,"s":[472.817,406.929,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":40,"s":[472.817,392.929,0],"to":[0,0,0],"ti":[0,-2.333,0]},{"t":46.0009765625,"s":[472.817,406.929,0]}],"ix":2,"l":2},"a":{"a":0,"k":[267.02,184.77,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[8.555,0],[0,8.325]],"o":[[0,8.325],[-8.548,0],[0,0]],"v":[[15.488,-7.533],[-0.001,7.533],[-15.488,-7.533]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.092349317962,0.075073608698,0.078402522966,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":2,"lj":1,"ml":10,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[415.17,77.396],"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":0,"k":{"i":[[-2.421,-3.502],[-4.835,-2.281],[-0.136,0.299],[-1.231,9.972],[-21.503,0],[22.783,-0.837],[4.539,-9.943],[0.084,-0.129],[3.291,1.014],[4.926,7.141]],"o":[[3.1,4.497],[0.051,-0.293],[4.11,-9.001],[-17.676,-5.407],[23.326,0],[-1.53,10.963],[-0.071,0.155],[1.521,2.249],[-8.328,-2.567],[-2.446,-3.542]],"v":[[-22.248,18.173],[-10.232,28.441],[-10.029,27.57],[1.125,-1.66],[6.857,-37.428],[7.656,-0.868],[-4.284,30.93],[-4.554,31.293],[-8.039,36.414],[-27.994,21.533]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.792156922583,0.450980422076,0,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":[503.35,96.036],"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":0,"k":{"i":[[-87.495,-9.771],[-16.843,0.916],[10.453,-1.794],[0,0],[5.137,8.279],[-7.464,-12.46]],"o":[[10.186,1.137],[16.851,-0.93],[-1.716,4.068],[-94.107,4.76],[-5.127,-8.314],[7.45,12.475]],"v":[[27.892,52.422],[83.377,52.124],[85.177,12.003],[82.043,25.516],[-74.066,-45.245],[-92.765,-24.181]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.791372381472,0.45073816636,0,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":[336.116,158.467],"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},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[26.417,2.651],[-89.601,18.369],[-22.648,-0.436],[-7.509,1.867],[-1.047,13.715],[-29.532,9.413],[-18.615,-17.337],[0,0],[98.273,-0.709],[25.429,-17.466],[4.244,0.605],[29.493,9.692]],"o":[[-49.64,-13.417],[21.621,-4.888],[7.736,0.149],[24.926,-6.195],[4.432,-57.988],[29.532,-9.416],[47.504,57.771],[0,0],[-19.611,125.548],[-54.196,29.538],[-30.727,-4.405],[-33.152,-10.891]],"v":[[-210.894,149.753],[-168.846,-1.502],[-69.847,-5.473],[-46.879,-8.056],[-4.482,-37.078],[76.472,-171.462],[135.534,-167.183],[257.081,-112.404],[162.26,-22.147],[81.781,154.982],[-39.346,174.857],[-130.154,153.813]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.935686178768,0.677187452129,0.012475915049,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":[260.784,184.77],"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 4","np":2,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":455,"st":0,"bm":0},{"ddd":0,"ind":8,"ty":4,"nm":"l 2","parent":7,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[346.531,353.859,0],"ix":2,"l":2},"a":{"a":0,"k":[20.132,95.184,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.333,"y":0},"t":-10,"s":[{"i":[[-0.54,-20.628],[-22.114,-28.266],[-14.878,0.3]],"o":[[-2.7,33.068],[14.418,18.429],[29.767,-0.6]],"v":[[0.132,-75.184],[36.435,28.698],[82.368,59.184]],"c":false}]},{"i":{"x":0.667,"y":1},"o":{"x":0.167,"y":0.167},"t":-6.999,"s":[{"i":[[-0.27,-10.314],[-10.025,-30.105],[-7.439,0.15]],"o":[[-1.35,16.534],[6.761,20.302],[14.884,-0.3]],"v":[[0.132,-75.184],[18.197,26.052],[41.118,67.184]],"c":false}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":-3.999,"s":[{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[0.132,-75.184],[-0.041,23.407],[-0.132,75.184]],"c":false}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":0,"s":[{"i":[[0,0],[9.466,-36.43],[16.992,2.263]],"o":[[0,0],[-6.172,23.752],[-43.154,-5.748]],"v":[[0.882,-73.309],[-8.478,10.886],[-41.882,51.309]],"c":false}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":8.999,"s":[{"i":[[6.845,-41.332],[-31.078,-20.171],[23.303,-11.608]],"o":[[-6.585,39.76],[22.699,14.732],[-45.697,-11.74]],"v":[[0.757,-68.684],[63.973,0.344],[65.868,50.184]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.333,"y":0},"t":15,"s":[{"i":[[-0.54,-20.628],[-22.114,-28.266],[-14.878,0.3]],"o":[[-2.7,33.068],[14.418,18.429],[29.767,-0.6]],"v":[[0.132,-75.184],[36.435,28.698],[82.368,59.184]],"c":false}]},{"i":{"x":0.667,"y":1},"o":{"x":0.167,"y":0.167},"t":17.999,"s":[{"i":[[-0.27,-10.314],[-10.025,-30.105],[-7.439,0.15]],"o":[[-1.35,16.534],[6.761,20.302],[14.884,-0.3]],"v":[[0.132,-75.184],[18.197,26.052],[41.118,67.184]],"c":false}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":21,"s":[{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[0.132,-75.184],[-0.041,23.407],[-0.132,75.184]],"c":false}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":25,"s":[{"i":[[0,0],[9.466,-36.43],[16.992,2.263]],"o":[[0,0],[-6.172,23.752],[-43.154,-5.748]],"v":[[0.882,-73.309],[-8.478,10.886],[-41.882,51.309]],"c":false}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":34,"s":[{"i":[[6.845,-41.332],[-31.078,-20.171],[23.303,-11.608]],"o":[[-6.585,39.76],[22.699,14.732],[-45.697,-11.74]],"v":[[0.757,-68.684],[63.973,0.344],[65.868,50.184]],"c":false}]},{"t":40,"s":[{"i":[[-0.54,-20.628],[-22.114,-28.266],[-14.878,0.3]],"o":[[-2.7,33.068],[14.418,18.429],[29.767,-0.6]],"v":[[0.132,-75.184],[36.435,28.698],[82.368,59.184]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.901960844152,0.513725490196,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":40,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[20.131,95.184],"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":436,"st":-20,"bm":0},{"ddd":0,"ind":9,"ty":4,"nm":"l","parent":7,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[75.531,349.898,0],"ix":2,"l":2},"a":{"a":0,"k":[20.132,95.184,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"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.167,"y":0.167},"t":-20,"s":[{"i":[[-0.54,-20.628],[-16.404,-26.858],[-18.849,0.38]],"o":[[-2.23,27.314],[16.404,26.858],[29.767,-0.6]],"v":[[0.132,-75.184],[25.441,12.77],[82.368,59.184]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.333,"y":0},"t":-10,"s":[{"i":[[-0.54,-20.628],[-22.114,-28.266],[-14.878,0.3]],"o":[[-2.7,33.068],[14.418,18.429],[29.767,-0.6]],"v":[[0.132,-75.184],[36.435,28.698],[82.368,59.184]],"c":false}]},{"i":{"x":0.667,"y":1},"o":{"x":0.167,"y":0.167},"t":-6.999,"s":[{"i":[[-0.27,-10.314],[-10.025,-30.105],[-7.439,0.15]],"o":[[-1.35,16.534],[6.761,20.302],[14.884,-0.3]],"v":[[0.132,-75.184],[18.197,26.052],[41.118,67.184]],"c":false}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":-3.999,"s":[{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[0.132,-75.184],[-0.041,23.407],[-0.132,75.184]],"c":false}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":0,"s":[{"i":[[0,0],[9.466,-36.43],[16.992,2.263]],"o":[[0,0],[-6.172,23.752],[-43.154,-5.748]],"v":[[0.882,-73.309],[-8.478,10.886],[-41.882,51.309]],"c":false}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":8.999,"s":[{"i":[[6.845,-41.332],[-31.078,-20.171],[23.303,-11.608]],"o":[[-6.585,39.76],[22.699,14.732],[-45.697,-11.74]],"v":[[0.757,-68.684],[63.973,0.344],[65.868,50.184]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.333,"y":0},"t":15,"s":[{"i":[[-0.54,-20.628],[-22.114,-28.266],[-14.878,0.3]],"o":[[-2.7,33.068],[14.418,18.429],[29.767,-0.6]],"v":[[0.132,-75.184],[36.435,28.698],[82.368,59.184]],"c":false}]},{"i":{"x":0.667,"y":1},"o":{"x":0.167,"y":0.167},"t":17.999,"s":[{"i":[[-0.27,-10.314],[-10.025,-30.105],[-7.439,0.15]],"o":[[-1.35,16.534],[6.761,20.302],[14.884,-0.3]],"v":[[0.132,-75.184],[18.197,26.052],[41.118,67.184]],"c":false}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":21,"s":[{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[0.132,-75.184],[-0.041,23.407],[-0.132,75.184]],"c":false}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":25,"s":[{"i":[[0,0],[9.466,-36.43],[16.992,2.263]],"o":[[0,0],[-6.172,23.752],[-43.154,-5.748]],"v":[[0.882,-73.309],[-8.478,10.886],[-41.882,51.309]],"c":false}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":34,"s":[{"i":[[6.845,-41.332],[-31.078,-20.171],[23.303,-11.608]],"o":[[-6.585,39.76],[22.699,14.732],[-45.697,-11.74]],"v":[[0.757,-68.684],[63.973,0.344],[65.868,50.184]],"c":false}]},{"t":40,"s":[{"i":[[-0.54,-20.628],[-22.114,-28.266],[-14.878,0.3]],"o":[[-2.7,33.068],[14.418,18.429],[29.767,-0.6]],"v":[[0.132,-75.184],[36.435,28.698],[82.368,59.184]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.901960844152,0.513725490196,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":40,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[20.131,95.184],"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":436,"st":-20,"bm":0},{"ddd":0,"ind":12,"ty":4,"nm":"tail","parent":7,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":0,"s":[-17]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":6,"s":[10]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":13.001,"s":[-17]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":20,"s":[10]},{"t":25,"s":[-17]}],"ix":10},"p":{"a":0,"k":[40.937,218.761,0],"ix":2,"l":2},"a":{"a":0,"k":[65.863,31.09,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-9.156,7.505],[-16.639,-7.872],[5.377,-6.122],[4.79,-0.871],[1.446,-0.978],[0.731,-0.835],[8.103,1.145],[7.288,6.21]],"o":[[15.08,-12.354],[8.114,3.844],[-2.411,2.742],[-0.845,1.215],[-0.413,1],[-4.334,4.932],[-11.063,-1.553],[-8.806,-7.506]],"v":[[-32.706,-11.486],[29.921,-11.431],[36.486,5.261],[24.912,10.96],[21.523,14.3],[19.85,17.091],[-0.816,22.695],[-32.553,12.168]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.901960844152,0.513725490196,0,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":[42.112,24.09],"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":455,"st":0,"bm":0}],"markers":[{"tm":0,"cm":"1","dr":0}]} \ No newline at end of file diff --git a/src/assets/images/loading1.json b/src/assets/images/loading1.json new file mode 100644 index 0000000..925ed2f --- /dev/null +++ b/src/assets/images/loading1.json @@ -0,0 +1 @@ +{"v":"5.5.8","fr":50,"ip":0,"op":147,"w":800,"h":600,"nm":"Paperplane","ddd":0,"assets":[{"id":"comp_0","layers":[{"ddd":0,"ind":1,"ty":4,"nm":"planete Outlines - Group 4","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":0,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":38,"s":[50]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":88,"s":[50]},{"t":120,"s":[0]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[468.336,323.378,0],"to":[-29,0,0],"ti":[29,0,0]},{"t":102,"s":[294.336,323.378,0]}],"ix":2},"a":{"a":0,"k":[453.672,304.756,0],"ix":1},"s":{"a":0,"k":[50,50,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[6.742,0],[0.741,-0.14],[0,0.074],[13.484,0],[1.669,-0.361],[19.79,0],[3.317,-19.082],[2.691,0],[0,-13.484],[-0.048,-0.629],[2.405,0],[0,-6.742],[-6.742,0],[0,0],[0,6.743]],"o":[[-0.781,0],[0.001,-0.074],[0,-13.484],[-1.778,0],[-3.594,-18.742],[-20.03,0],[-2.421,-0.804],[-13.485,0],[0,0.642],[-1.89,-1.199],[-6.742,0],[0,6.743],[0,0],[6.742,0],[0,-6.742]],"v":[[75.134,16.175],[72.85,16.396],[72.856,16.175],[48.44,-8.241],[43.262,-7.685],[3.406,-40.591],[-36.571,-6.995],[-44.269,-8.241],[-68.685,16.175],[-68.604,18.079],[-75.133,16.175],[-87.341,28.383],[-75.133,40.592],[75.134,40.592],[87.342,28.383]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.815686334348,0.823529471603,0.827451040231,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":[453.672,304.756],"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 4","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":151,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"Merged Shape Layer","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.547],"y":[0]},"t":0,"s":[0]},{"i":{"x":[0.845],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":77,"s":[35]},{"t":150,"s":[0]}],"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":0,"s":[390.319,298.2,0],"to":[0,-2.583,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":44,"s":[390.319,282.7,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":110,"s":[390.319,319.25,0],"to":[0,0,0],"ti":[0,0,0]},{"t":150,"s":[390.319,298.2,0]}],"ix":2},"a":{"a":0,"k":[664.319,256.2,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[18.967,-3.189],[-18.967,19.935],[-0.949,-19.935]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.223528981209,0.192156970501,0.674510002136,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":[236.879,292.737],"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":"tr","p":{"a":0,"k":[633.939,275.369],"ix":2},"a":{"a":0,"k":[236.879,292.737],"ix":1},"s":{"a":0,"k":[50,50],"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":"planete Outlines - Group 1","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-98.335,64.79],[-105.619,4.984],[105.619,-64.79],[-80.316,24.919]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.278430998325,0.294117987156,0.847059011459,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":[316.247,247.882],"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":1,"mn":"ADBE Vector Group","hd":false},{"ty":"tr","p":{"a":0,"k":[673.623,252.941],"ix":2},"a":{"a":0,"k":[316.247,247.882],"ix":1},"s":{"a":0,"k":[50,50],"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":"planete Outlines - Group 2","np":1,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[-133.812,-42.171],[133.812,-75.141],[5.765,75.141],[-61.708,18.402],[124.227,-71.307],[-87.011,-1.534]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.365000009537,0.407999992371,0.976000010967,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":[297.638,254.4],"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":1,"mn":"ADBE Vector Group","hd":false},{"ty":"tr","p":{"a":0,"k":[664.319,256.2],"ix":2},"a":{"a":0,"k":[297.638,254.4],"ix":1},"s":{"a":0,"k":[50,50],"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":"planete Outlines - Group 3","np":1,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":151,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":"planete Outlines - Group 5","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":0,"s":[0]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":45,"s":[100]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":102,"s":[100]},{"t":150,"s":[0]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[327.38,267.583,0],"to":[25.833,0,0],"ti":[-25.833,0,0]},{"t":150,"s":[482.38,267.583,0]}],"ix":2},"a":{"a":0,"k":[171.76,193.166,0],"ix":1},"s":{"a":0,"k":[50,50,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[13.485,0],[4.38,-4.171],[21.913,0],[3.575,-18.765],[1.851,0],[0,-13.484],[-0.011,-0.291],[1.599,0],[0,-6.743],[-6.742,0],[0,0],[0,13.485]],"o":[[-6.526,0],[-0.793,-21.719],[-19.806,0],[-1.734,-0.391],[-13.485,0],[0,0.293],[-1.4,-0.559],[-6.742,0],[0,6.742],[0,0],[13.485,0],[0,-13.484]],"v":[[59.669,-8.242],[42.84,-1.506],[2.287,-40.592],[-37.576,-7.638],[-42.962,-8.242],[-67.378,16.174],[-67.356,17.049],[-71.878,16.174],[-84.086,28.383],[-71.878,40.591],[59.669,40.591],[84.086,16.174]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.816000007181,0.823999980852,0.827000038297,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":[171.76,193.166],"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 5","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":151,"st":0,"bm":0}]}],"layers":[{"ddd":0,"ind":1,"ty":0,"nm":"Pre-comp 1","refId":"comp_0","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[406,306,0],"ix":2},"a":{"a":0,"k":[400,300,0],"ix":1},"s":{"a":0,"k":[179,179,100],"ix":6}},"ao":0,"w":800,"h":600,"ip":0,"op":147,"st":0,"bm":0}],"markers":[]} \ No newline at end of file diff --git a/src/components/Loading.vue b/src/components/Loading.vue new file mode 100644 index 0000000..56b73ae --- /dev/null +++ b/src/components/Loading.vue @@ -0,0 +1,47 @@ + + + + + diff --git a/src/main.js b/src/main.js index 5ade054..a7a5d1c 100644 --- a/src/main.js +++ b/src/main.js @@ -3,7 +3,8 @@ import App from './App.vue' import './assets/tailwind.css' import router from './router' import { createPinia } from 'pinia' +import Vue3Lottie from 'vue3-lottie' const pinia = createPinia() -createApp(App).use(pinia).use(router).mount('#app') +createApp(App).use(pinia).use(router).use(Vue3Lottie).mount('#app') diff --git a/src/pages/ChapterList.vue b/src/pages/ChapterList.vue index af123cc..0ad1add 100644 --- a/src/pages/ChapterList.vue +++ b/src/pages/ChapterList.vue @@ -112,7 +112,6 @@ export default { if (this.pages.length > 0 && this.pages[0].chapter?.manga?.title) { this.mangaTitle = this.pages[0].chapter.manga.title } - console.log("Pages :" + JSON.stringify(this.pages)) } catch (err) { console.error("Gagal memuat halaman:", err) } finally { diff --git a/src/pages/Chapters.vue b/src/pages/Chapters.vue index 12752a0..8b729a3 100644 --- a/src/pages/Chapters.vue +++ b/src/pages/Chapters.vue @@ -100,13 +100,8 @@ export default { async loadContent() { const res = await getChapters(this.id); this.chapters = res.results; - - console.log(this.id) - console.log(this.props) - console.log(res.results); }, toSynopsis( manga) { - console.log(manga) router.push({ name: 'manga-sinopsis', params: { id: manga.id }, diff --git a/src/pages/Entertainment.vue b/src/pages/Entertainment.vue index 6839c32..c6a58af 100644 --- a/src/pages/Entertainment.vue +++ b/src/pages/Entertainment.vue @@ -136,7 +136,6 @@ export default { async loadGenres() { const res = await getGenre(); this.genres = res.results; - console.log(res); }, onMouseMove(event, name) { const card = event.currentTarget; diff --git a/src/pages/Home.vue b/src/pages/Home.vue index c9f98d4..c27f041 100644 --- a/src/pages/Home.vue +++ b/src/pages/Home.vue @@ -511,7 +511,6 @@ export default { }, async myPoints(){ const points = await getUserPoint(); - // console.log(points) this.points = points.myPoints; this.totalTask = points.activeTaskCount; this.totalDone = points.myActiveTaskCompleteCount; @@ -529,7 +528,7 @@ export default { try { const start = new Date(dateValidFrom); - const end = new Date(dateValidTo); // Already UTC-aware + const end = new Date(dateValidTo); const now = new Date(this.now); const diffToStart = start - now; @@ -543,8 +542,6 @@ export default { const seconds = totalSeconds % 60; return `⏳ ${pad(hours)}:${pad(minutes)}:${pad(seconds)}`; } - - // 🟢 During event if (diffToEnd > 0) { const totalSeconds = Math.floor(diffToEnd / 1000); const hours = Math.floor(totalSeconds / 3600); @@ -578,8 +575,6 @@ export default { }, timeLeft(dateFrom, dateTo, timeFrom, timeTo) { if (!dateFrom || !timeFrom || !dateTo || !timeTo) return "—"; - - // const now = new Date(); const start = new Date(`${dateFrom}T${timeFrom}`); const end = new Date(`${dateTo}T${timeTo}`); const current = this.now; @@ -587,8 +582,6 @@ export default { const pad = (num) => String(num).padStart(2, "0"); const diffToStart = start - current; const diffToEnd = end - current; - - // 🕰️ CASE 1: Before start if (diffToStart > 0) { const totalSeconds = Math.floor(diffToStart / 1000); const hours = Math.floor(totalSeconds / 3600); @@ -605,7 +598,6 @@ export default { return `${pad(hours)}:${pad(minutes)}:${pad(seconds)}`; } - // ⛔ CASE 3: After end return "❌ Waktu habis"; }, downtimeHours(from, to) { @@ -652,7 +644,6 @@ export default { // this.startMission(mission); } if (mission.task === 'scan-qr') { - console.log(mission) this.$router.push({ name: 'quest-missions', params: { id: mission.id } , @@ -669,7 +660,6 @@ export default { async startMission(mission) { if (!mission || !mission.id) { - console.error("Invalid mission", mission); return; } await createMissionLog({ @@ -707,7 +697,6 @@ export default { }, computed: { currentUser() { - console.log(this.authStore.currentUser) return this.authStore.currentUser; } } diff --git a/src/pages/Login.vue b/src/pages/Login.vue index a2ff2e6..55bb092 100644 --- a/src/pages/Login.vue +++ b/src/pages/Login.vue @@ -62,6 +62,7 @@ + @@ -87,6 +88,7 @@ export default { ], selectedCharacter: { name: "Tiger", img: "../images/char/tiger.png" }, selectedProfile: { name: "profile", img: "/images/propic-001.svg" }, + isLoading: false, }; }, methods: { @@ -110,20 +112,25 @@ export default { import { useAuthStore } from '@/stores/auth' import { useRouter } from 'vue-router' import { ref } from 'vue' +import LoadingComponent from '@/components/Loading.vue' const router = useRouter() const auth = useAuthStore() const username = ref('') const password = ref('') const error = ref('') +const isLoading = ref(false) async function login() { try { - await + isLoading.value = true await auth.login(username.value, password.value) + router.push('/') } catch (err) { error.value = err.message + }finally{ + isLoading.value = false; } } @@ -133,4 +140,19 @@ async function login() { body { font-family: 'Inter', sans-serif; } - +#loading { + position: fixed; + inset: 0; +} +.overlay { + position: fixed; + inset: 0; + background: rgba(255, 255, 255, 0.5); + backdrop-filter: blur(4px); + display: flex; + justify-content: center; + align-items: center; + z-index: 9999; +} + + \ No newline at end of file diff --git a/src/pages/MissionPage.vue b/src/pages/MissionPage.vue index 6174b52..f294f25 100644 --- a/src/pages/MissionPage.vue +++ b/src/pages/MissionPage.vue @@ -157,7 +157,6 @@ onMounted(async () => { if(router.query.mission){ const data = router.query.mission - console.log(data) mission.value = JSON.parse(data) } diff --git a/src/stores/auth.js b/src/stores/auth.js index dbcc264..c6bf0ef 100644 --- a/src/stores/auth.js +++ b/src/stores/auth.js @@ -15,16 +15,13 @@ export const useAuthStore = defineStore('auth', { }, actions: { async register(username, password, re_password) { - const response =await axios.post(this.baseUrl + '/auth/users/', { + return await axios.post(this.baseUrl + '/auth/users/', { username: username, password: password, re_password: re_password }); - - console.log("✅ Registration success:", response.data); }, async login(username, password) { - // preparing data const data = new URLSearchParams() data.append('grant_type', 'password') data.append('client_id', this.clientId) @@ -35,7 +32,8 @@ export const useAuthStore = defineStore('auth', { const response = await axios.post(`${this.baseUrl}`+'/oauth/token/',data.toString(), { headers: { 'Content-Type': 'application/x-www-form-urlencoded', - } + }, + withCredentials:true, }) const { access_token, refresh_token } = response.data; @@ -48,11 +46,24 @@ export const useAuthStore = defineStore('auth', { this.refresh_token = refresh_token this.token = access_token this.user = user + await this.fetchUser(); + // localStorage.setItem('token', this.token) + // localStorage.setItem('user', JSON.stringify(user)) + }, + async fetchUser() { + try { + const res = await axios.get(`${this.baseUrl}/auth/users/me`, { + headers: { + Authorization: `Bearer ${this.token}`, + }, + withCredentials: true, + }); - console.log(JSON.stringify(user)); - localStorage.setItem('token', this.token) - localStorage.setItem('user', JSON.stringify(user)) - console.log("✅ Logged in as:", this.user.username); + this.user = res.data; + } catch (err) { + console.error("❌ fetch user failed", err); + this.user = null; + } }, async logout() { if(this.token){ @@ -63,6 +74,7 @@ export const useAuthStore = defineStore('auth', { }, { headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, + withCredentials:true }); }else{ console.log("No token found"); @@ -70,16 +82,14 @@ export const useAuthStore = defineStore('auth', { this.token = null; this.user = null; - localStorage.removeItem('token') - localStorage.removeItem('user') + // localStorage.removeItem('token') + // localStorage.removeItem('user') }, - restoreSession() { - const savedToken = localStorage.getItem('token') - const savedUser = localStorage.getItem('user') - - if (savedToken && savedUser) { - this.token = savedToken - this.user = JSON.parse(savedUser) + async restoreSession() { + try { + await this.fetchUser(); + } catch { + console.log("No active session found."); } } }