diff --git a/package-lock.json b/package-lock.json
index a16445a..8a65c20 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,6 +8,8 @@
"name": "react-bald-eagle",
"version": "0.1.0",
"dependencies": {
+ "lottie-react": "^2.4.0",
+ "moment": "^2.29.4",
"prop-types": "^15.8.1",
"react": "^18.2.0",
"react-dom": "^18.2.0",
@@ -11210,6 +11212,23 @@
"loose-envify": "cli.js"
}
},
+ "node_modules/lottie-react": {
+ "version": "2.4.0",
+ "resolved": "https://registry.npmjs.org/lottie-react/-/lottie-react-2.4.0.tgz",
+ "integrity": "sha512-pDJGj+AQlnlyHvOHFK7vLdsDcvbuqvwPZdMlJ360wrzGFurXeKPr8SiRCjLf3LrNYKANQtSsh5dz9UYQHuqx4w==",
+ "dependencies": {
+ "lottie-web": "^5.10.2"
+ },
+ "peerDependencies": {
+ "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+ "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+ }
+ },
+ "node_modules/lottie-web": {
+ "version": "5.10.2",
+ "resolved": "https://registry.npmjs.org/lottie-web/-/lottie-web-5.10.2.tgz",
+ "integrity": "sha512-d0PFIGiwuMsJYaF4uPo+qG8dEorlI+xFI2zrrFtE1bGO4WoLIz+NjremxEq1swpR7juR10aeOtmNh3d6G3ub0A=="
+ },
"node_modules/lower-case": {
"version": "2.0.2",
"resolved": "https://registry.npmjs.org/lower-case/-/lower-case-2.0.2.tgz",
@@ -11466,6 +11485,14 @@
"mkdirp": "bin/cmd.js"
}
},
+ "node_modules/moment": {
+ "version": "2.29.4",
+ "resolved": "https://registry.npmjs.org/moment/-/moment-2.29.4.tgz",
+ "integrity": "sha512-5LC9SOxjSc2HF6vO2CyuTDNivEdoz2IvyJJGj6X8DJ0eFyfszE0QiEd+iXmBvUP3WHxSjFH/vIsA0EN00cgr8w==",
+ "engines": {
+ "node": "*"
+ }
+ },
"node_modules/ms": {
"version": "2.1.2",
"resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
@@ -24550,6 +24577,19 @@
"js-tokens": "^3.0.0 || ^4.0.0"
}
},
+ "lottie-react": {
+ "version": "2.4.0",
+ "resolved": "https://registry.npmjs.org/lottie-react/-/lottie-react-2.4.0.tgz",
+ "integrity": "sha512-pDJGj+AQlnlyHvOHFK7vLdsDcvbuqvwPZdMlJ360wrzGFurXeKPr8SiRCjLf3LrNYKANQtSsh5dz9UYQHuqx4w==",
+ "requires": {
+ "lottie-web": "^5.10.2"
+ }
+ },
+ "lottie-web": {
+ "version": "5.10.2",
+ "resolved": "https://registry.npmjs.org/lottie-web/-/lottie-web-5.10.2.tgz",
+ "integrity": "sha512-d0PFIGiwuMsJYaF4uPo+qG8dEorlI+xFI2zrrFtE1bGO4WoLIz+NjremxEq1swpR7juR10aeOtmNh3d6G3ub0A=="
+ },
"lower-case": {
"version": "2.0.2",
"resolved": "https://registry.npmjs.org/lower-case/-/lower-case-2.0.2.tgz",
@@ -24738,6 +24778,11 @@
"minimist": "^1.2.6"
}
},
+ "moment": {
+ "version": "2.29.4",
+ "resolved": "https://registry.npmjs.org/moment/-/moment-2.29.4.tgz",
+ "integrity": "sha512-5LC9SOxjSc2HF6vO2CyuTDNivEdoz2IvyJJGj6X8DJ0eFyfszE0QiEd+iXmBvUP3WHxSjFH/vIsA0EN00cgr8w=="
+ },
"ms": {
"version": "2.1.2",
"resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
diff --git a/package.json b/package.json
index 82800ad..7ebdc9a 100644
--- a/package.json
+++ b/package.json
@@ -3,6 +3,8 @@
"version": "0.1.0",
"private": true,
"dependencies": {
+ "lottie-react": "^2.4.0",
+ "moment": "^2.29.4",
"prop-types": "^15.8.1",
"react": "^18.2.0",
"react-dom": "^18.2.0",
diff --git a/src/App.js b/src/App.js
index 372ce38..ca539d5 100644
--- a/src/App.js
+++ b/src/App.js
@@ -3,26 +3,13 @@ import TodoList from "./components/TodoList";
import AddTodoForm from "./components/AddTodoForm";
import { BrowserRouter, Route, Routes } from "react-router-dom";
import style from "./App.module.css";
+import TodoListOutdated from "./components/TodoListOutdated";
+import Navbar from "./components/Navbar";
+import Homepage from "./components/Homepage";
function App() {
- const [order, setOrder] = useState(-1);
const [todoList, setTodoList] = useState([]);
const [isLoading, setIsLoading] = useState(true);
- const sortTodoList = (newOrder) => {
- return [...todoList].sort(function (one, two) {
- const a = one.fields.Title;
- const b = two.fields.Title;
- if (a < b) return newOrder;
- else if (a === b) return 0;
- else return -1 * newOrder;
- });
- };
- function handleClick() {
- const newOrder = -1 * order;
- setOrder(newOrder);
- const newTodoList = sortTodoList(newOrder);
- setTodoList(newTodoList);
- }
useEffect(() => {
fetch(
@@ -77,6 +64,7 @@ function App() {
{
fields: {
Title: newTodo["title"],
+ DueDate: newTodo["duedate"],
},
},
],
@@ -103,35 +91,89 @@ function App() {
const addTodo = (newTodo) => {
console.log("addTodo", [...todoList, newTodo]);
+
postTodo(newTodo).then((result) =>
setTodoList([...todoList, ...result.records])
);
};
+ const putTodo = async (id, payload) => {
+ let response;
+ try {
+ response = await fetch(
+ `https://api.airtable.com/v0/${process.env.REACT_APP_AIRTABLE_BASE_ID}/Default/${id}`,
+ {
+ method: "PUT",
+ headers: {
+ "Content-Type": "application/json",
+ Authorization: `Bearer ${process.env.REACT_APP_AIRTABLE_API_KEY}`,
+ },
+ body: JSON.stringify(payload),
+ }
+ );
+ return response.json();
+ } catch (err) {
+ console.log("err:", err);
+ }
+ };
+
+ const updateTodo = (todo) => {
+ const todoClone = structuredClone(todo);
+ delete todoClone.id;
+ delete todoClone.createdTime;
+
+ putTodo(todo.id, todoClone).then((todoItem) => {
+ const newTodoList = todoList.map((obj) =>
+ obj.id === todoItem.id ? todoItem : obj
+ );
+ setTodoList([...newTodoList]);
+ });
+ };
+
return (
+
+
+ } />
Todo List
-
+
{isLoading ? (
Loading...
) : (
-
+
)}
}
/>
- New Todo List} />
+
+
+
Outdated Todo
+
+
+
+ }
+ />
);
diff --git a/src/App.module.css b/src/App.module.css
index b971802..b893cdd 100644
--- a/src/App.module.css
+++ b/src/App.module.css
@@ -15,13 +15,8 @@ h1 {
letter-spacing: 1px;
font-family: "Fredoka One", cursive;
}
-
-p {
- padding-left: 50px;
-}
-.changeOrder {
- display: block;
- margin: 50px;
- border-radius: 10px;
- line-height: 30px;
+h2 {
+ font-size: 25px;
+ font-weight: 100;
+ font-family: "Jua", sans-serif;
}
diff --git a/src/components/AddTodoForm.js b/src/components/AddTodoForm.js
index 2a92f31..c30d0ff 100644
--- a/src/components/AddTodoForm.js
+++ b/src/components/AddTodoForm.js
@@ -2,27 +2,49 @@ import React, { useState } from "react";
import InputWithLabel from "./InputWithLabel";
import style from "./AddTodoForm.module.css";
import PropTypes from "prop-types";
+import moment from "moment";
const AddTodoForm = ({ onAddTodo }) => {
const [todoTitle, setTodoTitle] = useState("");
+ const [dueDate, setDueDate] = useState("");
const handleTitleChange = (event) => {
const newTodoTitle = event.target.value;
setTodoTitle(newTodoTitle);
};
+ const handleDateChange = (event) => {
+ const newDueDate = event.target.value;
+ setDueDate(newDueDate);
+ };
const handleAddTodo = (event) => {
event.preventDefault();
- onAddTodo({ id: Date.now(), title: todoTitle });
-
- setTodoTitle("");
+ if (dueDate && todoTitle && moment(dueDate).diff(moment(), "days") >= 0) {
+ onAddTodo({ id: Date.now(), title: todoTitle, duedate: dueDate });
+ setTodoTitle("");
+ setDueDate("");
+ } else {
+ alert("Enter valid Title and Due Date");
+ }
};
return (
diff --git a/src/components/AddTodoForm.module.css b/src/components/AddTodoForm.module.css
index 6189ed9..59a8e49 100644
--- a/src/components/AddTodoForm.module.css
+++ b/src/components/AddTodoForm.module.css
@@ -8,9 +8,9 @@
border-radius: 10px;
}
.submitForm {
- display: inline-flex;
+ /* display: inline-flex; */
border-radius: 10px;
- /* border: 2px solid #0a0a0a; */
overflow: hidden;
align-items: baseline;
+ margin: 40px;
}
diff --git a/src/components/ButtonSortDate.js b/src/components/ButtonSortDate.js
new file mode 100644
index 0000000..558359d
--- /dev/null
+++ b/src/components/ButtonSortDate.js
@@ -0,0 +1,35 @@
+import React, { useState } from "react";
+import style from "./ButtonSortTitle.module.css";
+import { ReactComponent as ArrowBlack } from "./assets/arrow-black.svg";
+import PropTypes from "prop-types";
+
+const ButtonSortDate = ({ todoList, setTodoList }) => {
+ const [order, setOrder] = useState(-1);
+ const sortTodoList = (newOrder) => {
+ return [...todoList].sort(function (one, two) {
+ const a = one.fields.DueDate;
+ const b = two.fields.DueDate;
+ if (a < b) return newOrder;
+ else if (a === b) return 0;
+ else return -1 * newOrder;
+ });
+ };
+ function handleClick() {
+ const newOrder = -1 * order;
+ setOrder(newOrder);
+ const newTodoList = sortTodoList(newOrder);
+ setTodoList(newTodoList);
+ }
+ return (
+
+ );
+};
+
+ButtonSortDate.propTypes = {
+ todoList: PropTypes.array,
+ setTodoList: PropTypes.func,
+};
+
+export default ButtonSortDate;
diff --git a/src/components/ButtonSortDays.js b/src/components/ButtonSortDays.js
new file mode 100644
index 0000000..a2e2b6a
--- /dev/null
+++ b/src/components/ButtonSortDays.js
@@ -0,0 +1,36 @@
+import React, { useState } from "react";
+import style from "./ButtonSortTitle.module.css";
+import { ReactComponent as ArrowBlack } from "./assets/arrow-black.svg";
+import PropTypes from "prop-types";
+import moment from "moment";
+
+const ButtonSortDays = ({ todoList, setTodoList }) => {
+ const [order, setOrder] = useState(-1);
+ const sortTodoList = (newOrder) => {
+ return [...todoList].sort(function (one, two) {
+ const a = moment(one.fields.DueDate).diff(moment(), "days");
+ const b = moment(two.fields.DueDate).diff(moment(), "days");
+ if (a < b) return newOrder;
+ else if (a === b) return 0;
+ else return -1 * newOrder;
+ });
+ };
+ function handleClick() {
+ const newOrder = -1 * order;
+ setOrder(newOrder);
+ const newTodoList = sortTodoList(newOrder);
+ setTodoList(newTodoList);
+ }
+ return (
+
+ );
+};
+
+ButtonSortDays.propTypes = {
+ todoList: PropTypes.array,
+ setTodoList: PropTypes.func,
+};
+
+export default ButtonSortDays;
diff --git a/src/components/ButtonSortTitle.js b/src/components/ButtonSortTitle.js
new file mode 100644
index 0000000..0c49b18
--- /dev/null
+++ b/src/components/ButtonSortTitle.js
@@ -0,0 +1,34 @@
+import React, { useState } from "react";
+import style from "./ButtonSortTitle.module.css";
+import { ReactComponent as ArrowBlack } from "./assets/arrow-black.svg";
+import PropTypes from "prop-types";
+
+const ButtonSortTitle = ({ todoList, setTodoList }) => {
+ const [order, setOrder] = useState(-1);
+ const sortTodoList = (newOrder) => {
+ return [...todoList].sort(function (one, two) {
+ const a = one.fields.Title.toLowerCase();
+ const b = two.fields.Title.toLowerCase();
+ if (a < b) return newOrder;
+ else if (a === b) return 0;
+ else return -1 * newOrder;
+ });
+ };
+ function handleClick() {
+ const newOrder = -1 * order;
+ setOrder(newOrder);
+ const newTodoList = sortTodoList(newOrder);
+ setTodoList(newTodoList);
+ }
+ return (
+
+ );
+};
+
+ButtonSortTitle.propTypes = {
+ todoList: PropTypes.array,
+ setTodoList: PropTypes.func,
+};
+export default ButtonSortTitle;
diff --git a/src/components/ButtonSortTitle.module.css b/src/components/ButtonSortTitle.module.css
new file mode 100644
index 0000000..81f23d0
--- /dev/null
+++ b/src/components/ButtonSortTitle.module.css
@@ -0,0 +1,6 @@
+.changeOrder {
+ display: block;
+ margin: auto;
+ border-radius: 10px;
+ line-height: 15px;
+}
diff --git a/src/components/Homepage.js b/src/components/Homepage.js
new file mode 100644
index 0000000..f233f2e
--- /dev/null
+++ b/src/components/Homepage.js
@@ -0,0 +1,30 @@
+import { useNavigate } from "react-router-dom";
+import Lottie from "lottie-react";
+import * as logoAnimation from "./logoAnimation.json";
+import style from "./Homepage.module.css";
+
+const Homepage = () => {
+ const navigate = useNavigate();
+
+ function handleClick() {
+ navigate("/todolist");
+ }
+ return (
+
+
+
This is the app to create Todo
+
+
+ );
+};
+export default Homepage;
diff --git a/src/components/Homepage.module.css b/src/components/Homepage.module.css
new file mode 100644
index 0000000..7261750
--- /dev/null
+++ b/src/components/Homepage.module.css
@@ -0,0 +1,17 @@
+.container {
+ text-align: center;
+}
+.buttonStart {
+ display: block;
+ cursor: pointer;
+ transition: all 0.1s ease-in;
+ background: #333333;
+ color: white;
+ padding: 10px;
+ border: 2px solid #333333;
+ border-radius: 10px;
+ margin: 20px auto;
+ font-size: 20px;
+ font-family: "Jua", sans-serif;
+ letter-spacing: 1px;
+}
diff --git a/src/components/InputWithLabel.js b/src/components/InputWithLabel.js
index b8d9e8f..94d5d8a 100644
--- a/src/components/InputWithLabel.js
+++ b/src/components/InputWithLabel.js
@@ -2,33 +2,49 @@ import React from "react";
import style from "./InputWithLabel.module.css";
import PropTypes from "prop-types";
-const InputWithLabel = ({ todoTitle, handleTitleChange, children }) => {
+const InputWithLabel = ({
+ label,
+ handleChange,
+ type,
+ id,
+ name,
+ value,
+ placeholder,
+ isFocused,
+}) => {
const inputRef = React.useRef();
React.useEffect(() => {
- inputRef.current.focus();
- }, [todoTitle]);
+ if (isFocused) {
+ inputRef.current.focus();
+ }
+ }, [value, isFocused]);
return (
-
);
};
InputWithLabel.propTypes = {
- todoTitle: PropTypes.string,
- handleTitleChange: PropTypes.func,
+ label: PropTypes.string,
+ handleChange: PropTypes.func,
+ type: PropTypes.string,
+ id: PropTypes.string,
+ name: PropTypes.string,
+ value: PropTypes.string,
+ placeholder: PropTypes.string,
children: PropTypes.object,
};
export default InputWithLabel;
diff --git a/src/components/Navbar.js b/src/components/Navbar.js
new file mode 100644
index 0000000..24e08df
--- /dev/null
+++ b/src/components/Navbar.js
@@ -0,0 +1,25 @@
+import { Link, useMatch, useResolvedPath } from "react-router-dom";
+import style from "./Navbar.module.css";
+import { ReactComponent as TickBlue } from "./assets/down-arrow-blue.svg";
+export default function Navbar() {
+ return (
+
+ );
+}
+function CustomLink({ to, children }) {
+ const resolvedPath = useResolvedPath(to);
+ const isActive = useMatch({ path: resolvedPath.pathname, end: true });
+ return (
+
+ {children}
+
+ );
+}
diff --git a/src/components/Navbar.module.css b/src/components/Navbar.module.css
new file mode 100644
index 0000000..b1056dd
--- /dev/null
+++ b/src/components/Navbar.module.css
@@ -0,0 +1,27 @@
+.List {
+ display: flex;
+ gap: 30px;
+ list-style-type: none;
+}
+
+.Nav {
+ background-color: #333333;
+ display: flex;
+ align-items: center;
+}
+li > a {
+ display: inline-flex;
+ color: white;
+ font-family: "Jua", sans-serif;
+ font-size: 20px;
+ text-decoration: none;
+}
+
+.ItemLogo {
+ display: inline-flex;
+ padding: 10px;
+}
+
+.active > a {
+ color: #6ec2cb;
+}
diff --git a/src/components/TodoList.js b/src/components/TodoList.js
index 1a9e2c7..efdaa1c 100644
--- a/src/components/TodoList.js
+++ b/src/components/TodoList.js
@@ -2,18 +2,62 @@ import React from "react";
import TodoListItem from "./TodoListItem";
import PropTypes from "prop-types";
import style from "./TodoList.module.css";
+import ButtonSortTitle from "./ButtonSortTitle";
+import ButtonSortDate from "./ButtonSortDate";
+import ButtonSortDays from "./ButtonSortDays";
+import moment from "moment";
+
+const TodoList = ({ todoList, onRemoveTodo, setTodoList, onImportantTodo }) => {
+ const tableRows = todoList.map((item) => {
+ if (moment(item.fields.DueDate).diff(moment(), "days") >= 0) {
+ return (
+
+ );
+ } else {
+ return "";
+ }
+ });
-const TodoList = ({ todoList, onRemoveTodo }) => {
return (
-
- {todoList.map((item, index) => (
-
- ))}
-
+ <>
+
+
+
+ |
+ Title
+ {
+
+ }
+ |
+
+ Due Date
+ {}
+ |
+
+ Days Left
+ {}
+ |
+ Important |
+ |
+
+
+ {tableRows}
+
+
);
};
TodoList.propTypes = {
todoList: PropTypes.array,
onRemoveTodo: PropTypes.func,
+ setTodoList: PropTypes.func,
+ onImportantTodo: PropTypes.func,
};
export default TodoList;
diff --git a/src/components/TodoList.module.css b/src/components/TodoList.module.css
index e566a90..1140baf 100644
--- a/src/components/TodoList.module.css
+++ b/src/components/TodoList.module.css
@@ -1,8 +1,19 @@
-.parent {
- display: grid;
- grid-template-columns: repeat(3, 1fr);
-
- line-height: 150px;
- column-gap: 20px;
- row-gap: 20px;
+table {
+ border: 5px solid #ffffff;
+ border-collapse: collapse;
+ margin: 0;
+ padding: 0;
+ width: 100%;
+ table-layout: fixed;
+}
+table tr {
+ background-color: #f8f8f8;
+ border: 2px solid rgb(213, 212, 212);
+ font-family: "Josefin Sans", cursive;
+}
+table th {
+ font-size: 0.85em;
+ letter-spacing: 0.1em;
+ text-transform: uppercase;
+ font-family: "Jua", sans-serif;
}
diff --git a/src/components/TodoListItem.js b/src/components/TodoListItem.js
index b7f58b8..f40729a 100644
--- a/src/components/TodoListItem.js
+++ b/src/components/TodoListItem.js
@@ -1,25 +1,61 @@
import React from "react";
import style from "./TodoListItem.module.css";
import PropTypes from "prop-types";
+import moment from "moment";
+
+const TodoListItem = ({ item, onRemoveTodo, onImportantTodo }) => {
+ const formatDate = (dt) => {
+ const year = dt.substring(0, 4);
+ const month = dt.substring(5, 7);
+ const day = dt.substring(8, 10);
+ const displayDate = `${month}/${day}/${year}`;
+
+ return displayDate;
+ };
+ const handleImportantClick = () => {
+ item.fields.Important = !item.fields.Important;
+ onImportantTodo(item);
+ };
-const TodoListItem = ({ item, onRemoveTodo }) => {
return (
-
- {item.fields.Title}
-
-
-
+ <>
+
+ | {item.fields.Title} |
+ {formatDate(item.fields.DueDate)} |
+ {moment(item.fields.DueDate).diff(moment(), "days")} |
+
+ {item.fields.Important === true ? (
+
+ ) : (
+
+ )}
+ |
+
+
+ |
+
+
);
};
TodoListItem.propTypes = {
item: PropTypes.object,
onRemoveTodo: PropTypes.func,
+ onImportantTodo: PropTypes.func,
};
export default TodoListItem;
diff --git a/src/components/TodoListItem.module.css b/src/components/TodoListItem.module.css
index 94369a5..9d4c2fa 100644
--- a/src/components/TodoListItem.module.css
+++ b/src/components/TodoListItem.module.css
@@ -1,12 +1,3 @@
-.ListItem {
- border-radius: 10px;
- background-color: #333333;
- color: rgb(255, 255, 255);
- list-style-type: none;
- font-size: 20px;
- font-family: "Josefin Sans", cursive;
-}
-
.buttonRemove:hover {
background: white;
}
@@ -21,3 +12,12 @@
border-radius: 10px;
margin: 20px auto;
}
+.buttonImportant {
+ display: inline;
+ cursor: pointer;
+ transition: all 0.1s ease-in;
+ padding: 10px;
+ border: 2px solid #f00e16;
+ border-radius: 10px;
+ margin: 20px auto;
+}
diff --git a/src/components/TodoListOutdated.js b/src/components/TodoListOutdated.js
new file mode 100644
index 0000000..834c367
--- /dev/null
+++ b/src/components/TodoListOutdated.js
@@ -0,0 +1,42 @@
+import React from "react";
+import TodoListItem from "./TodoListItem";
+import PropTypes from "prop-types";
+import moment from "moment";
+
+const TodoListOutdated = ({ todoList, onRemoveTodo, onImportantTodo }) => {
+ const tableRows = todoList.map((item) => {
+ if (moment(item.fields.DueDate).diff(moment(), "days") < 0) {
+ return (
+
+ );
+ } else {
+ return "";
+ }
+ });
+ return (
+
+
+
+ | Title |
+ Due Date |
+ Days Left |
+ |
+ |
+
+
+ {tableRows}
+
+ );
+};
+TodoListOutdated.propTypes = {
+ todoList: PropTypes.array,
+ onRemoveTodo: PropTypes.func,
+ onImportantTodo: PropTypes.func,
+};
+
+export default TodoListOutdated;
diff --git a/src/components/assets/arrow-black.svg b/src/components/assets/arrow-black.svg
new file mode 100644
index 0000000..bea2a81
--- /dev/null
+++ b/src/components/assets/arrow-black.svg
@@ -0,0 +1,7 @@
+
+
\ No newline at end of file
diff --git a/src/components/assets/down-arrow-blue.svg b/src/components/assets/down-arrow-blue.svg
new file mode 100644
index 0000000..dd5b49a
--- /dev/null
+++ b/src/components/assets/down-arrow-blue.svg
@@ -0,0 +1,10 @@
+
+
+
\ No newline at end of file
diff --git a/src/components/logoAnimation.json b/src/components/logoAnimation.json
new file mode 100644
index 0000000..3638e2c
--- /dev/null
+++ b/src/components/logoAnimation.json
@@ -0,0 +1 @@
+{"v":"5.5.8","fr":60,"ip":0,"op":146,"w":400,"h":400,"nm":"Empty State_Survey","ddd":0,"assets":[{"id":"comp_0","layers":[{"ddd":0,"ind":1,"ty":3,"nm":"▽ Pencil","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[100,145.067,0],"ix":2},"a":{"a":0,"k":[40,143,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"Eraser","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[40,59.206,0],"ix":2},"a":{"a":0,"k":[0,19.5,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,-6.23],[0,0],[0,0],[0,0],[-6.23,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,-6.23],[0,0],[6.24,0]],"v":[[19.77,1.471],[19.77,9.821],[-19.77,9.821],[-19.77,1.471],[-8.48,-9.819],[8.48,-9.819]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.898000001907,0.451000005007,0.451000005007,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":[200,200],"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":"Eraser","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":"Metal","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[40,81.419,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,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-19.77,11.059],[-19.77,-11.061],[19.77,-11.061],[19.77,11.059]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.3662520051,0.62123799324,0.654862999916,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":[200,200],"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":"Metal","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":"Body","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[40,103.54,0],"ix":2},"a":{"a":0,"k":[0,-72,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,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-19.77,36.082],[-19.77,-36.078],[19.77,-36.078],[19.77,36.082]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0.569548010826,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[200,200],"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":"Body","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":"Head","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[-20,266.919,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,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[19.77,-10.645],[5.86,10.645],[-6.39,10.645],[-19.77,-10.645]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.933332979679,0.760783970356,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[200,200],"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":"Head","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":6,"ty":4,"nm":"Tip","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[-20.001,296.021,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,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[6.13,-3.906],[-0.12,3.904],[-6.13,-3.906]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.062744997442,0.419607996941,0.466666996479,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":[200,200],"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":"Tip","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0}]},{"id":"comp_1","layers":[{"ddd":0,"ind":1,"ty":4,"nm":"Fill","sr":1,"ks":{"o":{"a":0,"k":78,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":0,"s":[-58]},{"t":11,"s":[0]}],"ix":10},"p":{"a":0,"k":[111,108,0],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0.833,0.833,0.833],"y":[0.833,0.833,0.833]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0.167,0.167]},"t":0,"s":[0,0,100]},{"i":{"x":[0.833,0.833,0.833],"y":[0.833,0.833,0.833]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0.167,0.167]},"t":18,"s":[150,150,100]},{"t":24,"s":[100,100,100]}],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[-1.5,12],[-6.51,12],[-6.51,-6.34],[-12.5,-4.58],[-12.5,-8.44],[-2.04,-12],[-1.5,-12]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,0.73],[-0.47,0.46],[-0.71,0],[-0.48,-0.47],[0,-0.75],[0.47,-0.46],[0.74,0],[0.47,0.46]],"o":[[0,-0.75],[0.48,-0.47],[0.73,0],[0.47,0.46],[0,0.73],[-0.47,0.46],[-0.72,0],[-0.47,-0.46]],"v":[[7.5,9.52],[8.21,7.7],[9.99,7],[11.79,7.7],[12.5,9.52],[11.8,11.31],[9.99,12],[8.2,11.31]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","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":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0.062744997442,0.419607996941,0.466666996479,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":[200,200],"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":"Fill","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"#stroke","ln":"stroke","sr":1,"ks":{"o":{"a":0,"k":57,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[339,113,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,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-86.5,0],[86.5,0]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.325490196078,0.741176470588,0.737254901961,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":6,"s":[7]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":12,"s":[14]},{"t":25,"s":[7]}],"ix":5},"lc":2,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[200,200],"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":"#stroke","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false,"ln":"stroke"},{"ty":"tm","s":{"a":0,"k":0,"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":6,"s":[1]},{"t":31,"s":[100]}],"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":"#stroke 2","ln":"stroke","sr":1,"ks":{"o":{"a":0,"k":57,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[288,174,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,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-107,0],[107,0]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.325490196078,0.741176470588,0.737254901961,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":19,"s":[7]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":25,"s":[14]},{"t":34,"s":[7]}],"ix":5},"lc":2,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[200,200],"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":"#stroke","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false,"ln":"stroke"},{"ty":"tm","s":{"a":0,"k":0,"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":9,"s":[0]},{"t":34,"s":[100]}],"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":"#stroke","ln":"stroke","sr":1,"ks":{"o":{"a":0,"k":57,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[288,224,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,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-107,0],[107,0]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.325490196078,0.741176470588,0.737254901961,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":19,"s":[7]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":30,"s":[14]},{"t":44,"s":[7]}],"ix":5},"lc":2,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[200,200],"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":"#stroke","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false,"ln":"stroke"},{"ty":"tm","s":{"a":0,"k":0,"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":9,"s":[0]},{"t":34,"s":[100]}],"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":"Box","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[115,307,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":[{"ty":"rc","d":1,"s":{"a":0,"k":[41,41],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":3,"ix":4},"nm":"Rectangle Path 1","mn":"ADBE Vector Shape - Rect","hd":false},{"ty":"st","c":{"a":0,"k":[0.325489997864,0.741176009178,0.737254977226,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":0,"s":[6]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":5,"s":[16]},{"t":21,"s":[6]}],"ix":5},"lc":2,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[200,200],"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":"Box","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"tm","s":{"a":0,"k":0,"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":0,"s":[0]},{"t":18,"s":[100]}],"ix":2},"o":{"a":0,"k":275,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":6,"ty":4,"nm":"Bottom","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[300,320.5,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,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-50,0],[50,0]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.325489997864,0.741176009178,0.737254977226,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":7,"ix":5},"lc":2,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[200,200],"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":"Top","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"tm","s":{"a":0,"k":0,"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.333],"y":[0]},"t":20,"s":[0]},{"t":41,"s":[59]}],"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":7,"ty":4,"nm":"Top","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[300,280.5,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,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-50,0],[50,0]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.325489997864,0.741176009178,0.737254977226,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":7,"ix":5},"lc":2,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[200,200],"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":"Top","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"tm","s":{"a":0,"k":0,"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.333],"y":[0]},"t":20,"s":[0]},{"t":41,"s":[100]}],"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":8,"ty":4,"nm":"Rectangle","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[201,200,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":[{"ty":"rc","d":1,"s":{"a":0,"k":[201,200],"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":"fl","c":{"a":0,"k":[0.729412019253,0.933332979679,0.88627499342,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":[200,200],"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","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0}]}],"layers":[{"ddd":0,"ind":1,"ty":3,"nm":"Null 8","sr":1,"ks":{"o":{"a":0,"k":0,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[200,240,0],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":0,"nm":"Pencil","parent":1,"refId":"comp_0","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":9,"s":[-72.789]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":48,"s":[41]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":59,"s":[33]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":69,"s":[30]},{"t":88,"s":[22]}],"ix":10},"p":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":36,"s":[-131.5,47,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":46,"s":[-81,94.071,0],"to":[0,0,0],"ti":[-47.5,48.071,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":56,"s":[-11.25,23.571,0],"to":[47.5,-48.071,0],"ti":[0,0,0]},{"t":84,"s":[28,105.571,0]}],"ix":2},"a":{"a":0,"k":[44,306,0],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0.833,0.833,0.833],"y":[0.833,0.833,0.833]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0.167,0.167]},"t":0,"s":[0,0,100]},{"i":{"x":[0.833,0.833,0.833],"y":[0.833,0.833,0.833]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0.167,0.167]},"t":22,"s":[0,0,100]},{"i":{"x":[0.833,0.833,0.833],"y":[0.833,0.833,0.833]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0.167,0.167]},"t":32,"s":[77.5,77.5,100]},{"i":{"x":[0.833,0.833,0.833],"y":[0.833,0.833,0.833]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0.167,0.167]},"t":58,"s":[83.685,83.685,100]},{"t":70,"s":[99.5,99.5,100]}],"ix":6}},"ao":0,"w":80,"h":326,"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":"Tick","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[-57,54,0],"ix":2},"a":{"a":0,"k":[0,1,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,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[-37.219,-6.772],[-12.63,17.75],[27.375,-22.625]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.062744997442,0.419607996941,0.466666996479,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":8,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[200,200],"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":"Tick","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"tm","s":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":0,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":36,"s":[0]},{"t":48,"s":[11]}],"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":0,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":36,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":56,"s":[100]},{"t":65,"s":[90]}],"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":4,"ty":0,"nm":"BG_Survey","refId":"comp_1","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[200,210,0],"ix":2},"a":{"a":0,"k":[200,200,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"hasMask":true,"masksProperties":[{"inv":false,"mode":"a","pt":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[200,200],[200,200],[200,200],[200,200]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":24,"s":[{"i":[[106.039,0],[0,-106.039],[-106.039,0],[0,106.039]],"o":[[-106.039,0],[0,106.039],[106.039,0],[0,-106.039]],"v":[[200,8],[8,200],[200,392],[392,200]],"c":true}]},{"t":33,"s":[{"i":[[92.784,0],[0,-92.784],[-92.784,0],[0,92.784]],"o":[[-92.784,0],[0,92.784],[92.784,0],[0,-92.784]],"v":[[200,32],[32,200],[200,368],[368,200]],"c":true}]}],"ix":1},"o":{"a":0,"k":100,"ix":3},"x":{"a":0,"k":0,"ix":4},"nm":"Mask 1"}],"w":400,"h":400,"ip":0,"op":300,"st":0,"bm":0}],"markers":[]}
\ No newline at end of file