From 2a18019a9b0ea4581098c5f07db5b89d990cf8c6 Mon Sep 17 00:00:00 2001 From: "SK\\ssssk" Date: Mon, 8 Jul 2024 10:55:41 +0900 Subject: [PATCH 1/3] =?UTF-8?q?url=20=EC=A3=BC=EC=86=8C=EC=97=90=EC=84=9C?= =?UTF-8?q?=20=EC=BF=BC=EB=A6=AC=EC=8A=A4=ED=8A=B8=EB=A7=81=20=ED=8C=8C?= =?UTF-8?q?=EB=9D=BC=EB=AF=B8=ED=84=B0=EB=A5=BC=20=EA=B0=9D=EC=B2=B4?= =?UTF-8?q?=EB=A1=9C=20=EB=A7=8C=EB=93=A4=EC=96=B4=EC=A3=BC=EB=8A=94=20?= =?UTF-8?q?=ED=95=A8=EC=88=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/utils/UrlQueryStringToObject.ts | 25 +++++++++++++++++++++++++ 1 file changed, 25 insertions(+) create mode 100644 src/utils/UrlQueryStringToObject.ts diff --git a/src/utils/UrlQueryStringToObject.ts b/src/utils/UrlQueryStringToObject.ts new file mode 100644 index 00000000..fab151bb --- /dev/null +++ b/src/utils/UrlQueryStringToObject.ts @@ -0,0 +1,25 @@ +/** + * @description 주소에서 parameter 부분을 빼서 객체로 + */ + +interface IObjectKeys { + [key: string]: string | number | undefined; +} + +const UrlQueryStringToObject = ( + url?: string, +): T | undefined => { + const obj: IObjectKeys = {}; + const _url = url || window.document.location.href; + const queryString = _url.substring(_url.indexOf("?") + 1, _url.length); + queryString.split("&").map((i) => { + const [key, value] = i.split("="); + obj[key] = decodeURIComponent(value); + }); + if (_url.indexOf("?") === -1) { + return undefined; + } + return obj as T; +}; + +export default UrlQueryStringToObject; From 0dc4a1494ea598859e4680d13b8fcd18a9e9754d Mon Sep 17 00:00:00 2001 From: "SK\\ssssk" Date: Mon, 8 Jul 2024 10:56:43 +0900 Subject: [PATCH 2/3] =?UTF-8?q?auth=20zustand=20=20=EC=8A=A4=ED=86=A0?= =?UTF-8?q?=EC=96=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/store/authStore.ts | 54 ++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 54 insertions(+) create mode 100644 src/store/authStore.ts diff --git a/src/store/authStore.ts b/src/store/authStore.ts new file mode 100644 index 00000000..dd3a7795 --- /dev/null +++ b/src/store/authStore.ts @@ -0,0 +1,54 @@ +import { StateCreator, create } from "zustand"; +import { devtools } from "zustand/middleware"; + +// 1. 상태 인터페이스 정의 +interface AuthState { + id: number; + userStatus: string; // "활성화" | "휴먼" | "삭제" | "관리자" | ""; + nickname: string; + name: string; + age: number; // 연도 + sex: string; + email: string; + phoneNumber: string; + isAdmin: boolean; + createdAt: string; +} + +// 2. 액션 인터페이스 정의 +interface AuthActions { + initialize: () => void; + setUser: (data: Partial) => void; +} + +// 3. 초기 상태 정의 +const initialState: AuthState = { + id: NaN, + userStatus: "", + nickname: "", + name: "", + age: 0, + sex: "", + email: "", + phoneNumber: "", + isAdmin: false, + createdAt: "", +}; + +// 4. 상태 및 액션 생성 +const authStore: StateCreator = (set, get) => ({ + ...initialState, + initialize: () => set(initialState), + setUser: (data) => + set(() => ({ + ...data, + })), +}); + +const useAuthStore = create()( + process.env.NODE_ENV === "development" ? devtools(authStore) : authStore, +); + +export type useAuthStoreType = AuthState & AuthActions; + +export default useAuthStore; From 0bca798ca269d328cc84ec97fe90ed9e8b38a510 Mon Sep 17 00:00:00 2001 From: "SK\\ssssk" Date: Mon, 8 Jul 2024 11:00:42 +0900 Subject: [PATCH 3/3] =?UTF-8?q?oauth=20=EC=B2=98=EB=A6=AC=20=EC=B4=88?= =?UTF-8?q?=EA=B8=B0=20=EC=9E=91=EC=97=85?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/lottie/loading-airplane.json | 1 + src/app/auth/loading/kakao/page.tsx | 9 +++ src/app/auth/signin/page.tsx | 81 +--------------------- src/components/auth/AuthLoading.tsx | 21 ++++++ src/components/auth/SignIn.tsx | 81 ++++++++++++++++++++++ src/containers/auth/AuthKaKaoContainer.tsx | 54 +++++++++++++++ src/containers/auth/SignInContainer.tsx | 12 ++++ 7 files changed, 180 insertions(+), 79 deletions(-) create mode 100644 public/lottie/loading-airplane.json create mode 100644 src/app/auth/loading/kakao/page.tsx create mode 100644 src/components/auth/AuthLoading.tsx create mode 100644 src/components/auth/SignIn.tsx create mode 100644 src/containers/auth/AuthKaKaoContainer.tsx create mode 100644 src/containers/auth/SignInContainer.tsx diff --git a/public/lottie/loading-airplane.json b/public/lottie/loading-airplane.json new file mode 100644 index 00000000..9ad589ad --- /dev/null +++ b/public/lottie/loading-airplane.json @@ -0,0 +1 @@ +{"v":"5.5.7","meta":{"g":"LottieFiles AE 0.1.21","a":"","k":"","d":"","tc":""},"fr":30,"ip":30,"op":150,"w":800,"h":800,"nm":"plane2","ddd":0,"assets":[{"id":"comp_0","layers":[{"ddd":0,"ind":1,"ty":0,"nm":"Avion2","refId":"comp_1","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":0,"s":[20]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":55,"s":[-20]},{"t":120,"s":[20]}],"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":0,"s":[320,400,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":55,"s":[480,400,0],"to":[0,0,0],"ti":[0,0,0]},{"t":120,"s":[320,400,0]}],"ix":2},"a":{"a":0,"k":[600,600,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"w":1200,"h":1200,"ip":0,"op":120,"st":-10,"bm":0}]},{"id":"comp_1","layers":[{"ddd":0,"ind":1,"ty":0,"nm":"avion1","refId":"comp_2","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[600,600,0],"ix":2},"a":{"a":0,"k":[1800,1800,0],"ix":1},"s":{"a":0,"k":[-25,25,100],"ix":6}},"ao":0,"w":3600,"h":3600,"ip":180,"op":240,"st":180,"bm":0},{"ddd":0,"ind":2,"ty":0,"nm":"avion1","refId":"comp_2","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[600,600,0],"ix":2},"a":{"a":0,"k":[1800,1800,0],"ix":1},"s":{"a":0,"k":[25,25,100],"ix":6}},"ao":0,"w":3600,"h":3600,"ip":120,"op":180,"st":120,"bm":0},{"ddd":0,"ind":3,"ty":0,"nm":"avion1","refId":"comp_2","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[600,600,0],"ix":2},"a":{"a":0,"k":[1800,1800,0],"ix":1},"s":{"a":0,"k":[-25,25,100],"ix":6}},"ao":0,"w":3600,"h":3600,"ip":60,"op":120,"st":60,"bm":0},{"ddd":0,"ind":4,"ty":0,"nm":"avion1","refId":"comp_2","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[600,600,0],"ix":2},"a":{"a":0,"k":[1800,1800,0],"ix":1},"s":{"a":0,"k":[25,25,100],"ix":6}},"ao":0,"w":3600,"h":3600,"ip":0,"op":60,"st":0,"bm":0},{"ddd":0,"ind":5,"ty":0,"nm":"Comp 7","refId":"comp_4","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.167,"y":0.167},"t":120,"s":[631,520,0],"to":[-17.29,-3.705,0],"ti":[0,1.295,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":150,"s":[461,520,0],"to":[0,-5,0],"ti":[-28.333,0,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.333,"y":0},"t":210,"s":[731,520,0],"to":[28.333,0,0],"ti":[23.333,5,0]},{"t":240,"s":[631,520,0]}],"ix":2},"a":{"a":0,"k":[400,400,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"w":800,"h":800,"ip":120,"op":240,"st":120,"bm":0},{"ddd":0,"ind":6,"ty":0,"nm":"Comp 7","refId":"comp_4","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.167,"y":0.167},"t":0,"s":[631,520,0],"to":[-17.29,-3.705,0],"ti":[0,1.295,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":30,"s":[461,520,0],"to":[0,-5,0],"ti":[-28.333,0,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.333,"y":0},"t":90,"s":[731,520,0],"to":[28.333,0,0],"ti":[23.333,5,0]},{"t":120,"s":[631,520,0]}],"ix":2},"a":{"a":0,"k":[400,400,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"w":800,"h":800,"ip":0,"op":120,"st":0,"bm":0}]},{"id":"comp_2","layers":[{"ddd":0,"ind":1,"ty":4,"nm":"axe","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.167,"y":0.167},"t":0,"s":[1800,1800,0],"to":[71,0,0],"ti":[0,0,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.333,"y":0},"t":30,"s":[2226,1800,0],"to":[0,0,0],"ti":[71,0,0]},{"t":60,"s":[1800,1800,0]}],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0,0]},"t":0,"s":[100,100,100]},{"i":{"x":[0.833,0.833,0.833],"y":[0.833,1,1]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"t":30,"s":[80,100,100]},{"t":60,"s":[100,100,100]}],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"d":1,"ty":"el","s":{"a":0,"k":[52,52],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"nm":"Ellipse Path 1","mn":"ADBE Vector Shape - Ellipse","hd":false},{"ty":"st","c":{"a":0,"k":[0.007843137719,0.160784319043,0.019607843831,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":10,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0.419607877731,0.419607877731,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[300,300],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Oval Copy 11","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":60,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":0,"nm":"helice Comp 1","refId":"comp_3","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.167,"y":0.167},"t":0,"s":[1800,1800,0],"to":[62.333,0,0],"ti":[0,0,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.333,"y":0},"t":30,"s":[2174,1800,0],"to":[0,0,0],"ti":[62.333,0,0]},{"t":60,"s":[1800,1800,0]}],"ix":2},"a":{"a":0,"k":[1800,1800,0],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0,0]},"t":0,"s":[100,100,100]},{"i":{"x":[0.833,0.833,0.833],"y":[0.833,1,1]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"t":30,"s":[80,100,100]},{"t":60,"s":[100,100,100]}],"ix":6}},"ao":0,"w":3600,"h":3600,"ip":0,"op":60,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":"trou","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.167,"y":0.167},"t":0,"s":[1800,1806,0],"to":[56.833,0,0],"ti":[0,0,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.333,"y":0},"t":30,"s":[2141,1806,0],"to":[0,0,0],"ti":[56.833,0,0]},{"t":60,"s":[1800,1806,0]}],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0,0]},"t":0,"s":[100,100,100]},{"i":{"x":[0.833,0.833,0.833],"y":[0.833,1,1]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"t":30,"s":[80,100,100]},{"t":60,"s":[100,100,100]}],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"d":1,"ty":"el","s":{"a":0,"k":[104,104],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"nm":"Ellipse Path 1","mn":"ADBE Vector Shape - Ellipse","hd":false},{"ty":"st","c":{"a":0,"k":[0.007843137719,0.160784319043,0.019607843831,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":10,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.007843137719,0.160784319043,0.019607843831,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[300,300],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Oval Copy","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":60,"st":0,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":"Aile 1dessus 2","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.167,"y":0.167},"t":0,"s":[1065.779,1832.344,0],"to":[26.667,0,0],"ti":[0,0,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.333,"y":0},"t":30,"s":[1225.779,1832.344,0],"to":[0,0,0],"ti":[26.667,0,0]},{"t":60,"s":[1065.779,1832.344,0]}],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.167,"y":0.167},"t":0,"s":[{"i":[[-4.123,19.08],[-56.18,-30],[-98.74,0]],"o":[[-126.87,-0.81],[56.18,30],[-6.123,-17.253]],"v":[[136.53,-29.529],[-200.21,-19.779],[143.197,36.471]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.333,"y":0},"t":30,"s":[{"i":[[39.28,0.25],[-56.18,-30],[-98.74,0]],"o":[[-126.87,-0.81],[56.18,30],[39.3,0]],"v":[[134.863,-29.529],[-200.21,-19.779],[134.863,36.471]],"c":true}]},{"t":60,"s":[{"i":[[-4.123,19.08],[-56.18,-30],[-98.74,0]],"o":[[-126.87,-0.81],[56.18,30],[-6.123,-17.253]],"v":[[136.53,-29.529],[-200.21,-19.779],[143.197,36.471]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.007843137719,0.160784319043,0.019607843831,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":10,"ix":5},"lc":1,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0.419607847929,0.419607847929,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[300,300],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Path Copy 3","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":65,"st":4,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":"aileron 1dessus","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.167,"y":0.167},"t":0,"s":[1510.931,1609.791,0],"to":[-46.667,0,0],"ti":[0,0,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.333,"y":0},"t":30,"s":[1230.931,1609.791,0],"to":[0,0,0],"ti":[-46.667,0,0]},{"t":60,"s":[1510.931,1609.791,0]}],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.167,"y":0.167},"t":15,"s":[{"i":[[-1.488,3.913],[7.9,0],[0.243,-35.764],[-7.928,-6.298]],"o":[[0.13,-49.07],[-6.483,0],[0.03,2.909],[7.928,6.298]],"v":[[14.899,39.968],[0.589,-49.832],[-14.896,15.937],[-3.502,29.81]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.333,"y":0},"t":30,"s":[{"i":[[-0.03,11.29],[7.9,0],[1.597,-31.175],[-1.254,-11.645]],"o":[[0.13,-49.07],[-5.866,0],[-0.554,10.807],[1.6,14.89]],"v":[[14.899,39.968],[0.589,-49.832],[-14.605,5.915],[-13.721,39.968]],"c":true}]},{"t":50,"s":[{"i":[[-1.488,3.913],[7.9,0],[0.243,-35.764],[-7.928,-6.298]],"o":[[0.13,-49.07],[-6.483,0],[0.03,2.909],[7.928,6.298]],"v":[[14.899,39.968],[0.589,-49.832],[-14.896,15.937],[-3.502,29.81]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.007843137719,0.160784319043,0.019607843831,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":10,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0.419607847929,0.419607847929,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[300,300],"ix":3},"r":{"a":0,"k":-75,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Oval Copy 19","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":15,"op":50,"st":1,"bm":0},{"ddd":0,"ind":6,"ty":4,"nm":"cockpit 2","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.167,"y":0.167},"t":0,"s":[1799.053,1542.234,0],"to":[6.667,0,0],"ti":[0,0,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.333,"y":0},"t":30,"s":[1839.053,1542.234,0],"to":[0,0,0],"ti":[6.667,0,0]},{"t":60,"s":[1799.053,1542.234,0]}],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.167,"y":0.167},"t":0,"s":[{"i":[[-24.93,0],[0,23.49],[12.101,-2.547],[-0.762,-3.156]],"o":[[28.72,0],[-25.232,-6.714],[0,3.1],[5.014,20.76]],"v":[[0,36.749],[51.75,-13.708],[-51.75,-13.875],[-50.587,-4.455]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.333,"y":0},"t":30,"s":[{"i":[[-34.055,0.444],[-16.149,22.453],[43.351,-22.131],[-0.709,-1.964]],"o":[[38.684,-0.504],[-28.982,-14.881],[0.381,1.719],[5.219,14.447]],"v":[[-17.667,30.143],[73.667,-8.041],[-73.333,-8.791],[-71.71,-3.235]],"c":true}]},{"t":60,"s":[{"i":[[-24.93,0],[0,23.49],[12.101,-2.547],[-0.762,-3.156]],"o":[[28.72,0],[-25.232,-6.714],[0,3.1],[5.014,20.76]],"v":[[0,36.749],[51.75,-13.708],[-51.75,-13.875],[-50.587,-4.455]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.007843137719,0.160784319043,0.019607843831,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":10,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.784313738346,0.96862745285,0.952941179276,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[300,300],"ix":3},"r":{"a":0,"k":-180,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Oval Copy 2","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":60,"st":0,"bm":0},{"ddd":0,"ind":7,"ty":4,"nm":"fuselage","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[1800,1851,0],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.167,"y":0.167},"t":0,"s":[{"i":[[-60.75,0],[0,60.75],[60.75,0],[0,-60.75]],"o":[[60.75,0],[0,-60.75],[-60.75,0],[0,60.75]],"v":[[0,95],[110,-15],[0,-95],[-110,-15]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.333,"y":0},"t":30,"s":[{"i":[[-60.75,0],[0,60.75],[60.75,0],[0,-60.75]],"o":[[60.75,0],[0,-60.75],[-60.75,0],[0,60.75]],"v":[[64,95],[174,-15],[64,-95],[-174,-47]],"c":true}]},{"t":60,"s":[{"i":[[-60.75,0],[0,60.75],[60.75,0],[0,-60.75]],"o":[[60.75,0],[0,-60.75],[-60.75,0],[0,60.75]],"v":[[0,95],[110,-15],[0,-95],[-110,-15]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.007843137719,0.160784319043,0.019607843831,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":10,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0.772241175175,0.323599040508,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[300,300],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Oval","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":60,"st":0,"bm":0},{"ddd":0,"ind":8,"ty":4,"nm":"Gouv","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.167],"y":[0]},"t":0,"s":[0]},{"i":{"x":[0.833],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":30,"s":[0]},{"t":60,"s":[0]}],"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.167,"y":0.167},"t":0,"s":[1803,1478.917,0],"to":[-66.667,0,0],"ti":[0,0,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.333,"y":0},"t":30,"s":[1403,1478.917,0],"to":[0,0,0],"ti":[-66.667,0,0]},{"t":60,"s":[1803,1478.917,0]}],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.167,"y":0.167},"t":0,"s":[{"i":[[0,55.45],[10.56,0],[0,-55.46]],"o":[[0,-55.46],[-10.57,0],[0,55.45]],"v":[[19.124,29.41],[0.004,-71],[-19.126,29.41]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.333,"y":0},"t":30,"s":[{"i":[[0,55.45],[24.338,-0.694],[1.459,-85.382]],"o":[[0.209,-37.716],[-24.338,0.694],[0,55.45]],"v":[[32.458,29.41],[-26.662,-71],[-45.792,29.41]],"c":true}]},{"t":60,"s":[{"i":[[0,55.45],[10.56,0],[0,-55.46]],"o":[[0,-55.46],[-10.57,0],[0,55.45]],"v":[[19.124,29.41],[0.004,-71],[-19.126,29.41]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.007843137719,0.160784319043,0.019607843831,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":10,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0.419607847929,0.419607847929,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[300,300],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Oval","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":60,"st":0,"bm":0},{"ddd":0,"ind":9,"ty":4,"nm":"Aile 2dessous 3","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.167,"y":0.167},"t":0,"s":[2533.779,1832.344,0],"to":[-46.667,0,0],"ti":[0,0,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.333,"y":0},"t":30,"s":[2253.779,1832.344,0],"to":[0,0,0],"ti":[-46.667,0,0]},{"t":60,"s":[2533.779,1832.344,0]}],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[-100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-4.123,19.08],[-56.18,-30],[-98.74,0]],"o":[[-126.87,-0.81],[56.18,30],[-6.123,-17.253]],"v":[[136.53,-29.529],[-200.21,-19.779],[143.197,36.471]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.007843137719,0.160784319043,0.019607843831,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":10,"ix":5},"lc":1,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0.419607847929,0.419607847929,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[300,300],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Path Copy 3","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":65,"st":4,"bm":0},{"ddd":0,"ind":10,"ty":4,"nm":"Aile 1,2","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[1065.779,1832.344,0],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[39.28,0.25],[-56.18,-30],[-98.74,0]],"o":[[-126.87,-0.81],[56.18,30],[39.3,0]],"v":[[134.863,-29.529],[-200.21,-19.779],[134.863,36.471]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.007843137719,0.160784319043,0.019607843831,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":10,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0.419607847929,0.419607847929,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[300,300],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Path Copy 3","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":59,"op":60,"st":-1,"bm":0},{"ddd":0,"ind":11,"ty":4,"nm":"aileron 1,2","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.167,"y":0.167},"t":0,"s":[1510.931,1609.791,0],"to":[-46.667,0,0],"ti":[0,0,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.333,"y":0},"t":30,"s":[1230.931,1609.791,0],"to":[0,0,0],"ti":[-46.667,0,0]},{"t":60,"s":[1510.931,1609.791,0]}],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-0.03,11.29],[7.9,0],[-4.87,-45.24]],"o":[[0.13,-49.07],[-7.9,0],[1.6,14.89]],"v":[[14.899,39.968],[0.589,-49.832],[-13.721,39.968]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.007843137719,0.160784319043,0.019607843831,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":10,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0.419607847929,0.419607847929,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[300,300],"ix":3},"r":{"a":0,"k":-75,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Oval Copy 19","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":50,"op":60,"st":0,"bm":0},{"ddd":0,"ind":12,"ty":4,"nm":"aileron 1","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.167,"y":0.167},"t":0,"s":[1510.931,1609.791,0],"to":[-46.667,0,0],"ti":[0,0,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.333,"y":0},"t":30,"s":[1230.931,1609.791,0],"to":[0,0,0],"ti":[-46.667,0,0]},{"t":60,"s":[1510.931,1609.791,0]}],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-0.03,11.29],[7.9,0],[-4.87,-45.24]],"o":[[0.13,-49.07],[-7.9,0],[1.6,14.89]],"v":[[14.899,39.968],[0.589,-49.832],[-13.721,39.968]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.007843137719,0.160784319043,0.019607843831,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":10,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0.419607847929,0.419607847929,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[300,300],"ix":3},"r":{"a":0,"k":-75,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Oval Copy 19","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":15,"st":0,"bm":0},{"ddd":0,"ind":13,"ty":4,"nm":"aileron 2","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.167,"y":0.167},"t":0,"s":[2080.931,1609.791,0],"to":[-66.667,0,0],"ti":[0,0,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.333,"y":0},"t":30,"s":[1680.931,1609.791,0],"to":[0,0,0],"ti":[-66.667,0,0]},{"t":60,"s":[2080.931,1609.791,0]}],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[-100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-0.03,11.29],[7.9,0],[-4.87,-45.24]],"o":[[0.13,-49.07],[-7.9,0],[1.6,14.89]],"v":[[14.899,39.968],[0.589,-49.832],[-13.721,39.968]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.007843137719,0.160784319043,0.019607843831,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":10,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0.419607847929,0.419607847929,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[300,300],"ix":3},"r":{"a":0,"k":-75,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Oval Copy 20","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":60,"st":0,"bm":0}]},{"id":"comp_3","layers":[{"ddd":0,"ind":1,"ty":4,"nm":"helice","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[1800,1800,0],"ix":2},"a":{"a":0,"k":[-8,-4,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"d":1,"ty":"el","s":{"a":0,"k":[979.501,979.501],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"nm":"Ellipse Path 1","mn":"ADBE Vector Shape - Ellipse","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3},"o":{"a":0,"k":20,"ix":4},"w":{"a":0,"k":30,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.588137149811,0.588137149811,0.588137149811,1],"ix":4},"o":{"a":0,"k":20,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[-8,-4],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Ellipse 1","np":3,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":60,"st":0,"bm":0}]},{"id":"comp_4","layers":[{"ddd":0,"ind":1,"ty":4,"nm":"Shape Layer 3","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[399.5,402.25,0],"ix":2},"a":{"a":0,"k":[1.991,-1.379,0],"ix":1},"s":{"a":0,"k":[89.498,80.267,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.333,"y":0},"t":0,"s":[{"i":[[-113.289,-13.366],[0.68,-13.818],[89.937,-66.135],[50.83,37.722]],"o":[[-0.438,21.518],[-100.999,-13.818],[45.243,-54.923],[64.238,-61.946]],"v":[[177.589,-178.997],[175.354,-16.585],[-159.718,86.812],[-159.718,-86.812]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":22,"s":[{"i":[[-169.492,-11.894],[0.274,-14.27],[0.55,-106.002],[0.55,27.755]],"o":[[-0.641,26.718],[-158.724,-5.554],[1.667,-91.052],[0.55,-84.371]],"v":[[56.134,-191.682],[54.305,-31.078],[-159.718,86.812],[-159.718,-86.812]],"c":true}]},{"i":{"x":0.499,"y":1},"o":{"x":0.167,"y":0.167},"t":41,"s":[{"i":[[35.467,61.228],[-1.473,-25.74],[-77.664,-66.135],[-38.557,22.772]],"o":[[2.756,40.793],[27.678,69.634],[-45.261,-59.906],[-70.96,-55.717]],"v":[[-466.15,-195.036],[-467.299,-31.515],[-159.718,86.812],[-159.718,-86.812]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":1,"y":0},"t":60,"s":[{"i":[[82.246,-8.382],[-13.846,-33.751],[-78.782,-61.152],[-35.205,4.084]],"o":[[-3.79,27.747],[74.424,-6.343],[-51.965,-73.61],[-75.43,-73.158]],"v":[[-490.581,-182.735],[-491.699,-19.077],[-159.718,86.812],[-159.718,-86.812]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":82,"s":[{"i":[[178.337,-14.611],[-1.555,-16.309],[7.254,-123.444],[-0.568,29.001]],"o":[[-6.024,68.86],[154.873,-26.276],[-1.685,-110.986],[12.84,-85.617]],"v":[[-371.026,-192.701],[-371.026,-27.798],[-159.718,86.812],[-159.718,-86.812]],"c":true}]},{"i":{"x":0.667,"y":1},"o":{"x":0.167,"y":0.167},"t":101,"s":[{"i":[[-23.461,54.006],[0.508,-14.009],[97.758,-84.823],[54.182,31.493]],"o":[[-0.867,25.153],[-30.25,65.821],[45.243,-48.693],[103.345,-78.142]],"v":[[136.923,-191.551],[134.774,-28.948],[-159.718,86.812],[-159.718,-86.812]],"c":true}]},{"t":121,"s":[{"i":[[-113.289,-13.366],[0.68,-13.818],[89.937,-66.135],[50.83,37.722]],"o":[[-0.438,21.518],[-100.999,-13.818],[45.243,-54.923],[64.238,-61.946]],"v":[[177.589,-178.997],[175.354,-16.585],[-159.718,86.812],[-159.718,-86.812]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.305218984566,0.688471954944,0.234222995534,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.894239837048,0.894239837048,0.894239837048,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[161.718,-1.188],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Rectangle 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":180,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"Shape Layer 5","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[400,400,0],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":82,"s":[{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[1.75,-93.75],[-1,35.75],[-2.756,3.961],[-1.25,-67]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":84,"s":[{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[6.25,-104.75],[3,32.25],[-1.506,-0.039],[-2.5,-68.5]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":86,"s":[{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[15.5,-117.75],[10,17.75],[1.244,-11.289],[-3.5,-68.75]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":88,"s":[{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[29.75,-128.5],[22.5,0.75],[2.494,-18.289],[-2.25,-69]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":90,"s":[{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[50.5,-134.75],[43.25,-5.5],[4.244,-20.289],[0.75,-68]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":92,"s":[{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[77.5,-137.75],[70,-8.75],[39.494,-17.539],[50.75,-140]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":94,"s":[{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[111.5,-139.25],[104.5,-10.5],[83.994,-11.789],[97,-127.5]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":96,"s":[{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[150,-142],[144.75,-12.75],[122.494,-14.539],[142,-131]],"c":true}]},{"t":97,"s":[{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[171,-143],[168.75,-13.75],[143.494,-15.539],[166.5,-129.5]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.305218984566,0.688471954944,0.234222995534,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.894117712975,0.894117712975,0.894117712975,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":82,"op":98,"st":82,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":"Shape Layer 4","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[400,400,0],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":26,"s":[{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-6,-116],[-6.5,33.5],[-2.506,3.961],[-1,-67]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":27,"s":[{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-13.875,-126.5],[-11.875,12.375],[-2.394,-6.491],[-0.75,-77.75]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":29,"s":[{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-32.292,-130.167],[-31.958,3.458],[-4.836,-10.061],[2.833,-71.167]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":30,"s":[{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-41.5,-132],[-42,-1],[-6.058,-11.846],[-4,-84]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":31,"s":[{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-56.5,-133.5],[-57,-2.5],[-24.558,-13.846],[-29,-105.5]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":32,"s":[{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-75.25,-135.75],[-75.75,-4.75],[-48.808,-15.471],[-52.25,-116.875]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":33,"s":[{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-94,-138],[-94.5,-7],[-73.058,-17.096],[-75.5,-123.25]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":35,"s":[{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-131.5,-142.5],[-132,-11.5],[-121.558,-20.346],[-122,-129]],"c":true}]},{"t":36,"s":[{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-153.25,-148.75],[-154.5,-16],[-144.058,-24.846],[-149.25,-135.25]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.305218984566,0.688471954944,0.234222995534,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.894117712975,0.894117712975,0.894117712975,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":26,"op":37,"st":26,"bm":0}]},{"id":"comp_5","layers":[{"ddd":0,"ind":1,"ty":0,"nm":"Comp 5","refId":"comp_6","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[400,400,0],"ix":2},"a":{"a":0,"k":[400,400,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"w":800,"h":800,"ip":260,"op":380,"st":260,"bm":0},{"ddd":0,"ind":2,"ty":0,"nm":"Comp 5","refId":"comp_6","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[400,400,0],"ix":2},"a":{"a":0,"k":[400,400,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"w":800,"h":800,"ip":250,"op":370,"st":250,"bm":0},{"ddd":0,"ind":3,"ty":0,"nm":"Comp 5","refId":"comp_6","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[400,400,0],"ix":2},"a":{"a":0,"k":[400,400,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"w":800,"h":800,"ip":240,"op":360,"st":240,"bm":0},{"ddd":0,"ind":4,"ty":0,"nm":"Comp 5","refId":"comp_6","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[400,400,0],"ix":2},"a":{"a":0,"k":[400,400,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"w":800,"h":800,"ip":230,"op":350,"st":230,"bm":0},{"ddd":0,"ind":5,"ty":0,"nm":"Comp 5","refId":"comp_6","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[400,400,0],"ix":2},"a":{"a":0,"k":[400,400,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"w":800,"h":800,"ip":220,"op":340,"st":220,"bm":0},{"ddd":0,"ind":6,"ty":0,"nm":"Comp 5","refId":"comp_6","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[400,400,0],"ix":2},"a":{"a":0,"k":[400,400,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"w":800,"h":800,"ip":210,"op":330,"st":210,"bm":0},{"ddd":0,"ind":7,"ty":0,"nm":"Comp 5","refId":"comp_6","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[400,400,0],"ix":2},"a":{"a":0,"k":[400,400,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"w":800,"h":800,"ip":200,"op":320,"st":200,"bm":0},{"ddd":0,"ind":8,"ty":0,"nm":"Comp 5","refId":"comp_6","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[400,400,0],"ix":2},"a":{"a":0,"k":[400,400,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"w":800,"h":800,"ip":190,"op":310,"st":190,"bm":0},{"ddd":0,"ind":9,"ty":0,"nm":"Comp 5","refId":"comp_6","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[400,400,0],"ix":2},"a":{"a":0,"k":[400,400,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"w":800,"h":800,"ip":180,"op":300,"st":180,"bm":0},{"ddd":0,"ind":10,"ty":0,"nm":"Comp 5","refId":"comp_6","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[400,400,0],"ix":2},"a":{"a":0,"k":[400,400,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"w":800,"h":800,"ip":170,"op":290,"st":170,"bm":0},{"ddd":0,"ind":11,"ty":0,"nm":"Comp 5","refId":"comp_6","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[400,400,0],"ix":2},"a":{"a":0,"k":[400,400,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"w":800,"h":800,"ip":160,"op":280,"st":160,"bm":0},{"ddd":0,"ind":12,"ty":0,"nm":"Comp 5","refId":"comp_6","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[400,400,0],"ix":2},"a":{"a":0,"k":[400,400,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"w":800,"h":800,"ip":150,"op":270,"st":150,"bm":0},{"ddd":0,"ind":13,"ty":0,"nm":"Comp 5","refId":"comp_6","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[400,400,0],"ix":2},"a":{"a":0,"k":[400,400,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"w":800,"h":800,"ip":140,"op":260,"st":140,"bm":0},{"ddd":0,"ind":14,"ty":0,"nm":"Comp 5","refId":"comp_6","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[400,400,0],"ix":2},"a":{"a":0,"k":[400,400,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"w":800,"h":800,"ip":130,"op":250,"st":130,"bm":0},{"ddd":0,"ind":15,"ty":0,"nm":"Comp 5","refId":"comp_6","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[400,400,0],"ix":2},"a":{"a":0,"k":[400,400,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"w":800,"h":800,"ip":120,"op":240,"st":120,"bm":0},{"ddd":0,"ind":16,"ty":0,"nm":"Comp 5","refId":"comp_6","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[400,400,0],"ix":2},"a":{"a":0,"k":[400,400,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"w":800,"h":800,"ip":110,"op":230,"st":110,"bm":0},{"ddd":0,"ind":17,"ty":0,"nm":"Comp 5","refId":"comp_6","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[400,400,0],"ix":2},"a":{"a":0,"k":[400,400,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"w":800,"h":800,"ip":100,"op":220,"st":100,"bm":0},{"ddd":0,"ind":18,"ty":0,"nm":"Comp 5","refId":"comp_6","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[400,400,0],"ix":2},"a":{"a":0,"k":[400,400,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"w":800,"h":800,"ip":90,"op":210,"st":90,"bm":0},{"ddd":0,"ind":19,"ty":0,"nm":"Comp 5","refId":"comp_6","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[400,400,0],"ix":2},"a":{"a":0,"k":[400,400,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"w":800,"h":800,"ip":80,"op":200,"st":80,"bm":0},{"ddd":0,"ind":20,"ty":0,"nm":"Comp 5","refId":"comp_6","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[400,400,0],"ix":2},"a":{"a":0,"k":[400,400,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"w":800,"h":800,"ip":70,"op":190,"st":70,"bm":0},{"ddd":0,"ind":21,"ty":0,"nm":"Comp 5","refId":"comp_6","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[400,400,0],"ix":2},"a":{"a":0,"k":[400,400,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"w":800,"h":800,"ip":60,"op":180,"st":60,"bm":0},{"ddd":0,"ind":22,"ty":0,"nm":"Comp 5","refId":"comp_6","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[400,400,0],"ix":2},"a":{"a":0,"k":[400,400,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"w":800,"h":800,"ip":50,"op":170,"st":50,"bm":0},{"ddd":0,"ind":23,"ty":0,"nm":"Comp 5","refId":"comp_6","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[400,400,0],"ix":2},"a":{"a":0,"k":[400,400,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"w":800,"h":800,"ip":40,"op":160,"st":40,"bm":0},{"ddd":0,"ind":24,"ty":0,"nm":"Comp 5","refId":"comp_6","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[400,400,0],"ix":2},"a":{"a":0,"k":[400,400,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"w":800,"h":800,"ip":30,"op":150,"st":30,"bm":0},{"ddd":0,"ind":25,"ty":0,"nm":"Comp 5","refId":"comp_6","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[400,400,0],"ix":2},"a":{"a":0,"k":[400,400,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"w":800,"h":800,"ip":20,"op":140,"st":20,"bm":0},{"ddd":0,"ind":26,"ty":0,"nm":"Comp 5","refId":"comp_6","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[400,400,0],"ix":2},"a":{"a":0,"k":[400,400,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"w":800,"h":800,"ip":10,"op":130,"st":10,"bm":0},{"ddd":0,"ind":27,"ty":0,"nm":"Comp 5","refId":"comp_6","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[400,400,0],"ix":2},"a":{"a":0,"k":[400,400,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"w":800,"h":800,"ip":0,"op":120,"st":0,"bm":0}]},{"id":"comp_6","layers":[{"ddd":0,"ind":1,"ty":4,"nm":"Shape Layer 2","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[400,400,0],"ix":2},"a":{"a":0,"k":[112.246,110.257,0],"ix":1},"s":{"a":1,"k":[{"i":{"x":[1,1,1],"y":[1,1,1]},"o":{"x":[0.167,0.167,0.167],"y":[0,0,0]},"t":-114,"s":[98.768,103.754,100]},{"i":{"x":[0,0,0.833],"y":[1,1,10.871]},"o":{"x":[0.01,0.01,0],"y":[0.763,0.726,0]},"t":0,"s":[114.951,120.754,100]},{"t":120,"s":[240.608,252.754,100]}],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"d":1,"ty":"el","s":{"a":0,"k":[332.491,316.513],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"nm":"Ellipse Path 1","mn":"ADBE Vector Shape - Ellipse","hd":false},{"ty":"st","c":{"a":0,"k":[0.305219014486,0.688472254136,0.234222995534,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":-111,"s":[0.388235300779,0.72549021244,0.980392158031,1]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":-110,"s":[0.127425000072,0.49490109086,0.772644639015,1]},{"i":{"x":[0.833],"y":[0.719]},"o":{"x":[0.167],"y":[0.281]},"t":0,"s":[0.110593900084,0.411896556616,0.639625310898,1]},{"t":120,"s":[0.482352942228,0.776470601559,0.988235294819,1]}],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[112.246,110.257],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Ellipse 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":120,"st":0,"bm":0}]}],"layers":[{"ddd":0,"ind":1,"ty":0,"nm":"Avion3bis","refId":"comp_0","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[400,340,0],"ix":2},"a":{"a":0,"k":[400,400,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"w":800,"h":800,"ip":30,"op":150,"st":30,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":"Shape Layer 3","td":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[400,400,0],"ix":2},"a":{"a":0,"k":[-10.253,104.16,0],"ix":1},"s":{"a":0,"k":[172.602,172.295,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-127.99,0],[-42.031,-58.918],[-4.397,-12.136],[-0.816,-3.38],[0,-18.878],[127.99,0],[0,128.218]],"o":[[77.799,0],[6.374,8.934],[3.324,9.175],[4.245,17.571],[0,128.218],[-127.99,0],[0,-128.218]],"v":[[0,-232.16],[188.675,-134.838],[218.297,-75.726],[225.253,-54.802],[231.747,0],[0,232.16],[-231.747,0]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.305219014486,0.688472254136,0.234222995534,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.481309718712,0.587909892961,0.470802127614,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[-10.253,104.16],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[90,90],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Ellipse 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":420,"st":0,"bm":0},{"ddd":0,"ind":4,"ty":0,"nm":"mer","tt":1,"refId":"comp_5","sr":1,"ks":{"o":{"a":0,"k":98,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[400,700,0],"ix":2},"a":{"a":0,"k":[400,80,0],"ix":1},"s":{"a":0,"k":[495,230,100],"ix":6}},"ao":0,"w":800,"h":800,"ip":-85,"op":167,"st":-85,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":"Shape Layer 2","td":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[400,400,0],"ix":2},"a":{"a":0,"k":[-10.253,104.16,0],"ix":1},"s":{"a":0,"k":[172.602,172.295,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":69,"s":[{"i":[[-127.99,0],[0,-128.218],[127.99,0],[0,128.218]],"o":[[127.99,0],[0,128.218],[-127.99,0],[0,-128.218]],"v":[[0,-232.16],[231.747,0],[0,232.16],[-231.747,0]],"c":true}]},{"t":80,"s":[{"i":[[-127.99,0],[0,-128.218],[127.99,0],[0,128.218]],"o":[[127.99,0],[0,128.218],[-127.99,0],[0,-128.218]],"v":[[0,-232.16],[231.747,0],[0,232.16],[-231.747,0]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.305219014486,0.688472254136,0.234222995534,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.481309718712,0.587909892961,0.470802127614,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[-10.253,104.16],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[90,90],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Ellipse 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":420,"st":0,"bm":0},{"ddd":0,"ind":6,"ty":4,"nm":"ciel","tt":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[400,293,0],"ix":2},"a":{"a":0,"k":[0.905,306.117,0],"ix":1},"s":{"a":0,"k":[104.324,268.768,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"rc","d":1,"s":{"a":0,"k":[801.81,192.235],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"nm":"Rectangle Path 1","mn":"ADBE Vector Shape - Rect","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"gf","o":{"a":0,"k":100,"ix":10},"r":1,"bm":0,"g":{"p":3,"k":{"a":0,"k":[0,0.231,0.573,0.855,0.38,0.46,0.71,0.917,0.759,0.688,0.848,0.979],"ix":9}},"s":{"a":0,"k":[0,-100],"ix":5},"e":{"a":0,"k":[0,100],"ix":6},"t":1,"nm":"Gradient Fill 1","mn":"ADBE Vector Graphic - G-Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0.905,306.117],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Rectangle 1","np":4,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":450,"st":0,"bm":0}],"markers":[]} \ No newline at end of file diff --git a/src/app/auth/loading/kakao/page.tsx b/src/app/auth/loading/kakao/page.tsx new file mode 100644 index 00000000..85c8822b --- /dev/null +++ b/src/app/auth/loading/kakao/page.tsx @@ -0,0 +1,9 @@ +import AuthKaKaoContainer from "@/containers/auth/AuthKaKaoContainer"; + +const Page = () => { + + return ( + + ); +}; +export default Page diff --git a/src/app/auth/signin/page.tsx b/src/app/auth/signin/page.tsx index c1199246..af30d87a 100644 --- a/src/app/auth/signin/page.tsx +++ b/src/app/auth/signin/page.tsx @@ -1,9 +1,6 @@ -import introLottie from "@/../public/lottie/solitour-intro-image.json"; -import LottieComponent from "@/components/common/lottie/LottieComponent"; +import SignInContainer from "@/containers/auth/SignInContainer"; import { Metadata } from "next"; -import Image from "next/image"; -import Link from "next/link"; export const metadata: Metadata = { title: "로그인 페이지", @@ -18,81 +15,7 @@ export default function page() { } style={{ minHeight: "calc(100vh - 30rem)" }} > -
-

로그인

-

- SNS로 솔리투어에 로그인하고 더 많은 서비스를 즐겨보세요! -

-
- -
- {"kakao-logo-image"} -
-
- -
- {"kakao-logo-image"} -
- 카카오로 로그인 - - -
- {"google-logo-image"} -
- 구글로 로그인 - -
-
-
- 1초만의 빠른 회원가입 -
-
-
-

- 아직 계정이 없으신가요? - - 회원가입 - -

-
-
+ ); } diff --git a/src/components/auth/AuthLoading.tsx b/src/components/auth/AuthLoading.tsx new file mode 100644 index 00000000..652150c1 --- /dev/null +++ b/src/components/auth/AuthLoading.tsx @@ -0,0 +1,21 @@ +import LottieAirplane from "@/../public/lottie/loading-airplane.json"; +import LottieComponent from "@/components/common/lottie/LottieComponent"; + +const AuthLoading = () => { + return ( +
+
+ +
+

로딩 중...

+
+ ); +}; +export default AuthLoading; diff --git a/src/components/auth/SignIn.tsx b/src/components/auth/SignIn.tsx new file mode 100644 index 00000000..ec127f9b --- /dev/null +++ b/src/components/auth/SignIn.tsx @@ -0,0 +1,81 @@ +import introLottie from "@/../public/lottie/solitour-intro-image.json"; +import LottieComponent from "@/components/common/lottie/LottieComponent"; +import Image from "next/image"; +import Link from "next/link"; + +const SignIn = () => { + return ( +
+

로그인

+

+ SNS로 솔리투어에 로그인하고 더 많은 서비스를 즐겨보세요! +

+
+ +
+ {"kakao-logo-image"} +
+
+ +
+ {"kakao-logo-image"} +
+ 카카오로 로그인 + + +
+ {"google-logo-image"} +
+ 구글로 로그인 + +
+
+
+ 1초만의 빠른 회원가입 +
+
+
+

+ 아직 계정이 없으신가요? + + 회원가입 + +

+
+
+ ); +}; +export default SignIn; diff --git a/src/containers/auth/AuthKaKaoContainer.tsx b/src/containers/auth/AuthKaKaoContainer.tsx new file mode 100644 index 00000000..8ce9dfe8 --- /dev/null +++ b/src/containers/auth/AuthKaKaoContainer.tsx @@ -0,0 +1,54 @@ +"use client"; + +import AuthLoading from "@/components/auth/AuthLoading"; +import UrlQueryStringToObject from "@/utils/UrlQueryStringToObject"; +import { useRouter } from "next/navigation"; +import { useEffect } from "react"; + + +const AuthKaKaoContainer = () => { + const router = useRouter(); + + useEffect(() => { + const _queryStringObject = UrlQueryStringToObject<{ + [key: string]: string; + }>(window.location.href); + const kakaoLogin = async () => { + try { + const response = await fetch( + `${process.env.BACKEND_URL}/api/auth/oauth2/login?type=kakao&redirectUrl=${process.env.KAKAO_REDIRECT_URL} + &code=${_queryStringObject?.code}`, + { + method: "GET", + headers: { + "Content-Type": "application/json;charset=utf-8", + "Access-Control-Allow-Origin": "*", + }, + credentials: "include", + }, + ); + + if (!response.ok) { + throw new Error("Network response was not ok"); + } + + const res = await response.json(); + console.log(res); + // res.accessToken 받아서 사용자 정보 받아오고 홈으로 이동 + router.push("/"); + } catch (error) { + console.error( + "로그인 실패", + error, + ); + router.push("/auth/signin") + } + }; + + kakaoLogin(); + }, []); + + return +}; + +export default AuthKaKaoContainer; diff --git a/src/containers/auth/SignInContainer.tsx b/src/containers/auth/SignInContainer.tsx new file mode 100644 index 00000000..29ea0558 --- /dev/null +++ b/src/containers/auth/SignInContainer.tsx @@ -0,0 +1,12 @@ +"use client"; + +import SignIn from "@/components/auth/SignIn"; + +const SignInContainer = () => { + + return ( + + ); +}; + +export default SignInContainer;