From c6d7e9422326e2568842e294ccf6bbc39ebf2b02 Mon Sep 17 00:00:00 2001 From: Julia Date: Tue, 13 Jan 2026 18:46:39 +0100 Subject: [PATCH 01/12] Test --- package.json | 3 ++- src/App.jsx | 7 ++++++- src/components/Header.jsx | 5 +++++ src/components/ToDoCounter.jsx | 0 src/components/ToDoInput.jsx | 0 src/components/ToDoTasks.jsx | 0 src/index.css | 2 +- src/main.jsx | 14 +++++++++----- src/stores/AddNewTaskStore.jsx | 0 src/stores/ToDoListStore.jsx | 0 src/styles/GlobalStyles.js | 19 +++++++++++++++++++ src/styles/Theme.js | 0 12 files changed, 42 insertions(+), 8 deletions(-) create mode 100644 src/components/Header.jsx create mode 100644 src/components/ToDoCounter.jsx create mode 100644 src/components/ToDoInput.jsx create mode 100644 src/components/ToDoTasks.jsx create mode 100644 src/stores/AddNewTaskStore.jsx create mode 100644 src/stores/ToDoListStore.jsx create mode 100644 src/styles/GlobalStyles.js create mode 100644 src/styles/Theme.js diff --git a/package.json b/package.json index caf62893..dc928c50 100644 --- a/package.json +++ b/package.json @@ -11,7 +11,8 @@ }, "dependencies": { "react": "^19.0.0", - "react-dom": "^19.0.0" + "react-dom": "^19.0.0", + "styled-components": "^6.3.6" }, "devDependencies": { "@eslint/js": "^9.21.0", diff --git a/src/App.jsx b/src/App.jsx index 54275400..99ca6566 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -1,5 +1,10 @@ +import { Header } from "./components/Header" + export const App = () => { return ( -

React Boilerplate

+ <> +
+ Hello + ) } diff --git a/src/components/Header.jsx b/src/components/Header.jsx new file mode 100644 index 00000000..17470c20 --- /dev/null +++ b/src/components/Header.jsx @@ -0,0 +1,5 @@ +export const Header = () => { + return ( +

TODO LIST

+ ) +} diff --git a/src/components/ToDoCounter.jsx b/src/components/ToDoCounter.jsx new file mode 100644 index 00000000..e69de29b diff --git a/src/components/ToDoInput.jsx b/src/components/ToDoInput.jsx new file mode 100644 index 00000000..e69de29b diff --git a/src/components/ToDoTasks.jsx b/src/components/ToDoTasks.jsx new file mode 100644 index 00000000..e69de29b diff --git a/src/index.css b/src/index.css index f7c0aef5..f71d1917 100644 --- a/src/index.css +++ b/src/index.css @@ -1,3 +1,3 @@ :root { font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif; -} +} \ No newline at end of file diff --git a/src/main.jsx b/src/main.jsx index 1b8ffe9b..7e5b729c 100644 --- a/src/main.jsx +++ b/src/main.jsx @@ -1,12 +1,16 @@ -import React from 'react' +import { GlobalStyle } from "./styles/GlobalStyles" import ReactDOM from 'react-dom/client' -import { App } from './App.jsx' +import { App } from './App' import './index.css' ReactDOM.createRoot(document.getElementById('root')).render( - + <> + + + - -) + + +) \ No newline at end of file diff --git a/src/stores/AddNewTaskStore.jsx b/src/stores/AddNewTaskStore.jsx new file mode 100644 index 00000000..e69de29b diff --git a/src/stores/ToDoListStore.jsx b/src/stores/ToDoListStore.jsx new file mode 100644 index 00000000..e69de29b diff --git a/src/styles/GlobalStyles.js b/src/styles/GlobalStyles.js new file mode 100644 index 00000000..f970ecfd --- /dev/null +++ b/src/styles/GlobalStyles.js @@ -0,0 +1,19 @@ +import { createGlobalStyle } from "styled-components" + +export const GlobalStyle = createGlobalStyle` + * { + margin: 0; + padding: 0; + color: red; + font-style: normal; +} + +html { + font-size: 300px; + background-color: green; +} + +body { + background-color: rgba(175, 26, 26, 1); +} +` \ No newline at end of file diff --git a/src/styles/Theme.js b/src/styles/Theme.js new file mode 100644 index 00000000..e69de29b From 3c5302f19fd0c73a24163b61a04de81118e0a21d Mon Sep 17 00:00:00 2001 From: Julia Date: Tue, 13 Jan 2026 20:53:09 +0100 Subject: [PATCH 02/12] Testing --- package.json | 3 ++- src/App.jsx | 14 +++++++++++++- src/components/Header.jsx | 7 ++++++- src/components/ToDoCounter.jsx | 23 +++++++++++++++++++++++ src/components/ToDoInput.jsx | 17 +++++++++++++++++ src/components/ToDoTasks.jsx | 11 +++++++++++ src/stores/AddNewTaskStore.jsx | 11 +++++++++++ src/stores/ToDoListStore.jsx | 6 ++++++ src/styles/GlobalStyles.js | 12 +++--------- 9 files changed, 92 insertions(+), 12 deletions(-) diff --git a/package.json b/package.json index dc928c50..62a5a956 100644 --- a/package.json +++ b/package.json @@ -12,7 +12,8 @@ "dependencies": { "react": "^19.0.0", "react-dom": "^19.0.0", - "styled-components": "^6.3.6" + "styled-components": "^6.3.6", + "zustand": "^5.0.10" }, "devDependencies": { "@eslint/js": "^9.21.0", diff --git a/src/App.jsx b/src/App.jsx index 99ca6566..7c3ac7c0 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -1,10 +1,22 @@ import { Header } from "./components/Header" +import { ToDoInput } from "./components/ToDoInput" +import { ToDoCounter } from "./components/ToDoCounter" +import { ToDoTasks } from "./components/ToDoTasks" export const App = () => { return ( <> +
- Hello + + + + + + + + + ) } diff --git a/src/components/Header.jsx b/src/components/Header.jsx index 17470c20..ed35a973 100644 --- a/src/components/Header.jsx +++ b/src/components/Header.jsx @@ -1,5 +1,10 @@ export const Header = () => { return ( -

TODO LIST

+ <> + + + +

TODO LIST

+ ) } diff --git a/src/components/ToDoCounter.jsx b/src/components/ToDoCounter.jsx index e69de29b..f6dfcf0a 100644 --- a/src/components/ToDoCounter.jsx +++ b/src/components/ToDoCounter.jsx @@ -0,0 +1,23 @@ +import { useStore } from "../stores/ToDoListStore" + +export const ToDoCounter = () => { + + return ( + <> +
Your tasks
+
Active:
+
Done:
+ + ) +} + +export const CounterComponent = () => { + const { count, increment } = useStore() + + return ( +
+

Count: {count}

+ +
+ ) +} \ No newline at end of file diff --git a/src/components/ToDoInput.jsx b/src/components/ToDoInput.jsx index e69de29b..5460ab10 100644 --- a/src/components/ToDoInput.jsx +++ b/src/components/ToDoInput.jsx @@ -0,0 +1,17 @@ +export const ToDoInput = () => { + return ( + <> + + + + + ) +} diff --git a/src/components/ToDoTasks.jsx b/src/components/ToDoTasks.jsx index e69de29b..7bae0291 100644 --- a/src/components/ToDoTasks.jsx +++ b/src/components/ToDoTasks.jsx @@ -0,0 +1,11 @@ +import useTaskStore from '../stores/AddNewTaskStore' + +export const ToDoTasks = () => { + const { } = useTaskStore() + + return ( + <> +
ToDoTasks
+ + ) +} diff --git a/src/stores/AddNewTaskStore.jsx b/src/stores/AddNewTaskStore.jsx index e69de29b..1253a33d 100644 --- a/src/stores/AddNewTaskStore.jsx +++ b/src/stores/AddNewTaskStore.jsx @@ -0,0 +1,11 @@ +import create from "zustand"; + +export const useTasksStore = create(set => ({ + tasks: [], + addTask: (task) => set(state => ({ tasks: [...state.tasks, task] })), + removeTask: (index) => set(state => { + const newTasks = [...state.tasks] + newTasks.splice(index, 1) + return { tasks: newTasks } + }), +})) \ No newline at end of file diff --git a/src/stores/ToDoListStore.jsx b/src/stores/ToDoListStore.jsx index e69de29b..96d7dae9 100644 --- a/src/stores/ToDoListStore.jsx +++ b/src/stores/ToDoListStore.jsx @@ -0,0 +1,6 @@ +import create from 'zustand' + +export const useStore = create(set => ({ + count: 0, + increment: () => set(state => ({ count: state.count + 1 })), +})) diff --git a/src/styles/GlobalStyles.js b/src/styles/GlobalStyles.js index f970ecfd..de0ef148 100644 --- a/src/styles/GlobalStyles.js +++ b/src/styles/GlobalStyles.js @@ -4,16 +4,10 @@ export const GlobalStyle = createGlobalStyle` * { margin: 0; padding: 0; - color: red; + color: rgba(30, 30, 30, 1); font-style: normal; } -html { - font-size: 300px; - background-color: green; -} - body { - background-color: rgba(175, 26, 26, 1); -} -` \ No newline at end of file + background-color:rgba(249, 250, 252, 1); +}` \ No newline at end of file From 88f183f4a59bad16ecb67e6a729182eef675cfc2 Mon Sep 17 00:00:00 2001 From: Asako Kanno Date: Tue, 13 Jan 2026 21:50:13 +0100 Subject: [PATCH 03/12] add theme --- public/Animation - empty.json | 1 + public/trash-2.png | Bin 0 -> 629 bytes src/App.jsx | 2 +- src/components/ToDoCounter.jsx | 33 ++++++++++++++++++++------------ src/components/ToDoTasks.jsx | 4 ++-- src/main.jsx | 8 ++++++-- src/stores/AddNewTaskStore.jsx | 20 +++++++++---------- src/stores/ToDoListStore.jsx | 10 +++++----- src/styles/GlobalStyles.js | 34 +++++++++++++++++++++++++++++---- src/styles/Theme.js | 18 +++++++++++++++++ 10 files changed, 94 insertions(+), 36 deletions(-) create mode 100644 public/Animation - empty.json create mode 100644 public/trash-2.png diff --git a/public/Animation - empty.json b/public/Animation - empty.json new file mode 100644 index 00000000..71afc1a5 --- /dev/null +++ b/public/Animation - empty.json @@ -0,0 +1 @@ +{"nm":"Comp 1","mn":"","layers":[{"ty":4,"nm":"стол и ноут Outlines","mn":"","sr":1,"st":0,"op":900,"ip":0,"hd":false,"cl":"","ln":"","ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[570.462,282.606,0],"ix":1},"s":{"a":0,"k":[205,205,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[419.997,606.842,0],"ix":2},"r":{"a":0,"k":0,"ix":10},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11}},"ef":[],"shapes":[{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 1","ix":1,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0.661,-0.687],[1.221,-0.003],[0,0],[1.322,1.088],[0.435,1.611],[0,0],[0,0.496],[-0.661,0.688],[-1.221,0.003],[0,0],[-1.322,-1.087],[-0.436,-1.612],[0,0],[0,-0.496]],"o":[[-0.664,0.686],[0,0],[-1.471,0.004],[-1.324,-1.085],[0,0],[-0.152,-0.556],[0.002,-1.19],[0.664,-0.685],[0,0],[1.472,-0.003],[1.323,1.085],[0,0],[0.15,0.555],[-0.002,1.19]],"v":[[33.828,19.748],[31.003,20.858],[-19.276,20.858],[-23.658,19.122],[-26.46,14.92],[-34.664,-15.309],[-34.885,-16.892],[-33.827,-19.749],[-31.003,-20.859],[19.276,-20.859],[23.657,-19.123],[26.459,-14.92],[34.664,15.309],[34.885,16.891]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.8902,0.8902,0.8902,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[536.78,250.276],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 2","ix":2,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0.698,-0.729],[1.289,-0.004],[0,0],[1.396,1.151],[0.459,1.704],[0,0],[0,0.524],[-0.698,0.728],[-1.289,0.004],[0,0],[-1.397,-1.151],[-0.46,-1.704],[0,0],[0,-0.525]],"o":[[-0.701,0.725],[0,0],[-1.554,0.004],[-1.397,-1.147],[0,0],[-0.16,-0.588],[0.002,-1.259],[0.701,-0.725],[0,0],[1.554,-0.003],[1.397,1.147],[0,0],[0.159,0.588],[-0.002,1.258]],"v":[[35.724,20.889],[32.741,22.063],[-20.357,22.063],[-24.985,20.226],[-27.943,15.782],[-36.608,-16.193],[-36.841,-17.867],[-35.724,-20.889],[-32.742,-22.064],[20.357,-22.064],[24.984,-20.227],[27.943,-15.782],[36.608,16.193],[36.841,17.867]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[538.189,249.072],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 3","ix":3,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0.193,0.714],[0,0],[1.627,1.34],[2.013,0.004],[0,0],[1.003,-1.049],[-0.002,-1.609],[-0.194,-0.714],[0,0],[-1.628,-1.34],[-2.013,-0.003],[0,0],[-1.003,1.05],[0.002,1.608]],"o":[[0,0],[-0.564,-2.069],[-1.628,-1.337],[0,0],[-1.662,-0.003],[-1.007,1.047],[0,0.671],[0,0],[0.563,2.069],[1.627,1.337],[0,0],[1.662,0.003],[1.007,-1.046],[0,-0.672]],"v":[[38.125,15.782],[29.459,-16.193],[25.982,-21.44],[20.357,-23.635],[-32.741,-23.635],[-36.858,-21.978],[-38.413,-17.866],[-38.125,-15.781],[-29.46,16.193],[-25.982,21.44],[-20.357,23.635],[32.74,23.635],[36.857,21.977],[38.412,17.867]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0,0,0,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[538.189,249.072],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 4","ix":4,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[2.597,0.002],[0,0],[1.363,0.153],[0.338,0.088],[0.049,0.017],[0,0],[-0.194,0.034],[-2.597,-0.001],[0,0],[-1.363,-0.154],[-0.337,-0.088],[-0.047,-0.015],[0,0],[0.194,-0.034]],"o":[[0,0],[-2.065,0.001],[-0.68,-0.076],[-0.069,-0.017],[0,0],[0.129,-0.034],[1.22,-0.22],[0,0],[2.064,0],[0.68,0.077],[0.069,0.017],[0,0],[-0.129,0.034],[-1.22,0.221]],"v":[[31.766,2.261],[-30.604,2.261],[-35.931,2.009],[-37.499,1.752],[-37.669,1.701],[-38.359,-1.777],[-37.869,-1.883],[-31.767,-2.262],[30.603,-2.262],[35.93,-2.01],[37.497,-1.753],[37.666,-1.703],[38.358,1.776],[37.868,1.882]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.8902,0.8902,0.8902,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[554.184,272.181],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 5","ix":5,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0.102,0.094],[0.199,0.075],[0.507,0.082],[2.616,0.001],[0,0],[1.396,-0.161],[0.452,-0.124],[0.201,-0.113],[0.101,-0.114],[-0.001,-0.198],[0,0],[0,0],[-0.103,-0.094],[-0.199,-0.076],[-0.508,-0.082],[-2.616,-0.001],[0,0],[-1.395,0.162],[-0.452,0.124],[-0.201,0.113],[-0.101,0.114],[0.001,0.199]],"o":[[0,0],[-0.04,-0.194],[-0.199,-0.176],[-0.346,-0.123],[-1.509,-0.241],[0,0],[-2.096,0.001],[-0.701,0.082],[-0.229,0.063],[-0.1,0.057],[-0.1,0.111],[0,0],[0,0],[0.039,0.194],[0.199,0.175],[0.345,0.122],[1.509,0.24],[0,0],[2.095,0],[0.701,-0.082],[0.228,-0.064],[0.099,-0.057],[0.1,-0.111],[0,0]],"v":[[39.984,1.94],[39.17,-2.161],[38.915,-2.591],[38.334,-2.915],[37.07,-3.207],[30.603,-3.597],[-31.767,-3.597],[-37.144,-3.339],[-38.87,-3.039],[-39.497,-2.798],[-39.804,-2.556],[-39.997,-2.07],[-39.985,-1.938],[-39.17,2.161],[-38.916,2.593],[-38.335,2.917],[-37.071,3.208],[-30.604,3.598],[31.766,3.598],[37.143,3.34],[38.87,3.041],[39.497,2.799],[39.803,2.557],[39.997,2.07]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0,0,0,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[554.184,272.181],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 6","ix":6,"cix":2,"np":3,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[24.056,0],[0,-3.864],[0,0]],"o":[[-24.056,0],[0,0],[0,-3.864]],"v":[[0,-3.498],[-43.557,3.498],[43.557,3.498]]},"ix":2}},{"ty":"st","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":1,"lj":1,"ml":10,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":1,"ix":5},"d":[],"c":{"a":0,"k":[0,0,0,1],"ix":3}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0,0,0,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[570.425,380.18],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 7","ix":7,"cix":2,"np":3,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[2.426,0],[0,0],[0,2.425],[-2.425,0],[0,0],[0,-2.426]],"o":[[0,0],[-2.425,0],[0,-2.426],[0,0],[2.426,0],[0,2.425]],"v":[[54.607,4.409],[-54.607,4.409],[-59.016,0.001],[-54.607,-4.408],[54.607,-4.408],[59.016,0.001]]},"ix":2}},{"ty":"st","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":1,"lj":1,"ml":10,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":1,"ix":5},"d":[],"c":{"a":0,"k":[0,0,0,1],"ix":3}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0,0,0,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[570.424,280.408],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 8","ix":8,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,2.425],[0,0],[-2.425,0],[-0.001,-2.425],[0,0],[2.425,-0.001]],"o":[[0,0],[-0.001,-2.425],[2.425,-0.001],[0,0],[0.001,2.425],[-2.425,0.001]],"v":[[-4.396,47.728],[-4.422,-47.725],[-0.015,-52.135],[4.395,-47.728],[4.421,47.725],[0.014,52.135]]},"ix":2}},{"ty":"st","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":1,"lj":1,"ml":10,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":1,"ix":5},"d":[],"c":{"a":0,"k":[0,0,0,1],"ix":3}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[570.425,329.762],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 9","ix":9,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0.368,0.644],[2.5,0.052],[-0.001,-0.856],[0,0],[-2.923,0.517]],"o":[[0,-0.79],[-2.519,-0.103],[-0.425,0.678],[0,0],[2.955,-0.315],[0,0]],"v":[[4.407,-6.431],[3.825,-8.606],[-3.735,-8.759],[-4.41,-6.428],[-4.406,8.759],[4.411,7.503]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.8902,0.8902,0.8902,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[570.413,286.838],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 10","ix":10,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,2.425],[0,0],[-2.425,0.001],[-0.001,-2.425],[0,0],[2.425,-0.001]],"o":[[0,0],[-0.001,-2.425],[2.425,-0.001],[0,0],[0.001,2.425],[-2.425,0.001]],"v":[[-4.396,47.728],[-4.422,-47.725],[-0.015,-52.135],[4.395,-47.728],[4.421,47.725],[0.014,52.135]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[570.425,328.134],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":1},{"ty":4,"nm":"вопрос Outlines","mn":"","sr":1,"st":0,"op":121,"ip":0,"hd":false,"cl":"","ln":"","ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[589.209,204.87,0],"ix":1},"s":{"a":0,"k":[205,205,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":1,"k":[{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[458.428,447.484,0],"t":0,"ti":[0,0,0],"to":[0,0,0]},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[652.428,445.484,0],"t":120}],"ix":2},"r":{"a":1,"k":[{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[0],"t":0},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[66],"t":120}],"ix":10},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11}},"ef":[],"shapes":[{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 1","ix":1,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[1.187,-0.762],[0.79,1.116],[-1.113,0.799],[-0.757,-1.121]],"o":[[-1.15,0.738],[-0.781,-1.101],[1.091,-0.781],[0.786,1.163]],"v":[[1.377,2.132],[-2.079,1.481],[-1.536,-2.089],[2.075,-1.448]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.2314,0.4588,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[589.415,204.861],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 2","ix":2,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0.947,1.833],[1.595,-0.016],[0.427,-1.867],[-0.77,-0.989],[-1.805,1.191]],"o":[[-0.747,-1.446],[-2.069,0.02],[-0.278,1.216],[1.327,1.707],[1.74,-1.149]],"v":[[3.467,-2.135],[-0.702,-4.371],[-4.136,-1.122],[-3.399,2.309],[2.143,3.195]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0,0,0,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[589.56,205.078],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 3","ix":3,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[-1.216,-1.876],[-0.908,-0.872],[6.237,1.312],[0.56,0.716],[12.429,2.972],[-1.757,-4.785],[-1.142,-0.799],[-0.738,-0.843],[0.405,-1.067],[1.217,-0.235],[1.301,0.73],[1.001,1.282],[-0.259,3.194],[-1.338,1.927],[-6.04,-5.467],[-0.163,-7.011]],"o":[[0.692,1.069],[2.914,1.973],[-0.851,-0.367],[-6.542,-6.841],[-4.416,-1.055],[0.486,1.325],[0.899,0.629],[0.782,0.894],[-0.422,1.11],[-1.509,0.291],[-1.418,-0.795],[-1.975,-2.529],[0.189,-2.34],[4.38,-6.311],[5.952,5.387],[0.052,2.195]],"v":[[11.599,11.039],[14.119,13.692],[10.714,19.002],[8.598,17.378],[-0.971,-10.084],[-8.737,-2.501],[-5.988,0.541],[-3.231,2.391],[-2.94,5.791],[-5.565,8.304],[-10.444,7.162],[-14.116,4.007],[-16.774,-4.974],[-14.417,-11.501],[5.65,-14.848],[9.939,4.664]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.2314,0.4588,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[568.769,179.141],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 4","ix":4,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0.644,3.014],[9.085,-6.798],[-1.329,-5.855],[-1.78,-1.835],[-1.162,-0.641],[-2.291,0.942],[0.275,2.319],[1.9,1.932],[-1.705,1.43],[-1.394,-0.585],[-0.871,-1.483],[-2.596,-6.41],[-3.822,0.602],[2.637,2.815],[0.745,2.445],[-0.146,2.105]],"o":[[-2.36,-11.054],[-4.799,3.59],[0.565,2.488],[0.923,0.953],[2.058,1.134],[2.113,-0.868],[-0.36,-3.046],[-1.806,-1.836],[1.188,-0.996],[1.594,0.668],[3.572,6.088],[1.337,3.301],[4.283,-0.673],[-1.622,-1.732],[-0.628,-2.061],[0.209,-3.034]],"v":[[11.776,-6.649],[-11.763,-15.449],[-17.56,0.214],[-14,6.869],[-10.848,9.274],[-3.875,10.139],[-0.572,4.835],[-5.966,-1.338],[-4.76,-7.271],[-0.568,-7.745],[3.362,-4.24],[5.654,15.874],[14,21.644],[16.251,13.93],[12.279,8.755],[11.943,2.321]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0,0,0,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[568.465,178.445],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":2},{"ty":4,"nm":"рука 2 Outlines","mn":"","sr":1,"st":0,"op":900,"ip":0,"hd":false,"cl":"","ln":"","ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[598.841,225.886,0],"ix":1},"s":{"a":0,"k":[205,205,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[478.174,490.566,0],"ix":2},"r":{"a":0,"k":0,"ix":10},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11}},"ef":[],"shapes":[{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 1","ix":1,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0.68,-0.59],[0.244,-0.228],[0.19,-0.708],[1.657,-0.375],[-0.169,-0.401],[-0.001,-0.019],[1.505,-10.301],[6.239,-0.492],[0.883,5.614],[0.008,0.108],[-3.536,11.666],[-0.49,-0.423],[0.767,0.663],[-0.288,3.251],[-0.74,1.23],[-0.557,0.532],[1.857,-1.145],[0.562,-0.522],[-0.739,0.689],[-1.282,0.31],[-0.515,-0.136],[0.166,-0.62],[0.137,-0.115],[0.061,-0.034],[1.284,-0.858],[-0.843,0.564],[-0.939,0.626],[-0.371,0.208],[-0.375,0.045],[1.57,-1.553],[0.95,-1.113],[-0.657,0.77],[-1.131,0.687],[-0.517,0.011]],"o":[[-0.201,0.265],[-0.461,0.547],[-0.317,1.187],[-0.543,0.123],[0,0.018],[0.655,10.375],[-0.76,5.197],[-6.305,0.497],[0.026,-0.085],[-0.94,-12.729],[0.403,0.482],[0.761,0.658],[-2.407,-2.083],[0.125,-1.41],[0.369,-0.665],[3.023,-2.103],[-0.704,0.399],[-0.741,0.691],[0.961,-0.894],[0.489,-0.118],[0.592,-0.101],[-0.122,0.131],[-0.062,0.033],[-1.35,0.75],[-0.836,0.56],[0.938,-0.628],[0.353,-0.236],[0.317,-0.207],[0.477,-0.078],[-1.33,0.781],[-0.653,0.765],[0.854,-1.002],[0.425,-0.258],[1.421,0.331]],"v":[[12.399,-21.052],[11.731,-20.312],[10.673,-18.534],[9.35,-14.406],[8.87,-13.372],[8.863,-13.322],[7.862,17.886],[-1.108,30.142],[-12.175,19.77],[-12.138,19.485],[-0.583,-15.033],[0.746,-13.666],[1.857,-14.777],[-1.657,-22.836],[-0.398,-26.741],[0.991,-28.536],[2.566,-27.403],[0.645,-26.009],[1.756,-24.898],[5.099,-26.739],[6.893,-26.937],[7.532,-26.16],[7.133,-25.801],[6.946,-25.704],[3.052,-23.12],[3.846,-21.763],[6.66,-23.646],[7.739,-24.347],[8.777,-24.725],[8.976,-23.109],[5.505,-20.116],[6.616,-19.005],[9.545,-21.574],[11.286,-22.435]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[609.447,245.596],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 2","ix":2,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[1.418,-0.321],[0.986,0.376],[0.204,0.024],[1.51,0.235],[0.7,-0.126],[0.811,0.755],[1.178,-1.284],[-2.258,-3.939],[-0.256,-12.73],[-0.015,-0.19],[-4.517,-2.32],[-3.134,3.779],[-0.5,5.551],[0.51,8.206],[-0.084,1.377],[-0.772,0.968],[-0.257,0.351],[0.102,0.771]],"o":[[0.118,-0.836],[-0.203,-0.077],[0.215,-1.007],[-0.699,-0.11],[0.358,-0.798],[-1.709,-1.589],[-3.332,3.627],[-3.169,11.928],[-0.081,0.118],[0.383,4.836],[4.345,2.232],[3.731,-4.497],[0.738,-8.19],[1.195,-0.614],[0.067,-1.117],[0.27,-0.338],[0.441,-0.602],[-0.221,-1.686]],"v":[[10.854,-24.19],[9.55,-26.31],[8.939,-26.453],[7.136,-28.651],[5.028,-28.6],[4.579,-31.015],[-0.707,-29.468],[-1.996,-16.886],[-14.025,17.909],[-14.147,18.359],[-7.183,30.372],[5.469,27.942],[9.905,11.287],[10.191,-13.329],[11.822,-16.679],[12.589,-19.389],[13.466,-20.342],[14.178,-22.43]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0,0,0,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[609.699,245.783],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 3","ix":3,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[1.918,-4.113],[3.486,5.139],[0.105,10.079],[-2.521,4.377],[-4.939,-2.86],[-0.009,-0.032],[-1.067,-11.589]],"o":[[-3.44,7.377],[-5.785,-8.527],[-0.051,-4.894],[3.663,-6.363],[0.005,0.031],[2.884,11.271],[0.401,4.355]],"v":[[10.868,23.313],[-4.749,21.839],[-12.601,-8.962],[-10.265,-24.327],[5.494,-24.786],[5.499,-24.698],[11.496,9.62]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.2314,0.4588,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[602.592,248.537],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 4","ix":4,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0.233,6.92],[2.601,11.255],[0.496,1.935],[0.267,0.442],[1.26,0.536],[1.792,0.241],[2.011,-3.065],[0.259,-0.58],[0.004,-4.639],[-1.307,-5.447],[-9.314,-1.868]],"o":[[-0.391,-11.562],[-0.45,-1.946],[-0.128,-0.5],[-0.768,-1.268],[-1.661,-0.705],[-3.536,-0.475],[-0.35,0.532],[-1.933,4.326],[-0.005,5.602],[1.893,7.89],[8.379,1.68]],"v":[[13.732,15.449],[8.836,-18.838],[7.494,-24.685],[6.957,-26.131],[3.044,-28.205],[-2.15,-29.717],[-11.049,-26.021],[-11.957,-24.345],[-13.96,-10.022],[-11.996,6.641],[2.589,28.512]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0,0,0,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[602.381,248.874],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":3},{"ty":4,"nm":"голова Outlines","mn":"","sr":1,"st":0,"op":900,"ip":0,"hd":false,"cl":"","ln":"","ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[623.502,230.16,0],"ix":1},"s":{"a":0,"k":[205,205,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[528.73,499.328,0],"ix":2},"r":{"a":1,"k":[{"o":{"x":0.167,"y":0.167},"i":{"x":0.667,"y":1},"s":[0],"t":49},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[5],"t":85},{"o":{"x":0.333,"y":0},"i":{"x":0.833,"y":0.833},"s":[-7],"t":144},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[0],"t":180}],"ix":10},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11}},"ef":[],"shapes":[{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 1","ix":1,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[1.087,1.844],[-0.516,-0.874],[0.4,-1.675],[-0.237,0.984]],"o":[[-0.513,-0.871],[0.873,1.483],[-0.235,0.983],[0.497,-2.08]],"v":[[0.242,-3.066],[-1.114,-2.272],[-0.383,2.534],[1.133,2.952]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0,0,0,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[628.624,213.936],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 2","ix":2,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0.748,-0.678],[0.754,0.272],[-0.946,-0.341],[-0.999,0.907]],"o":[[-0.605,0.549],[-0.953,-0.343],[1.285,0.464],[0.751,-0.68]],"v":[[0.827,-0.838],[-1.325,-0.463],[-1.743,1.052],[1.938,0.273]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0,0,0,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[633.98,211.537],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 3","ix":3,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0.855,-0.546],[0.977,0.203],[-0.991,-0.207],[-1.195,0.764]],"o":[[-0.835,0.533],[-0.986,-0.206],[1.381,0.287],[0.85,-0.543]],"v":[[1.259,-0.897],[-1.493,-0.359],[-1.91,1.156],[2.052,0.46]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0,0,0,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[620.551,214.238],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 4","ix":4,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[4.074,-5.143],[5.328,4.544],[-0.425,-0.827],[-0.237,-2.244],[0.526,4.378],[0.064,0.1],[1.897,0.515],[-2.675,1.654],[-1.54,0.561],[-0.45,-0.106],[1.087,-0.521],[-0.245,-0.349],[-0.382,-0.054],[-4.23,-2.884]],"o":[[-6.851,-1.32],[-0.682,-0.581],[1.072,2.087],[-3.36,-2.693],[-0.016,-0.138],[-0.132,-1.872],[1.832,-2.522],[1.394,-0.862],[0.431,-0.157],[0.971,0.229],[-0.49,0.236],[0.016,0.285],[4.948,0.686],[7.084,4.829]],"v":[[9.095,12.877],[-9.242,4.102],[-10.49,5.066],[-8.563,11.459],[-14.537,0.662],[-14.665,0.308],[-17.365,-3.722],[-10.636,-10.044],[-6.229,-12.174],[-4.274,-12.771],[-4.565,-10.443],[-4.805,-9.367],[-4.232,-8.777],[10.281,-4.527]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0,0,0,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[630.455,188.87],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 5","ix":5,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0.742,-2.014],[2.307,-2.745],[-0.313,3.683],[-1.072,1.891],[-2.274,-6.318],[-0.034,-0.164],[-0.029,-0.191]],"o":[[-1.245,3.381],[-1.998,-3.063],[0.185,-2.173],[0.717,-1.262],[0.054,0.147],[0.025,0.193],[0.224,2.626]],"v":[[3.138,3.431],[-2.28,12.584],[-5.076,2.372],[-3.123,-3.796],[4.952,-6.266],[5.081,-5.799],[5.165,-5.225]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0,0,0,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[609.264,195.453],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 6","ix":6,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[3.359,5.96],[5.96,0.844],[0.231,1.159],[1.584,-0.376],[3.417,-5.027],[1.12,-2.993],[-3.086,-4.667],[-0.252,0.009],[-0.471,0.539],[-1.068,5.81],[-0.02,0.111],[-3.342,-2.212],[0.014,0.581],[0.636,1.893],[-6.162,-1.154],[-0.31,0.385]],"o":[[-3.11,-5.519],[0.825,-0.661],[-0.39,-1.953],[-5.994,1.423],[-3.683,0.5],[-1.988,5.317],[0.177,0.266],[0.145,0.543],[3.866,-4.427],[0.02,-0.106],[1.312,3.554],[0.502,0.333],[-0.047,-2.085],[4.992,3.667],[0.281,0.26],[3.658,-4.523]],"v":[[20.061,-5.646],[3.304,-13.398],[4.495,-16.092],[0.708,-17.632],[-13.82,-7.156],[-21.431,1.129],[-19.371,16.751],[-18.685,17.113],[-17.396,17.507],[-9.732,2.051],[-9.672,1.717],[-2.652,10.462],[-1.457,9.777],[-2.482,3.85],[14.296,11.13],[15.307,11.073]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0,0,0,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[625.049,192.197],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 7","ix":7,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[11.981,-0.963],[2.739,-4.458],[0.49,-2.48],[-0.617,-4.004],[-2.335,3.738],[-3.493,0.567],[-0.099,1.818],[-4.304,0.631],[-0.033,0.844]],"o":[[-5.257,0.423],[-1.325,2.156],[-0.709,3.589],[3.723,-2.325],[1.663,2.71],[2.098,-0.341],[3.434,2.474],[0.068,-0.867],[0.396,-10.226]],"v":[[-0.364,-12.875],[-12.886,-4.978],[-15.601,2.068],[-15.839,13.837],[-6.765,4.742],[0.787,9.772],[4.279,6.018],[15.909,10.095],[16.06,7.523]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.8902,0.8902,0.8902,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[623.756,196.407],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 8","ix":8,"cix":2,"np":3,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0.396,-10.226],[11.776,-1.042],[3.169,4.242],[-1.374,6.954],[-1.325,2.156],[-5.257,0.423]],"o":[[-0.378,9.729],[-5.301,0.469],[-4.348,-5.822],[0.49,-2.48],[2.739,-4.457],[11.982,-0.963]],"v":[[16.32,-0.852],[1.756,21.743],[-11.65,15.636],[-15.341,-6.308],[-12.627,-13.354],[-0.104,-21.249]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 2","c":{"a":0,"k":[1,1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[623.496,204.782],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 9","ix":9,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[2.188,4.85],[7.988,-2.942],[2.082,-4.647],[0.121,-3.471],[-0.696,-3.253],[-5.38,-2.465],[-4.041,7.601],[-0.351,4.349]],"o":[[-3.516,-7.796],[-4.799,1.768],[-1.431,3.196],[-0.116,3.309],[1.227,5.737],[7.715,3.533],[2.079,-3.911],[0.419,-5.204]],"v":[[15.646,-13.668],[-4.973,-22.098],[-15.627,-11.99],[-17.65,-1.787],[-17.138,8.319],[-6.859,21.507],[14.451,14.612],[17.406,1.798]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0,0,0,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[623.796,205.066],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 10","ix":10,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[2.728,-3.407],[2.726,4.202],[-1.069,3.911],[0.006,0.086],[-3.079,-2.909]],"o":[[-3.081,3.848],[-2.327,-3.586],[0.027,-0.097],[3.789,-1.505],[3.067,2.897]],"v":[[5.651,5.209],[-6.052,4.59],[-6.778,-7.282],[-6.76,-7.553],[4.529,-5.899]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.8902,0.8902,0.8902,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[620.686,226.665],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 11","ix":11,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[3.116,3.517],[4.824,-2.062],[-0.155,-0.326],[0.02,-0.074],[-4.554,-3.763],[-2.956,3.813]],"o":[[-3.644,-4.113],[-0.431,0.184],[-0.033,0.058],[-1.409,5.156],[3.741,3.091],[2.932,-3.785]],"v":[[6.369,-6.258],[-7.791,-8.698],[-8.116,-7.798],[-8.208,-7.615],[-5.386,7.669],[7.008,6.277]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0,0,0,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[620.602,226.581],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 12","ix":12,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[3.876,-0.039],[0.308,1.7],[-2.068,-0.038]],"o":[[-1.769,0.018],[-0.367,-2.026],[3.606,0.066]],"v":[[0.021,3.438],[-3.53,0.374],[-0.288,-3.418]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[641.934,208.287],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 13","ix":13,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0.421,2.54],[2.937,-0.42],[-0.593,-2.876],[-2.865,0.579]],"o":[[-0.439,-2.646],[-2.952,0.422],[0.572,2.776],[2.798,-0.566]],"v":[[4.863,-0.662],[-0.456,-5.33],[-4.69,0.857],[1.523,5.171]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0,0,0,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[641.342,208.287],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 14","ix":14,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[3.877,-0.039],[0.309,1.7],[-2.068,-0.038]],"o":[[-1.768,0.018],[-0.366,-2.026],[3.606,0.066]],"v":[[0.02,3.438],[-3.531,0.374],[-0.289,-3.418]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[606.587,213.609],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 15","ix":15,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0.421,2.54],[2.936,-0.42],[-0.593,-2.876],[-2.864,0.58]],"o":[[-0.439,-2.646],[-2.953,0.422],[0.572,2.776],[2.798,-0.566]],"v":[[4.863,-0.662],[-0.456,-5.331],[-4.69,0.857],[1.523,5.171]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0,0,0,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[605.994,213.61],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":4},{"ty":4,"nm":"ноги Outlines","mn":"","sr":1,"st":0,"op":900,"ip":0,"hd":false,"cl":"","ln":"","ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[616.754,287.882,0],"ix":1},"s":{"a":0,"k":[205,205,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[514.896,617.657,0],"ix":2},"r":{"a":0,"k":0,"ix":10},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11}},"ef":[],"shapes":[{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 1","ix":1,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0.109,-0.996],[3.598,-7.042],[8.006,-2.031],[6.614,-5.89],[11.322,0.656],[4.611,8.647],[-0.476,-0.893],[-7.729,-3.322],[-7.153,4.599],[-8.691,5.393],[-10.103,-5.775],[1.108,-1.673],[-0.556,0.841],[-1.181,10.761]],"o":[[-0.873,7.955],[-7.124,-4.06],[-8.807,2.236],[-7.897,7.033],[-10.925,-0.633],[-0.476,-0.893],[3.769,7.069],[8.207,3.526],[8.594,-5.526],[9.859,-6.117],[-0.946,1.748],[-0.56,0.846],[5.981,-9.026],[0.111,-1.004]],"v":[[51.208,-25.167],[44.446,-2.575],[20.895,-5.977],[-1.48,8.364],[-29.813,22.615],[-51.058,3.643],[-52.415,4.436],[-36.577,22.646],[-11.901,18.729],[11.943,-0.33],[43.714,-1.179],[40.632,3.954],[41.989,4.747],[52.779,-25.167]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0,0,0,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[652.8,287.046],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 2","ix":2,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[6.309,-7.904],[7.241,-0.127],[6.961,-6.12],[12.715,0.048],[3.947,11.51],[-11.882,4.618],[3.312,-3.715],[-0.675,0.757],[-18.525,5.806],[-7.911,-16.632],[0.006,-0.085]],"o":[[-3.16,-6.622],[-9.715,0.17],[-8.922,7.845],[-12.305,-0.046],[8.626,-9.431],[-3.533,3.66],[-0.672,0.753],[12.52,-14.036],[16.465,-5.161],[-0.026,0.07],[-0.695,10.119]],"v":[[44.693,14.512],[27.082,4.688],[2.165,17.435],[-28.628,34.191],[-55.454,14.664],[-24.401,-6.632],[-34.637,4.52],[-33.527,5.631],[10.885,-29.077],[55.454,-13.22],[55.393,-12.999]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[652.701,280.834],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 3","ix":3,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0.153,0.338],[16.38,-3.799],[10.26,-10.231],[0.104,-0.036],[9.503,-10.549],[0.017,-0.022],[0.006,-0.008],[-0.259,-0.257],[-16.817,10.24],[-9.531,5.594],[-4.834,-12.201],[-0.081,-0.078],[-0.437,0.522],[-0.821,10.812]],"o":[[-7.335,-16.179],[-14.385,3.335],[-0.089,-0.003],[-13.396,4.697],[-0.018,0.02],[-0.005,0.008],[-0.251,0.36],[6.459,18.774],[9.431,-5.742],[9.324,-5.473],[0.049,0.122],[0.179,0.508],[6.967,-8.325],[0.192,-0.226]],"v":[[57.104,-16.315],[14.317,-34.444],[-21.875,-11.967],[-22.162,-11.928],[-56.953,11.207],[-56.992,11.27],[-57.006,11.296],[-56.901,12.328],[-11.909,28.002],[13.984,7.653],[43.666,13.108],[43.866,13.403],[45.112,13.725],[56.975,-15.431]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0,0,0,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[652.658,283.647],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 4","ix":4,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0.898,-0.463],[9.329,-0.913],[-1.007,0.099],[-8.58,4.42]],"o":[[-8.333,4.293],[-0.997,0.098],[9.607,-0.94],[0.899,-0.462]],"v":[[12.935,-4.522],[-13.619,3.314],[-13.619,4.885],[13.728,-3.166]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0,0,0,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[695.37,356.095],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 5","ix":5,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[-6.441,-3.794],[0.073,0.236],[6.875,6.591],[7.935,-6.885],[0.227,0.055],[2.743,-12.865],[-6.35,-8.525],[-4.545,3.083]],"o":[[-0.073,-0.236],[-2.744,-8.878],[-7.045,-6.752],[-0.223,0.193],[-6.772,11.287],[8.928,-6.619],[-0.301,-5.206],[6.635,-4.501]],"v":[[27.13,10.817],[26.914,10.106],[14.13,-14.595],[-12.109,-17.145],[-12.81,-16.975],[-27.13,19.398],[-0.25,24.03],[6.125,10.431]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.8902,0.8902,0.8902,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[667.036,288.145],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 6","ix":6,"cix":2,"np":3,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[2.552,8.688],[3.904,7.115],[9.784,-7.253],[-6.772,11.287],[-0.223,0.193],[-7.045,-6.752],[-2.744,-8.878],[-4.364,-19.454],[9.309,-0.702]],"o":[[-2.274,-7.743],[-5.775,-10.524],[2.744,-12.866],[0.227,0.054],[7.936,-6.885],[6.876,6.59],[5.889,19.049],[-8.028,4.763],[-1.629,-8.905]],"v":[[2.295,23.689],[-6.127,0.563],[-34.684,-6.672],[-20.364,-43.046],[-19.664,-43.215],[6.575,-40.666],[19.359,-15.964],[34.684,41.839],[8.53,50.099]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 2","c":{"a":0,"k":[1,1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[674.591,314.216],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 7","ix":7,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0.089,0.306],[0.001,0.002],[3.238,11.816],[4.456,10.714],[7.894,3.91],[6.029,-5.053],[0.235,-0.39],[2.759,-13.538],[-0.205,-0.172],[-0.613,0.532],[-6.281,-3.313],[-2.263,-6.198],[-2.565,-14.117],[-0.076,-0.087],[-0.422,0.028],[-8.563,5.196]],"o":[[0,-0.002],[-2.672,-11.955],[-3.061,-11.173],[-3.289,-7.905],[-6.984,-3.459],[-0.325,-0.138],[-7.151,11.819],[-0.068,0.331],[-0.092,0.604],[5.3,-4.593],[6.161,3.25],[4.923,13.485],[0.027,0.148],[0.069,0.315],[9.993,-0.661],[0.351,-0.212]],"v":[[36.371,41.18],[36.371,41.174],[27.524,5.51],[17.178,-27.952],[0.956,-47.442],[-20.494,-45.364],[-21.456,-45.069],[-36.392,-6.866],[-36.121,-6.103],[-34.776,-5.418],[-15.286,-7.804],[-4.035,8.454],[7.109,49.983],[7.274,50.326],[7.999,50.874],[36.039,42.044]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0,0,0,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[674.555,315.059],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 8","ix":8,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[6.335,-3.326],[3.321,-0.359],[3.963,-0.428],[3.339,1.135],[0.117,2.348],[-1.054,1.834],[-1.911,0.98],[-2.471,0.28],[-3.133,-0.597],[-2.916,-1.609]],"o":[[-3.008,1.578],[-3.962,0.429],[-3.384,0.367],[-2.126,-0.724],[-0.108,-2.166],[1.019,-1.768],[2.237,-1.146],[3.169,-0.36],[3.269,0.622],[2.508,1.382]],"v":[[15.675,5.134],[4.889,6.749],[-6.999,8.034],[-17.969,8.322],[-21.902,3.736],[-19.97,-2.415],[-16.121,-7.249],[-8.495,-9.096],[1.027,-8.736],[10.395,-5.389]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0,0,0,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[704.015,366.099],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 9","ix":9,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[4,1.584],[6.64,-1.578],[1.698,-2.339],[0.086,-3.175],[-0.158,-0.691],[-3.437,-0.31],[-6.234,0.674],[-3.687,2.548]],"o":[[-6.35,-2.515],[-2.739,0.652],[-1.798,2.477],[-0.019,0.707],[0.813,3.547],[6.264,0.563],[4.238,-0.459],[7.595,-5.251]],"v":[[6.562,-8.16],[-13.504,-9.585],[-20.587,-5.425],[-24.305,2.905],[-24.095,5.012],[-16.877,10.6],[2.532,8.828],[16.729,6.287]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0,0,0,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[704.879,365.753],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":5},{"ty":4,"nm":"нога 1 Outlines","mn":"","sr":1,"st":0,"op":900,"ip":0,"hd":false,"cl":"","ln":"","ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[699.088,290.053,0],"ix":1},"s":{"a":0,"k":[205,205,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[683.68,622.108,0],"ix":2},"r":{"a":1,"k":[{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[0],"t":0},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[12],"t":30},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[0],"t":60},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[12],"t":90},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[0],"t":120},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[12],"t":150},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[0],"t":180},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[12],"t":210},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[0],"t":240}],"ix":10},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11}},"ef":[],"shapes":[{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 1","ix":1,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[1.327,-1.924],[5.171,-4.735],[2.456,-1.883],[1.307,1.73],[0,2.267],[-0.282,2.3],[-0.289,0.934],[-0.19,0.459],[0,0.357],[-3.497,1.562],[-0.465,0.232],[-3.943,0.063],[-1.238,-0.564]],"o":[[-3.987,5.782],[-2.283,2.09],[-1.465,1.124],[-1.414,-1.868],[0,-2.323],[0.118,-0.971],[0.145,-0.475],[0.145,-0.348],[1.81,-3.389],[0.479,-0.214],[3.737,-1.312],[1.372,-0.022],[3.947,1.801]],"v":[[11.452,-7.907],[-2.531,7.775],[-9.604,13.843],[-14.331,13.996],[-15.982,7.408],[-15.76,0.266],[-15.154,-2.6],[-14.651,-4.004],[-13.997,-5.384],[-5.717,-12.99],[-4.245,-13.576],[7.49,-15.452],[12.096,-15.161]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0,0,0,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[713.821,283.774],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 2","ix":2,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[3.983,-1.395],[2.27,-3.173],[-0.949,-6.383],[-1.81,-1.059],[-2.062,1.724],[-3.861,4.288],[-1.598,4.533]],"o":[[-3.672,1.287],[-3.854,5.389],[0.285,1.923],[3.006,1.76],[4.423,-3.699],[3.172,-3.521],[3.302,-9.371]],"v":[[-4.774,-13.967],[-13.973,-7.173],[-17.465,12.322],[-14.794,17.678],[-6.549,14.387],[5.979,2.474],[15.112,-10.068]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0,0,0,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[713.932,282.65],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":6},{"ty":4,"nm":"тело Outlines","mn":"","sr":1,"st":0,"op":900,"ip":0,"hd":false,"cl":"","ln":"","ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[620.394,267.666,0],"ix":1},"s":{"a":0,"k":[205,205,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[522.358,576.216,0],"ix":2},"r":{"a":0,"k":0,"ix":10},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11}},"ef":[],"shapes":[{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 1","ix":1,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[2.878,-8.426],[12.021,8.879],[0.326,15.881],[-4.254,8.663],[-3.582,2.588],[-4.533,0.481],[-4.849,-0.991],[-1.909,-1.871],[-0.603,-1.342],[0.607,-4.426],[-0.145,-3.739],[-2.915,-7.076]],"o":[[-5.759,16.865],[-13.533,-9.998],[-0.193,-9.474],[1.944,-3.958],[3.769,-2.723],[4.869,-0.518],[2.604,0.532],[1.051,1.032],[1.929,4.291],[-0.508,3.708],[0.299,7.648],[3.11,7.553]],"v":[[28.438,31.328],[-13.488,38.973],[-31.124,-4.576],[-26.675,-32.764],[-18.282,-42.854],[-5.34,-46.96],[9.514,-47.201],[16.46,-43.646],[18.946,-40.038],[18.802,-26.556],[18.255,-15.357],[23.124,6.924]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.2314,0.4588,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[621.428,268.918],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 2","ix":2,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[1.028,3.263],[1.631,4.072],[-1.61,11.39],[2.141,4.264],[3.254,1.079],[3.427,0.024],[5.032,-1.765],[2.506,-3.882],[1.334,-4.865],[-0.682,-8.691],[-2.937,-7.02],[-6.229,-4.374],[-8.772,1.705],[-3.486,2.981],[-0.643,4.54]],"o":[[-1.315,-4.173],[-4.28,-10.679],[0.668,-4.725],[-1.538,-3.065],[-3.255,-1.078],[-5.244,-0.037],[-4.31,1.512],[-2.718,4.21],[-2.315,8.443],[0.595,7.587],[2.935,7.022],[7.313,5.136],[4.502,-0.875],[3.484,-2.98],[0.482,-3.396]],"v":[[30.59,19.387],[25.565,7.051],[21.542,-26.832],[21.184,-40.898],[13.348,-47.145],[3.185,-48.412],[-12.565,-46.394],[-23.438,-38.291],[-29.523,-24.77],[-31.498,1.255],[-26.609,23.456],[-12.852,41.299],[12.667,46.744],[25.02,41.042],[31.698,29.358]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0,0,0,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[620.363,268.205],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":7},{"ty":4,"nm":"рука 1 Outlines","mn":"","sr":1,"st":0,"op":900,"ip":0,"hd":false,"cl":"","ln":"","ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[640.151,236.201,0],"ix":1},"s":{"a":0,"k":[205,205,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[562.859,511.712,0],"ix":2},"r":{"a":1,"k":[{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[0],"t":33},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[-5],"t":56},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[0],"t":83},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[-5],"t":180},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[0],"t":240}],"ix":10},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11}},"ef":[],"shapes":[{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 1","ix":1,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0.037,-0.196],[7.859,-2.371],[0.998,-0.217],[-0.516,7.637],[-0.471,0.345],[1.235,5.808],[0.026,0.055],[0.008,0.018],[0.027,0.031],[0.043,0.046],[1.151,1.994],[0.17,0.605],[-1.113,0.166],[-0.091,-0.003],[-0.149,-0.034],[-0.349,-0.943],[-0.306,-0.01],[-0.132,0.028],[-0.716,-0.541],[0.797,0.603],[1.086,-0.104],[0.255,0.452],[-0.918,-0.019],[0.843,1.857],[-0.05,0.016],[-0.19,0.113],[-1.351,-0.497],[-0.6,0.344],[-1.176,0.066],[-0.174,0.05],[0.804,-1.905],[-0.234,-0.226],[-0.042,-0.078],[0.102,-8.291]],"o":[[-1.555,8.236],[-0.98,0.295],[-3.163,-6.997],[0.503,-0.224],[5.548,-4.073],[-0.015,-0.067],[-0.005,-0.019],[-0.021,-0.038],[-0.03,-0.048],[-1.565,-1.683],[-0.314,-0.546],[-0.235,-0.837],[0.097,-0.014],[0.147,0.031],[1.123,0.415],[0.133,0.361],[0.11,0.026],[0.887,-0.195],[0.806,0.61],[-0.89,-0.673],[-0.191,-0.485],[0.947,0.198],[1.905,0.04],[0.05,-0.012],[0.234,-0.07],[0.162,1.296],[0.735,0.271],[0.344,1.057],[0.19,-0.011],[0.182,2.046],[-0.158,0.372],[0.015,0.075],[3.928,7.364],[-0.032,0.196]],"v":[[11.435,9.566],[-3.771,25.557],[-6.74,26.316],[-10.682,4.299],[-9.22,3.454],[-6.093,-14.038],[-6.167,-14.205],[-6.19,-14.26],[-6.258,-14.37],[-6.346,-14.516],[-10.488,-20.008],[-11.391,-21.77],[-10.393,-24.036],[-10.114,-24.051],[-9.672,-23.957],[-7.568,-20.848],[-6.824,-20.318],[-6.463,-20.315],[-4.031,-19.728],[-3.239,-21.085],[-6.301,-21.918],[-6.962,-23.339],[-4.148,-22.966],[-1.531,-26.004],[-1.385,-26.035],[-0.751,-26.315],[1.26,-23.292],[3.305,-23.485],[5.887,-21.717],[6.43,-21.816],[5.493,-15.826],[5.701,-14.882],[5.769,-14.653],[11.523,8.98]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[668.247,219.709],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 2","ix":2,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[2.845,-0.259],[3.559,1.974],[-1.858,7.589],[-4.851,-0.457],[-1.982,0.458],[-3.052,-6.939]],"o":[[-3.884,0.354],[-8.245,-4.573],[4.847,0.508],[2.075,0.195],[-0.427,7.551],[-2.818,0.512]],"v":[[5.731,11.719],[-6.014,10.55],[-10.451,-12.524],[4.093,-11.016],[10.277,-11.128],[14.259,10.665]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.2314,0.4588,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[645.681,235.67],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 3","ix":3,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[2.148,0.406],[-0.079,0.266],[-3.045,-0.426],[-0.223,-0.063],[-0.253,0.008],[-0.013,-0.407],[0.006,0.001],[0,0]],"o":[[0.079,-0.266],[3.046,0.425],[0.185,0.094],[0.282,0.08],[0.013,0.407],[-0.444,-0.074],[0,0],[-2.148,-0.405]],"v":[[-5.41,-0.621],[-5.172,-1.42],[3.965,-0.144],[4.569,0.098],[5.37,0.199],[5.41,1.42],[4.653,1.28],[1.034,0.596]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[656.48,193.344],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 4","ix":4,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0.071,0.142],[0.006,0.012],[-0.176,0.436],[-0.319,-0.085],[-0.153,-0.43],[0.002,-0.771],[-0.095,-0.265],[-0.004,-0.009],[0.531,-0.061],[0.136,0.019],[0.113,0.016],[0.092,0.095],[-0.17,1.09]],"o":[[-0.005,-0.012],[0.178,-0.436],[0.32,0.085],[0.387,0.28],[0.251,0.707],[-0.126,0.163],[0.003,0.009],[-0.181,0.6],[-0.085,-0.062],[-0.113,-0.016],[-0.093,-0.06],[-0.864,-0.888],[0.029,-0.19]],"v":[[-1.17,-1.519],[-1.179,-1.553],[-0.648,-2.861],[0.312,-2.605],[1.044,-1.326],[1.523,1.016],[1.435,1.661],[1.446,1.689],[0.281,2.861],[-0.044,2.732],[-0.383,2.685],[-0.661,2.463],[-1.084,-1.027]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[661.47,189.03],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 5","ix":5,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[-0.12,0.167],[-0.561,-0.232],[-0.131,-0.241],[1.126,0.085],[0.023,0.696]],"o":[[0.382,0.523],[-0.085,0.195],[0.374,0.688],[-0.023,-0.696],[0.145,-0.138]],"v":[[-0.711,-1.314],[0.705,-0.125],[0.74,0.54],[-1.045,1.229],[-1.114,-0.859]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[664.514,193.735],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 6","ix":6,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[-0.073,0.273],[-0.224,-0.632],[-0.074,-0.49],[0.256,-0.658],[0.565,1.196],[0.016,0.251],[0.371,0.929]],"o":[[0.6,-2.248],[0.166,0.47],[0.102,0.667],[-0.748,1.925],[0.032,-0.258],[-0.05,-0.828],[0.203,-0.073]],"v":[[-1.386,-2.165],[1.286,-1.243],[1.612,0.227],[1.581,2.487],[-1.268,1.895],[-1.24,1.128],[-1.838,-1.664]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[665.796,188.633],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 7","ix":7,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0.014,0.515],[-0.115,0.137],[0.014,-0.68],[1.125,1.088],[-0.033,0.817],[0.06,0.109]],"o":[[0.131,-0.031],[1.418,-1.684],[-0.024,1.199],[-0.652,-0.63],[0.007,-0.158],[0.121,-0.502]],"v":[[-1.155,-1.945],[-0.779,-2.174],[1.377,1.452],[-0.738,2.77],[-1.211,-0.009],[-1.307,-0.401]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[670.219,191.699],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 8","ix":8,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0.237,1.106],[-0.027,0.03],[-0.142,-0.742],[0.637,-0.653],[-0.136,1.193],[0.108,0.124],[-0.043,0.162]],"o":[[0.027,-0.024],[1.202,-1.362],[0.161,0.843],[-0.746,0.767],[0.026,-0.225],[0.067,-0.153],[0.232,-0.881]],"v":[[-1.251,-2.098],[-1.167,-2.161],[1.219,0.298],[0.708,2.757],[-1.23,2.057],[-1.38,1.542],[-1.209,1.071]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[674.246,193.184],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 9","ix":9,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0.047,-0.158],[0,0],[-0.235,0.025]],"o":[[0,0],[0.235,-0.026],[-0.047,0.158]],"v":[[0.21,0.237],[-0.352,-0.161],[0.352,-0.237]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[649.352,192.044],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 10","ix":10,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0.006,2.325],[0.866,3.412],[1.925,3.61],[0.026,0.035],[-0.043,0.543],[-0.672,1.133],[1.423,1.563],[1.007,-0.625],[0.138,0.198],[1.062,-0.65],[1.338,0.687],[0.645,-1.279],[0.666,0.106],[-0.52,-1.731],[-0.357,-1.071],[2.519,0.352],[0.287,-0.031],[1.32,-0.141],[-0.66,-0.469],[-0.964,-0.684],[-0.199,0.105],[-1.878,-0.355],[0.005,-0.009],[-0.842,-1.483],[-1.682,-1.826],[5.598,-2.521],[0.171,-0.17],[1.278,-0.015],[5.852,0.647],[0.282,-0.196],[-0.138,-0.401],[-6.804,-6.03],[-3.626,0.047],[-4.838,1.055],[-3.404,2.698],[-1.305,3.552]],"o":[[-0.009,-3.548],[-1.007,-3.967],[-0.023,-0.041],[-0.156,-0.208],[0.103,-1.301],[1.113,-1.877],[-0.825,-0.905],[-0.113,-0.242],[-0.73,-1.055],[-0.283,-1.426],[-1.357,-0.698],[-0.424,-0.476],[-2.063,-0.33],[-0.149,1.11],[-2.518,-0.351],[-0.122,-0.17],[-1.322,0.142],[-0.785,0.085],[0.963,0.683],[0.251,0.178],[1.879,0.355],[-0.006,0.009],[-1.15,1.567],[1.229,2.161],[1.219,5.767],[-0.232,-0.006],[-0.944,0.327],[-5.868,0.069],[-0.275,-0.212],[-0.423,0.107],[-1.928,7.815],[2.798,2.479],[4.948,-0.064],[4.216,-0.92],[2.933,-2.326],[0.82,-2.236]],"v":[[25.677,9.7],[24.042,-0.845],[19.61,-12.258],[19.53,-12.354],[20.467,-16.443],[20.789,-20.235],[19.865,-26.418],[16.71,-27.027],[16.336,-27.697],[13.082,-28.541],[10.879,-32.076],[7.335,-30.996],[5.713,-31.923],[3.056,-28.574],[3.219,-25.099],[-4.335,-26.153],[-4.938,-26.405],[-8.9,-25.981],[-9.297,-24.516],[-6.407,-22.466],[-5.711,-22.396],[-0.075,-21.331],[-0.095,-21.307],[0.463,-16.334],[4.888,-10.372],[1.153,5.99],[0.517,6.242],[-2.8,6.774],[-20.609,5.052],[-21.562,5],[-21.994,5.984],[-18.879,29.646],[-8.733,32.727],[6.236,31],[17.99,25.723],[24.545,16.57]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0,0,0,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[655.763,216.52],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":8},{"ty":4,"nm":"вопрос Outlines 2","mn":"","sr":1,"st":115,"op":241,"ip":120,"hd":false,"cl":"","ln":"","ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[589.209,204.87,0],"ix":1},"s":{"a":0,"k":[205,205,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":1,"k":[{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[652.428,445.484,0],"t":120,"ti":[0,0,0],"to":[0,0,0]},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[458.428,447.484,0],"t":240}],"ix":2},"r":{"a":1,"k":[{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[66],"t":120},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[0],"t":240}],"ix":10},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11}},"ef":[],"shapes":[{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 1","ix":1,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[1.187,-0.762],[0.79,1.116],[-1.113,0.799],[-0.757,-1.121]],"o":[[-1.15,0.738],[-0.781,-1.101],[1.091,-0.781],[0.786,1.163]],"v":[[1.377,2.132],[-2.079,1.481],[-1.536,-2.089],[2.075,-1.448]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.2314,0.4588,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[589.415,204.861],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 2","ix":2,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0.947,1.833],[1.595,-0.016],[0.427,-1.867],[-0.77,-0.989],[-1.805,1.191]],"o":[[-0.747,-1.446],[-2.069,0.02],[-0.278,1.216],[1.327,1.707],[1.74,-1.149]],"v":[[3.467,-2.135],[-0.702,-4.371],[-4.136,-1.122],[-3.399,2.309],[2.143,3.195]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0,0,0,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[589.56,205.078],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 3","ix":3,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[-1.216,-1.876],[-0.908,-0.872],[6.237,1.312],[0.56,0.716],[12.429,2.972],[-1.757,-4.785],[-1.142,-0.799],[-0.738,-0.843],[0.405,-1.067],[1.217,-0.235],[1.301,0.73],[1.001,1.282],[-0.259,3.194],[-1.338,1.927],[-6.04,-5.467],[-0.163,-7.011]],"o":[[0.692,1.069],[2.914,1.973],[-0.851,-0.367],[-6.542,-6.841],[-4.416,-1.055],[0.486,1.325],[0.899,0.629],[0.782,0.894],[-0.422,1.11],[-1.509,0.291],[-1.418,-0.795],[-1.975,-2.529],[0.189,-2.34],[4.38,-6.311],[5.952,5.387],[0.052,2.195]],"v":[[11.599,11.039],[14.119,13.692],[10.714,19.002],[8.598,17.378],[-0.971,-10.084],[-8.737,-2.501],[-5.988,0.541],[-3.231,2.391],[-2.94,5.791],[-5.565,8.304],[-10.444,7.162],[-14.116,4.007],[-16.774,-4.974],[-14.417,-11.501],[5.65,-14.848],[9.939,4.664]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.2314,0.4588,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[568.769,179.141],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 4","ix":4,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0.644,3.014],[9.085,-6.798],[-1.329,-5.855],[-1.78,-1.835],[-1.162,-0.641],[-2.291,0.942],[0.275,2.319],[1.9,1.932],[-1.705,1.43],[-1.394,-0.585],[-0.871,-1.483],[-2.596,-6.41],[-3.822,0.602],[2.637,2.815],[0.745,2.445],[-0.146,2.105]],"o":[[-2.36,-11.054],[-4.799,3.59],[0.565,2.488],[0.923,0.953],[2.058,1.134],[2.113,-0.868],[-0.36,-3.046],[-1.806,-1.836],[1.188,-0.996],[1.594,0.668],[3.572,6.088],[1.337,3.301],[4.283,-0.673],[-1.622,-1.732],[-0.628,-2.061],[0.209,-3.034]],"v":[[11.776,-6.649],[-11.763,-15.449],[-17.56,0.214],[-14,6.869],[-10.848,9.274],[-3.875,10.139],[-0.572,4.835],[-5.966,-1.338],[-4.76,-7.271],[-0.568,-7.745],[3.362,-4.24],[5.654,15.874],[14,21.644],[16.251,13.93],[12.279,8.755],[11.943,2.321]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0,0,0,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[568.465,178.445],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":9},{"ty":4,"nm":"тумба Outlines","mn":"","sr":1,"st":0,"op":900,"ip":0,"hd":false,"cl":"","ln":"","ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[628.965,340.526,0],"ix":1},"s":{"a":0,"k":[205,205,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[539.928,725.579,0],"ix":2},"r":{"a":0,"k":0,"ix":10},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11}},"ef":[],"shapes":[{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 1","ix":1,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[6.48,-6.516],[5.142,-0.357],[10.629,0.517],[2.011,2.053],[-1.638,2.436],[-3.871,0.293],[-12.622,-1.279]],"o":[[-3.925,3.946],[-10.614,0.737],[-2.636,-0.129],[-2.208,-2.254],[2.271,-3.376],[12.606,-0.953],[5.417,0.55]],"v":[[26.148,4.382],[9.55,8.214],[-22.358,8.563],[-30.42,6.481],[-30.727,-2.014],[-20.829,-6.811],[17.272,-7.801]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.2314,0.4588,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[630.932,313.069],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 2","ix":2,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[-0.355,1.663],[10.38,13.891],[-0.966,12.624],[1.968,1.724],[-0.43,-4.59],[0,-0.001],[-0.507,-4.642],[-1.6,-3.029],[-2.19,-0.312],[-2.376,-0.212],[-4.661,0.169],[-4.427,0.687],[-1.955,0.332],[-1.625,1.073]],"o":[[-14.929,3.328],[-7.833,-10.483],[-3.161,-0.27],[-0.764,4.574],[0,0],[0.435,4.65],[0.362,3.308],[1.202,2.275],[2.362,0.338],[4.644,0.415],[4.479,-0.164],[1.96,-0.304],[2.41,-0.41],[0.622,-0.411]],"v":[[29.422,19.494],[-13.392,11.235],[-20.512,-25.114],[-28.658,-27.809],[-28.286,-14.015],[-27.065,-0.973],[-25.843,12.983],[-24.452,23.706],[-18.054,26.41],[-10.945,27.24],[3.029,27.64],[16.404,26.363],[22.282,25.458],[27.974,22.75]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.8902,0.8902,0.8902,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[628.285,348.522],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 3","ix":3,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[2.824,-1.865],[2.41,-0.41],[1.96,-0.303],[4.477,-0.163],[4.645,0.415],[2.361,0.338],[1.202,2.275],[0.361,3.308],[0.436,4.65],[0,0],[-0.763,4.575],[-4.949,-0.067],[-6.478,0.375],[-5.184,2.098],[-0.966,1.289],[-0.032,-1.15],[-0.022,-2.33],[0.126,-4.656]],"o":[[-1.626,1.073],[-1.955,0.332],[-4.428,0.687],[-4.662,0.17],[-2.376,-0.212],[-2.191,-0.312],[-1.599,-3.029],[-0.507,-4.642],[0,-0.001],[-0.429,-4.589],[4.238,3.713],[6.49,0.087],[5.484,-0.318],[1.817,-0.736],[-0.639,0.853],[0.063,2.33],[0.043,4.657],[-0.181,6.652]],"v":[[27.273,24.229],[21.581,26.937],[15.701,27.842],[2.328,29.119],[-11.648,28.719],[-18.755,27.889],[-25.154,25.185],[-26.544,14.462],[-27.768,0.506],[-28.989,-12.536],[-29.361,-26.33],[-11.073,-23.555],[8.386,-23.99],[25.553,-26.167],[29.729,-29.289],[29.953,-23],[30.081,-16.01],[29.956,-2.039]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[628.987,347.043],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 4","ix":4,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0.524,11.256],[0.263,0.102],[4.295,2.439],[5.087,0.08],[4.317,-0.28],[4.113,-0.004],[2.493,-0.585],[0.084,-5.563],[-0.659,-1.09],[0.016,-0.077],[-0.428,-4.568],[0,-0.001],[-0.578,-4.946],[-4.444,-2.253],[-1.953,-0.187],[-2.189,-0.164],[-5.048,0.238],[-4.843,0.851],[-2.4,0.58],[0.102,3.741],[-0.256,6.09]],"o":[[-0.018,-0.36],[1.418,-3.543],[-4.6,-2.613],[-4.325,-0.067],[-4.098,0.267],[-2.557,0.002],[-4.977,1.167],[-0.026,1.687],[-0.031,0.06],[-0.964,4.533],[0,0],[0.464,4.956],[0.475,4.069],[1.796,0.911],[2.184,0.21],[5.034,0.377],[4.911,-0.23],[2.431,-0.425],[3.456,-0.835],[-0.166,-6.077],[0.472,-11.255]],"v":[[31.01,-23.878],[30.515,-24.566],[26.34,-34.816],[10.434,-37.164],[-2.536,-36.834],[-14.772,-35.984],[-22.415,-35.172],[-31.891,-25.422],[-30.886,-21.295],[-30.969,-21.106],[-30.951,-7.511],[-29.587,7.065],[-28.246,21.94],[-24.354,35.087],[-18.453,36.061],[-11.902,36.694],[3.374,37.192],[18.025,35.569],[25.274,34.06],[30.093,28.25],[30.94,9.91]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0,0,0,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[629.235,340.484],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":10}],"ddd":0,"h":1080,"w":1080,"meta":{"a":"","k":"","d":"","g":"@lottiefiles/toolkit-js 0.22.1","tc":"#000000"},"v":"5.6.1","fr":60,"op":241,"ip":0,"assets":[]} \ No newline at end of file diff --git a/public/trash-2.png b/public/trash-2.png new file mode 100644 index 0000000000000000000000000000000000000000..a86ab86a74d73c77116931e357e67e7711434f5f GIT binary patch literal 629 zcmV-*0*d{KP)500009a7bBm000XU z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP!wE`HK)c|xBb)%(b=P#qXG2d=I05Makmw1To}k%)5E9Tg zC`f_g;J6ZEktbOm?7@DX8Jii1E(i%yM6FiKism|Z4*mIL* zS((LRkrOO_k7nV-eCk&^O{R%vLTtmW&M}=s3-6IBm&-Obs?(Xkhw65_*6wpMIH~LU z5U06i89iHwT{Fd(qyjJuzMFYX59>{N?9gJu+l2RI%w|4yb7X0QuWFeb|7v5?yWk+kOrBeaPa7jg5wzD(B~e literal 0 HcmV?d00001 diff --git a/src/App.jsx b/src/App.jsx index 7c3ac7c0..28966694 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -13,7 +13,7 @@ export const App = () => { - + {/* */} diff --git a/src/components/ToDoCounter.jsx b/src/components/ToDoCounter.jsx index f6dfcf0a..08ee4b34 100644 --- a/src/components/ToDoCounter.jsx +++ b/src/components/ToDoCounter.jsx @@ -1,23 +1,32 @@ -import { useStore } from "../stores/ToDoListStore" +// import { useStore } from "../stores/ToDoListStore" +import styled from "styled-components" export const ToDoCounter = () => { return ( <>
Your tasks
-
Active:
-
Done:
+ +
Active:
+
Done:
+ ) } -export const CounterComponent = () => { - const { count, increment } = useStore() +// export const CounterComponent = () => { +// const { count, increment } = useStore() - return ( -
-

Count: {count}

- -
- ) -} \ No newline at end of file +// return ( +//
+//

Count: {count}

+// +//
+// ) +// } + +const CounterContainer = styled.div` + display: flex; + flex-direction: row; + justify-content: space-between; +` \ No newline at end of file diff --git a/src/components/ToDoTasks.jsx b/src/components/ToDoTasks.jsx index 7bae0291..344b013e 100644 --- a/src/components/ToDoTasks.jsx +++ b/src/components/ToDoTasks.jsx @@ -1,7 +1,7 @@ -import useTaskStore from '../stores/AddNewTaskStore' +// import useTaskStore from '../stores/AddNewTaskStore' export const ToDoTasks = () => { - const { } = useTaskStore() + // const { } = useTaskStore() return ( <> diff --git a/src/main.jsx b/src/main.jsx index 7e5b729c..ff181e35 100644 --- a/src/main.jsx +++ b/src/main.jsx @@ -1,4 +1,6 @@ import { GlobalStyle } from "./styles/GlobalStyles" +import { ThemeProvider } from "styled-components" +import { theme } from "./styles/Theme" import ReactDOM from 'react-dom/client' import { App } from './App' @@ -7,10 +9,12 @@ import './index.css' ReactDOM.createRoot(document.getElementById('root')).render( <> + - + - + + ) \ No newline at end of file diff --git a/src/stores/AddNewTaskStore.jsx b/src/stores/AddNewTaskStore.jsx index 1253a33d..a8c4d5d7 100644 --- a/src/stores/AddNewTaskStore.jsx +++ b/src/stores/AddNewTaskStore.jsx @@ -1,11 +1,11 @@ -import create from "zustand"; +// import create from "zustand"; -export const useTasksStore = create(set => ({ - tasks: [], - addTask: (task) => set(state => ({ tasks: [...state.tasks, task] })), - removeTask: (index) => set(state => { - const newTasks = [...state.tasks] - newTasks.splice(index, 1) - return { tasks: newTasks } - }), -})) \ No newline at end of file +// export const useTasksStore = create(set => ({ +// tasks: [], +// addTask: (task) => set(state => ({ tasks: [...state.tasks, task] })), +// removeTask: (index) => set(state => { +// const newTasks = [...state.tasks] +// newTasks.splice(index, 1) +// return { tasks: newTasks } +// }), +// })) \ No newline at end of file diff --git a/src/stores/ToDoListStore.jsx b/src/stores/ToDoListStore.jsx index 96d7dae9..8f8732c3 100644 --- a/src/stores/ToDoListStore.jsx +++ b/src/stores/ToDoListStore.jsx @@ -1,6 +1,6 @@ -import create from 'zustand' +// import create from 'zustand' -export const useStore = create(set => ({ - count: 0, - increment: () => set(state => ({ count: state.count + 1 })), -})) +// export const useStore = create(set => ({ +// count: 0, +// increment: () => set(state => ({ count: state.count + 1 })), +// })) diff --git a/src/styles/GlobalStyles.js b/src/styles/GlobalStyles.js index de0ef148..932c29ed 100644 --- a/src/styles/GlobalStyles.js +++ b/src/styles/GlobalStyles.js @@ -4,10 +4,36 @@ export const GlobalStyle = createGlobalStyle` * { margin: 0; padding: 0; - color: rgba(30, 30, 30, 1); - font-style: normal; + box-sizing: border-box; } body { - background-color:rgba(249, 250, 252, 1); -}` \ No newline at end of file + background-color: ${({ theme }) => theme.colors.bgColor}; + font-family: 'Roboto', sans-serif; + color: ${({ theme }) => theme.colors.text}; + display: flex; + flex-direction: column; + align-items: center; + min-height: 100vh; + } + + h1 { + font-size: 32px; + font-weight: 700; + } + + h2 { + font-size: 24px; + font-weight: 700; + } + + h3 { + font-size: 18px; + font-weight: 700; + } + + p { + font-size: 16px; + font-weight: 400; + } +` \ No newline at end of file diff --git a/src/styles/Theme.js b/src/styles/Theme.js index e69de29b..88eaaa55 100644 --- a/src/styles/Theme.js +++ b/src/styles/Theme.js @@ -0,0 +1,18 @@ +export const theme = { + colors: { + bgColor: "#F9FAFC", + cardBg: "#ffffff", + iconColor: "#666666", + text: "#3C3C3C", + border: "#E3E3E3", + green: "#BDFF80", + yellow: "#FEEF69", + red: "#FFA0A0" + }, + + breakpoints: { + mobile: "(max-width: 480px)", + tablet: "(min-width: 481px) and (max-width: 1023px)", + desktop: "(min-width: 1024px)" + } +} \ No newline at end of file From 6af4c8702b4fc7fefaaf0137c86378d76035d964 Mon Sep 17 00:00:00 2001 From: Asako Kanno Date: Tue, 13 Jan 2026 21:58:22 +0100 Subject: [PATCH 04/12] add icons --- src/App.jsx | 2 +- src/components/ToDoCounter.jsx | 18 +++++++++--------- src/components/ToDoTasks.jsx | 4 ++-- src/stores/AddNewTaskStore.jsx | 21 +++++++++++---------- src/stores/ToDoListStore.jsx | 10 +++++----- 5 files changed, 28 insertions(+), 27 deletions(-) diff --git a/src/App.jsx b/src/App.jsx index 28966694..7c3ac7c0 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -13,7 +13,7 @@ export const App = () => { - {/* */} + diff --git a/src/components/ToDoCounter.jsx b/src/components/ToDoCounter.jsx index 08ee4b34..29cbaa36 100644 --- a/src/components/ToDoCounter.jsx +++ b/src/components/ToDoCounter.jsx @@ -14,16 +14,16 @@ export const ToDoCounter = () => { ) } -// export const CounterComponent = () => { -// const { count, increment } = useStore() +export const CounterComponent = () => { + const { count, increment } = useStore() -// return ( -//
-//

Count: {count}

-// -//
-// ) -// } + return ( +
+

Count: {count}

+ +
+ ) +} const CounterContainer = styled.div` display: flex; diff --git a/src/components/ToDoTasks.jsx b/src/components/ToDoTasks.jsx index 344b013e..7bae0291 100644 --- a/src/components/ToDoTasks.jsx +++ b/src/components/ToDoTasks.jsx @@ -1,7 +1,7 @@ -// import useTaskStore from '../stores/AddNewTaskStore' +import useTaskStore from '../stores/AddNewTaskStore' export const ToDoTasks = () => { - // const { } = useTaskStore() + const { } = useTaskStore() return ( <> diff --git a/src/stores/AddNewTaskStore.jsx b/src/stores/AddNewTaskStore.jsx index a8c4d5d7..5d3e7d9e 100644 --- a/src/stores/AddNewTaskStore.jsx +++ b/src/stores/AddNewTaskStore.jsx @@ -1,11 +1,12 @@ -// import create from "zustand"; +import create from "zustand"; -// export const useTasksStore = create(set => ({ -// tasks: [], -// addTask: (task) => set(state => ({ tasks: [...state.tasks, task] })), -// removeTask: (index) => set(state => { -// const newTasks = [...state.tasks] -// newTasks.splice(index, 1) -// return { tasks: newTasks } -// }), -// })) \ No newline at end of file +export const useTasksStore = create(set => ({ + tasks: [], + + addTask: (task) => set(state => ({ tasks: [...state.tasks, task] })), + removeTask: (index) => set(state => { + const newTasks = [...state.tasks] + newTasks.splice(index, 1) + return { tasks: newTasks } + }), +})) \ No newline at end of file diff --git a/src/stores/ToDoListStore.jsx b/src/stores/ToDoListStore.jsx index 8f8732c3..96d7dae9 100644 --- a/src/stores/ToDoListStore.jsx +++ b/src/stores/ToDoListStore.jsx @@ -1,6 +1,6 @@ -// import create from 'zustand' +import create from 'zustand' -// export const useStore = create(set => ({ -// count: 0, -// increment: () => set(state => ({ count: state.count + 1 })), -// })) +export const useStore = create(set => ({ + count: 0, + increment: () => set(state => ({ count: state.count + 1 })), +})) From daec89fe43346ce69ead15adf4f40db3e35f9824 Mon Sep 17 00:00:00 2001 From: Julia Date: Wed, 14 Jan 2026 16:40:31 +0100 Subject: [PATCH 05/12] Adds styling --- src/App.jsx | 14 +++++++++--- src/components/Header.jsx | 13 +++++++++-- src/components/ToDoCounter.jsx | 41 +++++++++++++++++++++------------- src/components/ToDoInput.jsx | 35 +++++++++++++++++++++++------ src/components/ToDoTasks.jsx | 8 +++---- src/index.css | 4 ++-- src/stores/AddNewTaskStore.jsx | 9 ++++---- src/stores/ToDoListStore.jsx | 10 ++++----- src/styles/GlobalStyles.js | 6 ++--- 9 files changed, 95 insertions(+), 45 deletions(-) diff --git a/src/App.jsx b/src/App.jsx index 7c3ac7c0..a9f84178 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -2,10 +2,11 @@ import { Header } from "./components/Header" import { ToDoInput } from "./components/ToDoInput" import { ToDoCounter } from "./components/ToDoCounter" import { ToDoTasks } from "./components/ToDoTasks" +import styled from "styled-components" export const App = () => { return ( - <> +
@@ -13,10 +14,17 @@ export const App = () => { - + {/* */} - + ) } + + +const AppWrapp = styled.main` + width: 75%; + max-width: 1200px; + min-width: 320px; +` \ No newline at end of file diff --git a/src/components/Header.jsx b/src/components/Header.jsx index ed35a973..127d7544 100644 --- a/src/components/Header.jsx +++ b/src/components/Header.jsx @@ -1,10 +1,19 @@ +import styled from "styled-components" + export const Header = () => { return ( - <> +

TODO LIST

- + ) } + +const StyledDiv = styled.div` + display: flex; + flex-direction: column; + align-items: center; + margin-top: 50px; +` \ No newline at end of file diff --git a/src/components/ToDoCounter.jsx b/src/components/ToDoCounter.jsx index 29cbaa36..77c61a84 100644 --- a/src/components/ToDoCounter.jsx +++ b/src/components/ToDoCounter.jsx @@ -4,29 +4,40 @@ import styled from "styled-components" export const ToDoCounter = () => { return ( - <> -
Your tasks
+ +

Your tasks

-
Active:
-
Done:
+

Active:

+

Done:

- + ) } -export const CounterComponent = () => { - const { count, increment } = useStore() +// export const CounterComponent = () => { +// const { count, increment } = useStore() - return ( -
-

Count: {count}

- -
- ) -} +// return ( +//
+//

Count: {count}

+// +//
+// ) +// } + +const StyledDiv = styled.div` + margin-top: 20px; + margin-bottom: 15px; +` const CounterContainer = styled.div` display: flex; flex-direction: row; justify-content: space-between; -` \ No newline at end of file +` + +const TaskBox = styled.div` + border: 2px solid #E3E3E3; + padding: 15px; + width: 45%; + ` \ No newline at end of file diff --git a/src/components/ToDoInput.jsx b/src/components/ToDoInput.jsx index 5460ab10..2c22d5f1 100644 --- a/src/components/ToDoInput.jsx +++ b/src/components/ToDoInput.jsx @@ -1,17 +1,38 @@ +import styled from "styled-components" + export const ToDoInput = () => { return ( - <> - + - - - + + ) } + +const StyledDiv = styled.div` + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + border: 2px solid #E3E3E3; + padding: 5px; + margin-top: 15px; + ` + +const StyledInput = styled.input` + flex: 1; + border: none; + min-height: 60px; + ` + +const StyledButton = styled.button` + border: none; + ` \ No newline at end of file diff --git a/src/components/ToDoTasks.jsx b/src/components/ToDoTasks.jsx index 7bae0291..b388b725 100644 --- a/src/components/ToDoTasks.jsx +++ b/src/components/ToDoTasks.jsx @@ -1,11 +1,11 @@ -import useTaskStore from '../stores/AddNewTaskStore' +// import useTaskStore from '../stores/AddNewTaskStore' export const ToDoTasks = () => { - const { } = useTaskStore() + // const { } = useTaskStore() return ( <> -
ToDoTasks
+

ToDoTasks

) -} +} \ No newline at end of file diff --git a/src/index.css b/src/index.css index f71d1917..e64cf27a 100644 --- a/src/index.css +++ b/src/index.css @@ -1,3 +1,3 @@ -:root { +/* :root { font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif; -} \ No newline at end of file +} */ \ No newline at end of file diff --git a/src/stores/AddNewTaskStore.jsx b/src/stores/AddNewTaskStore.jsx index 5d3e7d9e..3e85736e 100644 --- a/src/stores/AddNewTaskStore.jsx +++ b/src/stores/AddNewTaskStore.jsx @@ -1,12 +1,13 @@ -import create from "zustand"; +import { create } from "zustand" export const useTasksStore = create(set => ({ tasks: [], - - addTask: (task) => set(state => ({ tasks: [...state.tasks, task] })), + + addTask: (text) => set(state => ({ tasks: [...state.tasks, { text, completed: false, index: Date.now() }] })), removeTask: (index) => set(state => { const newTasks = [...state.tasks] newTasks.splice(index, 1) - return { tasks: newTasks } }), + // return { tasks: newTasks } + toggleTodo: (index) => set((state) => ({ tasks: state.tasks.map(t => t.index === index ? { ...t, completed: !t.completed } : t) })), })) \ No newline at end of file diff --git a/src/stores/ToDoListStore.jsx b/src/stores/ToDoListStore.jsx index 96d7dae9..8f8732c3 100644 --- a/src/stores/ToDoListStore.jsx +++ b/src/stores/ToDoListStore.jsx @@ -1,6 +1,6 @@ -import create from 'zustand' +// import create from 'zustand' -export const useStore = create(set => ({ - count: 0, - increment: () => set(state => ({ count: state.count + 1 })), -})) +// export const useStore = create(set => ({ +// count: 0, +// increment: () => set(state => ({ count: state.count + 1 })), +// })) diff --git a/src/styles/GlobalStyles.js b/src/styles/GlobalStyles.js index 932c29ed..1af0e287 100644 --- a/src/styles/GlobalStyles.js +++ b/src/styles/GlobalStyles.js @@ -19,17 +19,17 @@ body { h1 { font-size: 32px; - font-weight: 700; + font-weight: 300; /* Changed this for the design */ } h2 { font-size: 24px; - font-weight: 700; + font-weight: 300; } h3 { font-size: 18px; - font-weight: 700; + font-weight: 300; } p { From 8f3a88ec05bbe250125fe4ee8dd53ccde423c984 Mon Sep 17 00:00:00 2001 From: Julia Date: Thu, 15 Jan 2026 17:18:56 +0100 Subject: [PATCH 06/12] Adds animation --- package.json | 1 + .../Animation.json | 0 src/App.jsx | 16 +--- src/components/Header.jsx | 12 ++- src/components/Lottie.jsx | 23 ++++++ src/components/ToDoCounter.jsx | 23 ++---- src/components/ToDoInput.jsx | 32 +++++++- src/components/ToDoTasks.jsx | 74 ++++++++++++++++++- src/stores/AddNewTaskStore.jsx | 13 ---- src/stores/ToDoListStore.jsx | 6 -- src/stores/tasksStore.jsx | 49 ++++++++++++ src/styles/GlobalStyles.js | 9 ++- src/styles/Theme.js | 3 +- 13 files changed, 201 insertions(+), 60 deletions(-) rename public/Animation - empty.json => src/Animation.json (100%) create mode 100644 src/components/Lottie.jsx delete mode 100644 src/stores/AddNewTaskStore.jsx delete mode 100644 src/stores/ToDoListStore.jsx create mode 100644 src/stores/tasksStore.jsx diff --git a/package.json b/package.json index 62a5a956..5c7395fa 100644 --- a/package.json +++ b/package.json @@ -10,6 +10,7 @@ "preview": "vite preview" }, "dependencies": { + "lottie-react": "^2.4.1", "react": "^19.0.0", "react-dom": "^19.0.0", "styled-components": "^6.3.6", diff --git a/public/Animation - empty.json b/src/Animation.json similarity index 100% rename from public/Animation - empty.json rename to src/Animation.json diff --git a/src/App.jsx b/src/App.jsx index a9f84178..24c6ed8f 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -2,11 +2,10 @@ import { Header } from "./components/Header" import { ToDoInput } from "./components/ToDoInput" import { ToDoCounter } from "./components/ToDoCounter" import { ToDoTasks } from "./components/ToDoTasks" -import styled from "styled-components" export const App = () => { return ( - + <>
@@ -14,17 +13,8 @@ export const App = () => { - {/* */} - - + ) -} - - -const AppWrapp = styled.main` - width: 75%; - max-width: 1200px; - min-width: 320px; -` \ No newline at end of file +} \ No newline at end of file diff --git a/src/components/Header.jsx b/src/components/Header.jsx index 127d7544..6d915f4b 100644 --- a/src/components/Header.jsx +++ b/src/components/Header.jsx @@ -6,7 +6,9 @@ export const Header = () => { -

TODO LIST

+ +

TODO LIST

+ ) } @@ -15,5 +17,13 @@ const StyledDiv = styled.div` display: flex; flex-direction: column; align-items: center; + justify-content: center; margin-top: 50px; +` + +const StyledText = styled.div` + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; ` \ No newline at end of file diff --git a/src/components/Lottie.jsx b/src/components/Lottie.jsx new file mode 100644 index 00000000..36c8e5ac --- /dev/null +++ b/src/components/Lottie.jsx @@ -0,0 +1,23 @@ +import Lottie from "lottie-react" +import Animation from "../Animation.json" + +export const LottieAnime = () => { + const options = { + animationData: Animation, + style: { + height: 500, + margin: "0 auto", + }, + loop: true, + autoplay: true + } + + return ( + + ) +} \ No newline at end of file diff --git a/src/components/ToDoCounter.jsx b/src/components/ToDoCounter.jsx index 77c61a84..e8792a32 100644 --- a/src/components/ToDoCounter.jsx +++ b/src/components/ToDoCounter.jsx @@ -1,4 +1,4 @@ -// import { useStore } from "../stores/ToDoListStore" +// import { useTasksStore } from "../stores/tasksStore" import styled from "styled-components" export const ToDoCounter = () => { @@ -14,20 +14,9 @@ export const ToDoCounter = () => { ) } -// export const CounterComponent = () => { -// const { count, increment } = useStore() - -// return ( -//
-//

Count: {count}

-// -//
-// ) -// } - const StyledDiv = styled.div` - margin-top: 20px; - margin-bottom: 15px; + margin-top: 40px; + margin-bottom: 20px; ` const CounterContainer = styled.div` @@ -37,7 +26,9 @@ const CounterContainer = styled.div` ` const TaskBox = styled.div` - border: 2px solid #E3E3E3; + border: 2px solid ${({ theme }) => theme.colors.border}; + border-radius: 5px; padding: 15px; width: 45%; - ` \ No newline at end of file + background-color: ${({ theme }) => theme.colors.cardBg}; +` \ No newline at end of file diff --git a/src/components/ToDoInput.jsx b/src/components/ToDoInput.jsx index 2c22d5f1..87137e82 100644 --- a/src/components/ToDoInput.jsx +++ b/src/components/ToDoInput.jsx @@ -1,38 +1,62 @@ +import { useState } from "react"; +import { useTasksStore } from '../stores/tasksStore' import styled from "styled-components" + export const ToDoInput = () => { + // const tasks = useTasksStore((state) => state.tasks) + const addTask = useTasksStore((state) => state.addTask) + const [newTask, setNewTask] = useState({ text: "", done: false }) + const isValid = newTask.text.length >= 1 + + + const handleAddTask = (event) => { + event.preventDefault() + if (!isValid) return + addTask(newTask) + setNewTask({ text: "" }) + } + return ( setNewTask({ ...newTask, text: e.target.value })} // placeholder="Add a new task..." /> - + - + ) } + const StyledDiv = styled.div` display: flex; flex-direction: row; justify-content: space-between; align-items: center; - border: 2px solid #E3E3E3; + border: 2px solid ${({ theme }) => theme.colors.border}; + border-radius: 5px; padding: 5px; margin-top: 15px; ` -const StyledInput = styled.input` +const StyledInput = styled.textarea` flex: 1; border: none; min-height: 60px; + padding: 5px; + font-size: 18px; ` const StyledButton = styled.button` border: none; + padding-left: 3px; + background-color: ${({ theme }) => theme.colors.cardBg}; ` \ No newline at end of file diff --git a/src/components/ToDoTasks.jsx b/src/components/ToDoTasks.jsx index b388b725..a93c7504 100644 --- a/src/components/ToDoTasks.jsx +++ b/src/components/ToDoTasks.jsx @@ -1,11 +1,77 @@ -// import useTaskStore from '../stores/AddNewTaskStore' +import { useTasksStore } from '../stores/tasksStore' +import styled from "styled-components" +import { LottieAnime } from './Lottie' + export const ToDoTasks = () => { - // const { } = useTaskStore() + const tasks = useTasksStore((state) => state.tasks); + const removeTask = useTasksStore((state) => state.removeTask) + // const isActive = useTasksStore((state) => state.isActive) + + const handleRemoveTask = (taskToRemove) => { + removeTask(taskToRemove); + }; + + const handleOnTaskChange = (checked, task) => { + console.log('checked', checked) + // modify with task store + } return ( <> -

ToDoTasks

+ {tasks.length === 0 ? ( + + ) : ( +
    + {tasks.map((task, index) => ( + + + handleOnTaskChange(event.target.checked, task)} + /> + {task.text} + + handleRemoveTask(task)}> + Remove button + + + ))} +
+ )} ) -} \ No newline at end of file +} + +const StyledLi = styled.li` + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + background-color: ${({ theme }) => theme.colors.cardBg}; + border: 2px solid ${({ theme }) => theme.colors.border}; + border-radius: 5px; + list-style: none; + padding: 10px; + margin-top: 15px; +` + +const StyledCheckbox = styled.input` + width: 25px; + height: 25px; + margin-right: 10px; + accent-color: ${({ theme }) => theme.colors.iconBlue}; +` + +const StyledButton = styled.button` + border: none; + background-color: ${({ theme }) => theme.colors.cardBg}; +` + +const StyledSpan = styled.label` + display: flex; + flex-direction: row; + align-items: center; +` \ No newline at end of file diff --git a/src/stores/AddNewTaskStore.jsx b/src/stores/AddNewTaskStore.jsx deleted file mode 100644 index 3e85736e..00000000 --- a/src/stores/AddNewTaskStore.jsx +++ /dev/null @@ -1,13 +0,0 @@ -import { create } from "zustand" - -export const useTasksStore = create(set => ({ - tasks: [], - - addTask: (text) => set(state => ({ tasks: [...state.tasks, { text, completed: false, index: Date.now() }] })), - removeTask: (index) => set(state => { - const newTasks = [...state.tasks] - newTasks.splice(index, 1) - }), - // return { tasks: newTasks } - toggleTodo: (index) => set((state) => ({ tasks: state.tasks.map(t => t.index === index ? { ...t, completed: !t.completed } : t) })), -})) \ No newline at end of file diff --git a/src/stores/ToDoListStore.jsx b/src/stores/ToDoListStore.jsx deleted file mode 100644 index 8f8732c3..00000000 --- a/src/stores/ToDoListStore.jsx +++ /dev/null @@ -1,6 +0,0 @@ -// import create from 'zustand' - -// export const useStore = create(set => ({ -// count: 0, -// increment: () => set(state => ({ count: state.count + 1 })), -// })) diff --git a/src/stores/tasksStore.jsx b/src/stores/tasksStore.jsx new file mode 100644 index 00000000..d2ef17fc --- /dev/null +++ b/src/stores/tasksStore.jsx @@ -0,0 +1,49 @@ +import { create } from "zustand" + +export const useTasksStore = create((set, get) => ({ + tasks: [ + { id: 1, text: "Make this project" }, + { id: 2, text: "Have fun" } + ], + + // isActive: true, + + addTask: (newTask) => { + const taskListLength = get().tasks.length + + const taskToAdd = { + ...newTask, + id: taskListLength + 1, + } + + return set((state) => ({ + tasks: [...state.tasks, taskToAdd], + })) + }, + + removeTask: (taskToRemove) => { + + + return set((state) => { + const newTasks = state.tasks.filter((t) => t.id !== taskToRemove.id); + + return { + tasks: newTasks, + }; + }); + }, + + // toggleTask: () => set{(state) => ({ isActive: !state.isActive })} + + + + + + // set(state => ({ tasks: [...state.tasks, { text, completed: false, index: Date.now() }] })), + // removeTask: (index) => set(state => { + // const newTasks = [...state.tasks] + // newTasks.splice(index, 1) + // }), + // // return { tasks: newTasks } + // toggleTodo: (index) => set((state) => ({ tasks: state.tasks.map(t => t.index === index ? { ...t, completed: !t.completed } : t) })), +})) \ No newline at end of file diff --git a/src/styles/GlobalStyles.js b/src/styles/GlobalStyles.js index 1af0e287..45044b26 100644 --- a/src/styles/GlobalStyles.js +++ b/src/styles/GlobalStyles.js @@ -5,6 +5,11 @@ export const GlobalStyle = createGlobalStyle` margin: 0; padding: 0; box-sizing: border-box; + /* min-width: 40%; */ +} + + #root { + width: 40%; } body { @@ -14,12 +19,12 @@ body { display: flex; flex-direction: column; align-items: center; - min-height: 100vh; + /* min-height: 100vh; */ } h1 { font-size: 32px; - font-weight: 300; /* Changed this for the design */ + font-weight: 300; } h2 { diff --git a/src/styles/Theme.js b/src/styles/Theme.js index 88eaaa55..a864d89a 100644 --- a/src/styles/Theme.js +++ b/src/styles/Theme.js @@ -7,7 +7,8 @@ export const theme = { border: "#E3E3E3", green: "#BDFF80", yellow: "#FEEF69", - red: "#FFA0A0" + red: "#FFA0A0", + iconBlue: "#3B75FF" }, breakpoints: { From 2a9a0e4a2bfbec45c03031225461fbacd8a4478f Mon Sep 17 00:00:00 2001 From: Julia Date: Thu, 15 Jan 2026 17:27:09 +0100 Subject: [PATCH 07/12] Accessibility fixes --- src/components/ToDoInput.jsx | 8 +++++--- src/components/ToDoTasks.jsx | 7 ++++--- 2 files changed, 9 insertions(+), 6 deletions(-) diff --git a/src/components/ToDoInput.jsx b/src/components/ToDoInput.jsx index 87137e82..5226877b 100644 --- a/src/components/ToDoInput.jsx +++ b/src/components/ToDoInput.jsx @@ -2,7 +2,6 @@ import { useState } from "react"; import { useTasksStore } from '../stores/tasksStore' import styled from "styled-components" - export const ToDoInput = () => { // const tasks = useTasksStore((state) => state.tasks) const addTask = useTasksStore((state) => state.addTask) @@ -23,9 +22,12 @@ export const ToDoInput = () => { type="text" value={newTask.text} onChange={(e) => setNewTask({ ...newTask, text: e.target.value })} - // placeholder="Add a new task..." + placeholder="Add a new task..." /> - + diff --git a/src/components/ToDoTasks.jsx b/src/components/ToDoTasks.jsx index a93c7504..6e397d81 100644 --- a/src/components/ToDoTasks.jsx +++ b/src/components/ToDoTasks.jsx @@ -9,8 +9,8 @@ export const ToDoTasks = () => { // const isActive = useTasksStore((state) => state.isActive) const handleRemoveTask = (taskToRemove) => { - removeTask(taskToRemove); - }; + removeTask(taskToRemove) + } const handleOnTaskChange = (checked, task) => { console.log('checked', checked) @@ -34,7 +34,8 @@ export const ToDoTasks = () => { /> {task.text} - handleRemoveTask(task)}> + handleRemoveTask(task)}> Remove button From 74eab659cadd9532af102e4720f706ab6987264a Mon Sep 17 00:00:00 2001 From: Julia Date: Thu, 15 Jan 2026 17:42:03 +0100 Subject: [PATCH 08/12] Fixes responsivness --- src/styles/GlobalStyles.js | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/src/styles/GlobalStyles.js b/src/styles/GlobalStyles.js index 45044b26..c2f12692 100644 --- a/src/styles/GlobalStyles.js +++ b/src/styles/GlobalStyles.js @@ -5,11 +5,17 @@ export const GlobalStyle = createGlobalStyle` margin: 0; padding: 0; box-sizing: border-box; - /* min-width: 40%; */ } #root { width: 40%; + + @media ${({ theme }) => theme.breakpoints.mobile} { + width: 80%; + } + @media ${({ theme }) => theme.breakpoints.tablet} { + width: 409px; + } } body { @@ -19,7 +25,6 @@ body { display: flex; flex-direction: column; align-items: center; - /* min-height: 100vh; */ } h1 { From 57364db9937ed5fa3d0f16309e7b1e55f4c0e903 Mon Sep 17 00:00:00 2001 From: Julia Date: Fri, 16 Jan 2026 10:59:19 +0100 Subject: [PATCH 09/12] Creates counter --- src/App.jsx | 4 ++-- src/components/ToDoCounter.jsx | 14 +++++++++----- src/components/ToDoTasks.jsx | 17 ++++++++--------- src/stores/tasksStore.jsx | 27 +++++++++------------------ 4 files changed, 28 insertions(+), 34 deletions(-) diff --git a/src/App.jsx b/src/App.jsx index 24c6ed8f..8f301bd0 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -1,6 +1,6 @@ import { Header } from "./components/Header" import { ToDoInput } from "./components/ToDoInput" -import { ToDoCounter } from "./components/ToDoCounter" +import { CountTasks } from "./components/ToDoCounter" import { ToDoTasks } from "./components/ToDoTasks" export const App = () => { @@ -11,7 +11,7 @@ export const App = () => { - + diff --git a/src/components/ToDoCounter.jsx b/src/components/ToDoCounter.jsx index e8792a32..deab55f6 100644 --- a/src/components/ToDoCounter.jsx +++ b/src/components/ToDoCounter.jsx @@ -1,14 +1,17 @@ -// import { useTasksStore } from "../stores/tasksStore" import styled from "styled-components" +import { useTasksStore } from "../stores/tasksStore" -export const ToDoCounter = () => { +export const CountTasks = () => { + + const active = useTasksStore((s) => s.tasks.filter((t) => !t.done).length) + const done = useTasksStore((s) => s.tasks.filter((t) => t.done).length) return (

Your tasks

-

Active:

-

Done:

+

Active: {active}

 +

Done: {done}

 ) @@ -31,4 +34,5 @@ const TaskBox = styled.div` padding: 15px; width: 45%; background-color: ${({ theme }) => theme.colors.cardBg}; -` \ No newline at end of file +` + diff --git a/src/components/ToDoTasks.jsx b/src/components/ToDoTasks.jsx index 6e397d81..1fc33fac 100644 --- a/src/components/ToDoTasks.jsx +++ b/src/components/ToDoTasks.jsx @@ -2,19 +2,17 @@ import { useTasksStore } from '../stores/tasksStore' import styled from "styled-components" import { LottieAnime } from './Lottie' - export const ToDoTasks = () => { const tasks = useTasksStore((state) => state.tasks); const removeTask = useTasksStore((state) => state.removeTask) - // const isActive = useTasksStore((state) => state.isActive) + const toggleTask = useTasksStore((state) => state.toggleTask) const handleRemoveTask = (taskToRemove) => { removeTask(taskToRemove) } - const handleOnTaskChange = (checked, task) => { - console.log('checked', checked) - // modify with task store + const handleOnTaskChange = (_, task) => { + toggleTask(task); } return ( @@ -28,14 +26,15 @@ export const ToDoTasks = () => { handleOnTaskChange(event.target.checked, task)} + onChange={(e) => handleOnTaskChange(e.target.checked, task)} + checked={task.done} /> {task.text} handleRemoveTask(task)}> + onClick={() => handleRemoveTask(task)} + aria-label="Remove button" + > Remove button diff --git a/src/stores/tasksStore.jsx b/src/stores/tasksStore.jsx index d2ef17fc..2052f8fb 100644 --- a/src/stores/tasksStore.jsx +++ b/src/stores/tasksStore.jsx @@ -2,18 +2,16 @@ import { create } from "zustand" export const useTasksStore = create((set, get) => ({ tasks: [ - { id: 1, text: "Make this project" }, - { id: 2, text: "Have fun" } + { id: 1, text: "Make this project", done: false }, + { id: 2, text: "Have fun", done: false } ], - // isActive: true, - addTask: (newTask) => { const taskListLength = get().tasks.length const taskToAdd = { ...newTask, - id: taskListLength + 1, + id: taskListLength + 1, done: false } return set((state) => ({ @@ -23,7 +21,6 @@ export const useTasksStore = create((set, get) => ({ removeTask: (taskToRemove) => { - return set((state) => { const newTasks = state.tasks.filter((t) => t.id !== taskToRemove.id); @@ -33,17 +30,11 @@ export const useTasksStore = create((set, get) => ({ }); }, - // toggleTask: () => set{(state) => ({ isActive: !state.isActive })} - - - - + toggleTask: (taskToToggle) => - // set(state => ({ tasks: [...state.tasks, { text, completed: false, index: Date.now() }] })), - // removeTask: (index) => set(state => { - // const newTasks = [...state.tasks] - // newTasks.splice(index, 1) - // }), - // // return { tasks: newTasks } - // toggleTodo: (index) => set((state) => ({ tasks: state.tasks.map(t => t.index === index ? { ...t, completed: !t.completed } : t) })), + set((state) => ({ + tasks: state.tasks.map((t) => + t.id === taskToToggle.id ? { ...t, done: !t.done } : t + ), + })), })) \ No newline at end of file From 9f45143b7898c4205376e34845639faacd1297d4 Mon Sep 17 00:00:00 2001 From: Julia Date: Fri, 16 Jan 2026 11:52:19 +0100 Subject: [PATCH 10/12] Adds footer --- README.md | 4 +++- src/App.jsx | 3 +++ src/components/Footer.jsx | 19 +++++++++++++++++++ 3 files changed, 25 insertions(+), 1 deletion(-) create mode 100644 src/components/Footer.jsx diff --git a/README.md b/README.md index d1c68b57..3916e083 100644 --- a/README.md +++ b/README.md @@ -1 +1,3 @@ -# Todo \ No newline at end of file +# Todo + +Netlify-link: https://project-todo-aj.netlify.app/ \ No newline at end of file diff --git a/src/App.jsx b/src/App.jsx index 8f301bd0..ea6876ea 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -2,6 +2,7 @@ import { Header } from "./components/Header" import { ToDoInput } from "./components/ToDoInput" import { CountTasks } from "./components/ToDoCounter" import { ToDoTasks } from "./components/ToDoTasks" +import { Footer } from "./components/Footer" export const App = () => { return ( @@ -15,6 +16,8 @@ export const App = () => { +