diff --git a/asset-manifest.json b/asset-manifest.json new file mode 100644 index 0000000..b737a7f --- /dev/null +++ b/asset-manifest.json @@ -0,0 +1,23 @@ +{ + "files": { + "main.css": "/react-todo-app/static/css/main.a8c86875.chunk.css", + "main.js": "/react-todo-app/static/js/main.4adf344b.chunk.js", + "main.js.map": "/react-todo-app/static/js/main.4adf344b.chunk.js.map", + "runtime-main.js": "/react-todo-app/static/js/runtime-main.3db00947.js", + "runtime-main.js.map": "/react-todo-app/static/js/runtime-main.3db00947.js.map", + "static/js/2.c16bf901.chunk.js": "/react-todo-app/static/js/2.c16bf901.chunk.js", + "static/js/2.c16bf901.chunk.js.map": "/react-todo-app/static/js/2.c16bf901.chunk.js.map", + "index.html": "/react-todo-app/index.html", + "precache-manifest.a1ac1b79a5732cf56ff6da4efa431f84.js": "/react-todo-app/precache-manifest.a1ac1b79a5732cf56ff6da4efa431f84.js", + "service-worker.js": "/react-todo-app/service-worker.js", + "static/css/main.a8c86875.chunk.css.map": "/react-todo-app/static/css/main.a8c86875.chunk.css.map", + "static/js/2.c16bf901.chunk.js.LICENSE.txt": "/react-todo-app/static/js/2.c16bf901.chunk.js.LICENSE.txt", + "static/media/index.scss": "/react-todo-app/static/media/oHPNYn1wymI.d8048530.jpg" + }, + "entrypoints": [ + "static/js/runtime-main.3db00947.js", + "static/js/2.c16bf901.chunk.js", + "static/css/main.a8c86875.chunk.css", + "static/js/main.4adf344b.chunk.js" + ] +} \ No newline at end of file diff --git a/favicon.ico b/favicon.ico new file mode 100644 index 0000000..bcd5dfd Binary files /dev/null and b/favicon.ico differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..70ce5a9 --- /dev/null +++ b/index.html @@ -0,0 +1 @@ +React App
\ No newline at end of file diff --git a/logo192.png b/logo192.png new file mode 100644 index 0000000..fc44b0a Binary files /dev/null and b/logo192.png differ diff --git a/logo512.png b/logo512.png new file mode 100644 index 0000000..a4e47a6 Binary files /dev/null and b/logo512.png differ diff --git a/manifest.json b/manifest.json new file mode 100644 index 0000000..080d6c7 --- /dev/null +++ b/manifest.json @@ -0,0 +1,25 @@ +{ + "short_name": "React App", + "name": "Create React App Sample", + "icons": [ + { + "src": "favicon.ico", + "sizes": "64x64 32x32 24x24 16x16", + "type": "image/x-icon" + }, + { + "src": "logo192.png", + "type": "image/png", + "sizes": "192x192" + }, + { + "src": "logo512.png", + "type": "image/png", + "sizes": "512x512" + } + ], + "start_url": ".", + "display": "standalone", + "theme_color": "#000000", + "background_color": "#ffffff" +} diff --git a/precache-manifest.a1ac1b79a5732cf56ff6da4efa431f84.js b/precache-manifest.a1ac1b79a5732cf56ff6da4efa431f84.js new file mode 100644 index 0000000..a623684 --- /dev/null +++ b/precache-manifest.a1ac1b79a5732cf56ff6da4efa431f84.js @@ -0,0 +1,30 @@ +self.__precacheManifest = (self.__precacheManifest || []).concat([ + { + "revision": "d5812f1f4293331d625e0ad0cd7f43ce", + "url": "/react-todo-app/index.html" + }, + { + "revision": "04884ec5baf87889a5fc", + "url": "/react-todo-app/static/css/main.a8c86875.chunk.css" + }, + { + "revision": "da5c68a6e83736e63fb1", + "url": "/react-todo-app/static/js/2.c16bf901.chunk.js" + }, + { + "revision": "3453b8997016469371284a28c0e873e2", + "url": "/react-todo-app/static/js/2.c16bf901.chunk.js.LICENSE.txt" + }, + { + "revision": "04884ec5baf87889a5fc", + "url": "/react-todo-app/static/js/main.4adf344b.chunk.js" + }, + { + "revision": "77ef626dbdd4b1e53296", + "url": "/react-todo-app/static/js/runtime-main.3db00947.js" + }, + { + "revision": "d80485304bdd140fe6254947524597b3", + "url": "/react-todo-app/static/media/oHPNYn1wymI.d8048530.jpg" + } +]); \ No newline at end of file diff --git a/robots.txt b/robots.txt new file mode 100644 index 0000000..e9e57dc --- /dev/null +++ b/robots.txt @@ -0,0 +1,3 @@ +# https://www.robotstxt.org/robotstxt.html +User-agent: * +Disallow: diff --git a/service-worker.js b/service-worker.js new file mode 100644 index 0000000..f4760f1 --- /dev/null +++ b/service-worker.js @@ -0,0 +1,39 @@ +/** + * Welcome to your Workbox-powered service worker! + * + * You'll need to register this file in your web app and you should + * disable HTTP caching for this file too. + * See https://goo.gl/nhQhGp + * + * The rest of the code is auto-generated. Please don't update this file + * directly; instead, make changes to your Workbox build configuration + * and re-run your build process. + * See https://goo.gl/2aRDsh + */ + +importScripts("https://storage.googleapis.com/workbox-cdn/releases/4.3.1/workbox-sw.js"); + +importScripts( + "/react-todo-app/precache-manifest.a1ac1b79a5732cf56ff6da4efa431f84.js" +); + +self.addEventListener('message', (event) => { + if (event.data && event.data.type === 'SKIP_WAITING') { + self.skipWaiting(); + } +}); + +workbox.core.clientsClaim(); + +/** + * The workboxSW.precacheAndRoute() method efficiently caches and responds to + * requests for URLs in the manifest. + * See https://goo.gl/S9QRab + */ +self.__precacheManifest = [].concat(self.__precacheManifest || []); +workbox.precaching.precacheAndRoute(self.__precacheManifest, {}); + +workbox.routing.registerNavigationRoute(workbox.precaching.getCacheKeyForURL("/react-todo-app/index.html"), { + + blacklist: [/^\/_/,/\/[^/?]+\.[^/]+$/], +}); diff --git a/static/css/main.a8c86875.chunk.css b/static/css/main.a8c86875.chunk.css new file mode 100644 index 0000000..295c08f --- /dev/null +++ b/static/css/main.a8c86875.chunk.css @@ -0,0 +1,2 @@ +@import url(https://fonts.googleapis.com/css2?family=Advent+Pro:wght@300;400;500;600;700&family=Neucha&family=Quicksand:wght@300;400;500;600;700&display=swap);*{padding:0;margin:0;list-style:none;outline:none;box-sizing:border-box;font-family:"Neucha",cursive}body{background:#e5e5e5}.todo{max-width:750px;margin:220px auto;display:flex}.todo__sidebar{background:#e8ded5;width:200px}.todo__tasks{background:#ffffe0;width:550px;padding:55px;background:url(/react-todo-app/static/media/oHPNYn1wymI.d8048530.jpg) 0 0/cover no-repeat}.field{padding:10px;background:#fff;border:1px solid #efefef;box-sizing:border-box;border-radius:4px}.field:focus{border-color:#767676}.list{margin:60px 30px 0}.list__header{display:flex;align-items:center;margin-bottom:25px;cursor:pointer;-webkit-filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));filter:drop-shadow(0 4px 4px rgba(0,0,0,.25))}.list__header p{font-size:24px;line-height:16px;letter-spacing:.2px;margin-left:5px}.list__body a{text-decoration:none;color:#000}.list__body .listItem{padding:11px 10px;display:flex;align-items:center;justify-content:space-between}.list__body .listItem svg{stroke:#ccb59b}.list__body .listItem svg:hover{stroke:#000}.list__body .listItem .listItemWrap{display:flex;align-items:center}.list__body p{font-size:14px;line-height:16px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list__body .listHeader p{font-size:26px;line-height:22px;letter-spacing:.2px;-webkit-filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));filter:drop-shadow(0 4px 4px rgba(0,0,0,.25))}.list__body .listHeader svg{display:none}.list__footer{margin:27px 0}.list__footer button{display:flex;align-items:center;border:none;background-color:transparent;cursor:pointer}.list__footer button:hover{opacity:.8}.list__footer button p{font-size:14px;line-height:17px;color:#767676;margin-left:5px}.active{background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.05);border-radius:4px}.circle{width:10px;height:10px;border-radius:50%;margin-right:10px}.green{background-color:#42b883}.blue{background-color:#64c4ed}.orange{background-color:#ff4500}.red{background-color:red}.indigo{background-color:indigo}.addListPopup{position:absolute;max-width:235px;background:#fff;box-shadow:0 6px 10px rgba(0,0,0,.05);border-radius:10px;padding:17px;margin-top:15px}.addListPopup .popupInput,.addListPopup .popupInput input{width:100%}.addListPopup .selectColor{display:flex;align-items:center;justify-content:center;width:100%;margin-top:13px}.addListPopup .selectColor .circle{width:20px;height:20px;cursor:pointer;border:2px solid transparent}.addListPopup .selectColor .circle__active{border:2px solid #525252}.addListPopup button{width:100%;padding:10px 62px;color:#fff;border-radius:4px;border:none;background-color:#42b883;margin-top:13px;cursor:pointer}.addListPopup button:hover{background-color:#379a6e}.addListPopup .krest{position:absolute;right:-8px;top:-8px;cursor:pointer}.tasks__title{margin-left:5px;display:flex;align-items:center}.tasks__title svg{margin-left:10px;fill:#696969;opacity:.5}.tasks__title h2{font-style:normal;font-weight:700;font-size:32px;line-height:39px;color:#000}.tasks__title:hover svg{opacity:.8}.tasks__list{margin-top:45px}.tasks__list input{width:100%}.tasks__list .tasks__item{display:flex;margin-bottom:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;align-items:center;justify-content:space-between}.tasks__list .tasks__item .tasks__item__svg{opacity:0;margin-left:5px}.tasks__list .tasks__item .taskItemWrap{display:flex;align-items:center;width:100%}.tasks__list .tasks__item .checkbox label{cursor:pointer;display:inline-flex;height:20px;width:20px;border-radius:50%;border:2px solid #ccb59b;margin-right:15px;align-items:center;justify-content:center}.tasks__list .tasks__item .checkbox label svg{opacity:0}.tasks__list .tasks__item .checkbox label:hover{background-color:#ccb59b;border-color:#ccb59b}.tasks__list .tasks__item .checkbox label:hover svg{opacity:1}.tasks__list .tasks__item .checkbox label:hover svg path{stroke:#000}.tasks__list .tasks__item .checkbox input:checked+label{background-color:#4dd599;border:none}.tasks__list .tasks__item .checkbox input:checked+label svg{opacity:1}.tasks__list .tasks__item .checkbox input:checked+label svg path{stroke:#fff}.tasks__list .tasks__item .checkbox input{display:none}.tasks__list .tasks__item:hover .tasks__item__svg{opacity:1;stroke:#000}.newTask{margin-top:25px}.newTask,.newTask button{display:flex;align-items:center}.newTask button{border:none;background-color:transparent;cursor:pointer;margin-bottom:50px}.newTask button:hover{opacity:.8}.newTask button p{margin-left:20px;color:#b4b4b4;font-weight:500;font-size:16px;line-height:19px}.newTask .sendTaskBtn{display:flex}.newTask .sendTaskBtn .greenBtn{max-width:145px;padding:7px 5px 10px;background-color:#4dd599;border:none;border-radius:4px;margin-right:9px;color:#fff}.newTask .sendTaskBtn .grayBtn{max-width:90px;padding:7px 5px 10px;background-color:#dcdcdc;border:none;border-radius:4px;color:#9c9c9c}.newTaskInput{margin-top:20px}.changeTaskInput{padding:5px;background:#fff;border:1px solid #767676;box-sizing:border-box;border-radius:4px}.emptyTasks p{font-style:normal;font-weight:700;font-size:32px;line-height:39px;text-align:center;color:#ccb59b} +/*# sourceMappingURL=main.a8c86875.chunk.css.map */ \ No newline at end of file diff --git a/static/css/main.a8c86875.chunk.css.map b/static/css/main.a8c86875.chunk.css.map new file mode 100644 index 0000000..2c25887 --- /dev/null +++ b/static/css/main.a8c86875.chunk.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["main.a8c86875.chunk.css","index.scss","List.scss","AddNewButtonList.scss","Tasks.scss"],"names":[],"mappings":"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","file":"main.a8c86875.chunk.css","sourcesContent":["@import url(https://fonts.googleapis.com/css2?family=Advent+Pro:wght@300;400;500;600;700&family=Neucha&family=Quicksand:wght@300;400;500;600;700&display=swap);\n*{padding:0;margin:0;list-style:none;outline:none;box-sizing:border-box;font-family:'Neucha', cursive}body{background:#E5E5E5}.todo{max-width:750px;margin:220px auto;display:flex}.todo__sidebar{background:#e8ded5;width:200px}.todo__tasks{background:#FFFFE0;width:550px;padding:55px;background:url(/react-todo-app/static/media/oHPNYn1wymI.d8048530.jpg) 0 0/cover no-repeat}.field{padding:10px;background:#FFFFFF;border:1px solid #EFEFEF;box-sizing:border-box;border-radius:4px}.field:focus{border-color:#767676}\n\n.list{margin:60px 30px 0px}.list__header{display:flex;align-items:center;margin-bottom:25px;cursor:pointer;-webkit-filter:drop-shadow(0px 4px 4px rgba(0,0,0,0.25));filter:drop-shadow(0px 4px 4px rgba(0,0,0,0.25))}.list__header p{font-size:24px;line-height:16px;letter-spacing:0.2px;margin-left:5px}.list__body a{text-decoration:none;color:black}.list__body .listItem{padding:11px 10px;display:flex;align-items:center;justify-content:space-between}.list__body .listItem svg{stroke:#ccb59b}.list__body .listItem svg:hover{stroke:black}.list__body .listItem .listItemWrap{display:flex;align-items:center}.list__body p{font-size:14px;line-height:16px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list__body .listHeader p{font-size:26px;line-height:22px;letter-spacing:0.2px;-webkit-filter:drop-shadow(0px 4px 4px rgba(0,0,0,0.25));filter:drop-shadow(0px 4px 4px rgba(0,0,0,0.25))}.list__body .listHeader svg{display:none}.list__footer{margin:27px 0px}.list__footer button{display:flex;align-items:center;border:none;background-color:transparent;cursor:pointer}.list__footer button:hover{opacity:0.8}.list__footer button p{font-size:14px;line-height:17px;color:#767676;margin-left:5px}.active{background:#FFFFFF;box-shadow:0px 2px 10px rgba(0,0,0,0.05);border-radius:4px}.circle{width:10px;height:10px;border-radius:50%;margin-right:10px}.green{background-color:#42B883}.blue{background-color:#64C4ED}.orange{background-color:#FF4500}.red{background-color:#FF0000}.indigo{background-color:#4B0082}\n\n.addListPopup{position:absolute;max-width:235px;background:#FFFFFF;box-shadow:0px 6px 10px rgba(0,0,0,0.05);border-radius:10px;padding:17px;margin-top:15px}.addListPopup .popupInput{width:100%}.addListPopup .popupInput input{width:100%}.addListPopup .selectColor{display:flex;align-items:center;justify-content:center;width:100%;margin-top:13px}.addListPopup .selectColor .circle{width:20px;height:20px;cursor:pointer;border:2px solid transparent}.addListPopup .selectColor .circle__active{border:2px solid #525252}.addListPopup button{width:100%;padding:10px 62px;color:#fff;border-radius:4px;border:none;background-color:#42B883;margin-top:13px;cursor:pointer}.addListPopup button:hover{background-color:#379a6e}.addListPopup .krest{position:absolute;right:-8px;top:-8px;cursor:pointer}\n\n.tasks__title{margin-left:5px;display:flex;align-items:center}.tasks__title svg{margin-left:10px;fill:#696969;opacity:0.5}.tasks__title h2{font-style:normal;font-weight:bold;font-size:32px;line-height:39px;color:black}.tasks__title:hover svg{opacity:0.8}.tasks__list{margin-top:45px}.tasks__list input{width:100%}.tasks__list .tasks__item{display:flex;margin-bottom:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;align-items:center;justify-content:space-between}.tasks__list .tasks__item .tasks__item__svg{opacity:0;margin-left:5px}.tasks__list .tasks__item .taskItemWrap{display:flex;align-items:center;width:100%}.tasks__list .tasks__item .checkbox label{cursor:pointer;display:inline-flex;height:20px;width:20px;border-radius:50%;border:2px solid #ccb59b;margin-right:15px;align-items:center;justify-content:center}.tasks__list .tasks__item .checkbox label svg{opacity:0}.tasks__list .tasks__item .checkbox label:hover{background-color:#ccb59b;border-color:#ccb59b}.tasks__list .tasks__item .checkbox label:hover svg{opacity:1}.tasks__list .tasks__item .checkbox label:hover svg path{stroke:black}.tasks__list .tasks__item .checkbox input:checked+label{background-color:#4DD599;border:none}.tasks__list .tasks__item .checkbox input:checked+label svg{opacity:1}.tasks__list .tasks__item .checkbox input:checked+label svg path{stroke:#fff}.tasks__list .tasks__item .checkbox input{display:none}.tasks__list .tasks__item:hover .tasks__item__svg{opacity:1;stroke:black}.newTask{margin-top:25px;display:flex;align-items:center}.newTask button{display:flex;border:none;background-color:transparent;align-items:center;cursor:pointer;margin-bottom:50px}.newTask button:hover{opacity:0.8}.newTask button p{margin-left:20px;color:#B4B4B4;font-weight:500;font-size:16px;line-height:19px}.newTask .sendTaskBtn{display:flex}.newTask .sendTaskBtn .greenBtn{max-width:145px;padding:7px 5px 10px 5px;background-color:#4DD599;border:none;border-radius:4px;margin-right:9px;color:#fff}.newTask .sendTaskBtn .grayBtn{max-width:90px;padding:7px 5px 10px 5px;background-color:#DCDCDC;border:none;border-radius:4px;color:#9C9C9C}.newTaskInput{margin-top:20px}.changeTaskInput{padding:5px;background:#FFFFFF;border:1px solid #767676;box-sizing:border-box;border-radius:4px}.emptyTasks p{font-style:normal;font-weight:bold;font-size:32px;line-height:39px;text-align:center;color:#ccb59b}\n\n","@import url('https://fonts.googleapis.com/css2?family=Advent+Pro:wght@300;400;500;600;700&family=Neucha&family=Quicksand:wght@300;400;500;600;700&display=swap');\n\n* {\n padding: 0;\n margin: 0;\n list-style: none;\n outline: none;\n box-sizing: border-box;\n font-family: 'Neucha', cursive;\n\n\n\n\n\n}\n\nbody {\n background: #E5E5E5;\n\n}\n\n.todo {\n max-width: 750px;\n margin: 220px auto;\n display: flex;\n\n\n &__sidebar {\n background: #e8ded5;\n width: 200px;\n }\n\n\n\n\n\n &__tasks {\n background: #FFFFE0\t;\n width: 550px;\n padding: 55px;\n background: url('./assets/img/oHPNYn1wymI.jpg') 0 0/cover no-repeat;\n }\n}\n\n.field {\n padding: 10px;\n background: #FFFFFF;\n border: 1px solid #EFEFEF;\n box-sizing: border-box;\n border-radius: 4px;\n &:focus {\n border-color: #767676;\n }\n}\n\n\n","\r\n.list {\r\n margin: 60px 30px 0px;\r\n\r\n &__header {\r\n display: flex;\r\n align-items: center;\r\n\r\n margin-bottom: 25px;\r\n cursor: pointer;\r\n\r\n filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));\r\n\r\n p {\r\n font-size: 24px;\r\n line-height: 16px;\r\n letter-spacing: 0.2px;\r\n margin-left: 5px;\r\n }\r\n\r\n }\r\n\r\n &__body {\r\n\r\n\r\na {\r\n text-decoration: none;\r\n color: black;\r\n}\r\n\r\n .listItem {\r\n padding: 11px 10px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n\r\n svg{\r\n stroke: #ccb59b\r\n }\r\n\r\n\r\n svg:hover {\r\n stroke: black;\r\n }\r\n\r\n .listItemWrap {\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n }\r\n p {\r\n font-size: 14px;\r\n line-height: 16px;\r\n cursor: pointer;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n }\r\n\r\n .listHeader {\r\n\r\n p {\r\n font-size: 26px;\r\n line-height: 22px;\r\n letter-spacing: 0.2px;\r\n filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));\r\n }\r\n svg {\r\n display: none;\r\n }\r\n }\r\n }\r\n\r\n &__footer {\r\n margin: 27px 0px;\r\n\r\n button {\r\n display: flex;\r\n align-items: center;\r\n border: none;\r\n background-color: transparent;\r\n cursor: pointer;\r\n &:hover {\r\n opacity: 0.8;\r\n }\r\n\r\n p {\r\n font-size: 14px;\r\n line-height: 17px;\r\n color: #767676;\r\n margin-left: 5px;\r\n }\r\n }\r\n\r\n }\r\n}\r\n\r\n\r\n.active {\r\n background: #FFFFFF;\r\n box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.05);\r\n border-radius: 4px;\r\n}\r\n\r\n.circle {\r\n width: 10px;\r\n height: 10px;\r\n border-radius: 50%;\r\n margin-right: 10px;\r\n}\r\n\r\n.green {\r\n background-color: #42B883;\r\n}\r\n\r\n.blue {\r\n background-color: #64C4ED;\r\n}\r\n\r\n.orange {\r\n background-color: #FF4500;\r\n}\r\n\r\n.red {\r\n background-color: #FF0000;\r\n}\r\n\r\n.indigo {\r\n background-color: #4B0082;\r\n}\r\n\r\n\r\n\r\n",".addListPopup {\r\n position: absolute;\r\n max-width: 235px;\r\n background: #FFFFFF;\r\n box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.05);\r\n border-radius: 10px;\r\n padding: 17px;\r\n margin-top: 15px;\r\n\r\n .popupInput {\r\n width: 100%;\r\n input {\r\n width: 100%;\r\n }\r\n\r\n }\r\n\r\n .selectColor {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 100%;\r\n margin-top: 13px;\r\n\r\n .circle {\r\n width: 20px;\r\n height: 20px;\r\n cursor: pointer;\r\n border: 2px solid transparent;\r\n\r\n &__active {\r\n border: 2px solid #525252;\r\n }\r\n }\r\n\r\n }\r\n\r\n button {\r\n width: 100%;\r\n padding: 10px 62px;\r\n color: #fff;\r\n border-radius: 4px;\r\n border: none;\r\n background-color: #42B883;\r\n margin-top: 13px;\r\n cursor: pointer;\r\n\r\n &:hover {\r\n background-color: darken(#42B883, 8%);\r\n }\r\n\r\n }\r\n\r\n .krest {\r\n position: absolute;\r\n right: -8px;\r\n top: -8px;\r\n cursor: pointer;\r\n }\r\n\r\n}",".tasks__title {\r\n margin-left: 5px;\r\n display: flex;\r\n align-items: center;\r\n\r\n svg {\r\n margin-left: 10px;\r\n fill: #696969;\r\n opacity: 0.5;\r\n }\r\n\r\n\r\n\r\n\r\n h2 {\r\n font-style: normal;\r\n font-weight: bold;\r\n font-size: 32px;\r\n line-height: 39px;\r\n color: black;\r\n }\r\n}\r\n\r\n\r\n.tasks__title:hover {\r\n svg {\r\n opacity: 0.8;\r\n }\r\n}\r\n\r\n.tasks__list {\r\nmargin-top: 45px;\r\n input {\r\n width: 100%;\r\n\r\n\r\n }\r\n\r\n\r\n .tasks__item {\r\n display: flex;\r\n margin-bottom: 20px;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n align-items: center;\r\n justify-content: space-between;\r\n\r\n\r\n\r\n .tasks__item__svg {\r\n opacity: 0;\r\n margin-left: 5px\r\n }\r\n\r\n\r\n .taskItemWrap {\r\n display: flex;\r\n align-items: center;\r\n width: 100%;\r\n\r\n\r\n }\r\n\r\n .checkbox {\r\n\r\n\r\n label {\r\n cursor: pointer;\r\n display: inline-flex;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n border: 2px solid #ccb59b;\r\n margin-right: 15px;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n svg {\r\n opacity: 0;\r\n }\r\n\r\n\r\n }\r\n\r\n label:hover {\r\n background-color: #ccb59b;\r\n border-color: #ccb59b;\r\n svg {\r\n opacity: 1;\r\n path {\r\n stroke: black;\r\n }\r\n }\r\n }\r\n\r\n input:checked + label {\r\n background-color: #4DD599;\r\n border: none;\r\n svg {\r\n opacity: 1;\r\n path {\r\n stroke: #fff\r\n }\r\n }\r\n }\r\n\r\n input {\r\n display: none;\r\n }\r\n }\r\n }\r\n\r\n .tasks__item:hover {\r\n .tasks__item__svg {\r\n opacity: 1;\r\n stroke: black;\r\n }\r\n\r\n }\r\n\r\n}\r\n\r\n.newTask {\r\n margin-top: 25px;\r\n display: flex;\r\n align-items: center;\r\n\r\n button {\r\n display: flex;\r\n border: none;\r\n background-color: transparent;\r\n align-items: center;\r\n cursor: pointer;\r\n margin-bottom: 50px;\r\n &:hover {\r\n opacity: 0.8;\r\n }\r\n p {\r\n margin-left: 20px;\r\n color: #B4B4B4;\r\n font-weight: 500;\r\n font-size: 16px;\r\n line-height: 19px;\r\n }\r\n }\r\n .sendTaskBtn {\r\n display: flex;\r\n\r\n .greenBtn {\r\n max-width: 145px;\r\n padding: 7px 5px 10px 5px;\r\n background-color: #4DD599;\r\n border: none;\r\n border-radius: 4px;\r\n margin-right: 9px;\r\n color: #fff;\r\n }\r\n .grayBtn {\r\n max-width: 90px;\r\n padding: 7px 5px 10px 5px;\r\n background-color: #DCDCDC;\r\n border: none;\r\n border-radius: 4px;\r\n color: #9C9C9C\r\n\r\n\r\n }\r\n }\r\n\r\n\r\n}\r\n\r\n.newTaskInput {\r\n margin-top: 20px;\r\n}\r\n\r\n.changeTaskInput {\r\n padding: 5px;\r\n background: #FFFFFF;\r\n border: 1px solid #767676;\r\n box-sizing: border-box;\r\n border-radius: 4px;\r\n\r\n}\r\n\r\n.emptyTasks {\r\n p {\r\n font-style: normal;\r\n font-weight: bold;\r\n font-size: 32px;\r\n line-height: 39px;\r\n text-align: center;\r\n color: #ccb59b;\r\n }\r\n}"]} \ No newline at end of file diff --git a/static/js/2.c16bf901.chunk.js b/static/js/2.c16bf901.chunk.js new file mode 100644 index 0000000..5fc0433 --- /dev/null +++ b/static/js/2.c16bf901.chunk.js @@ -0,0 +1,3 @@ +/*! For license information please see 2.c16bf901.chunk.js.LICENSE.txt */ +(this["webpackJsonpreact-todo"]=this["webpackJsonpreact-todo"]||[]).push([[2],[function(e,t,n){"use strict";e.exports=n(26)},function(e,t,n){"use strict";function r(){return(r=Object.assign||function(e){for(var t=1;t=0||(i[n]=e[n]);return i}n.d(t,"a",(function(){return r}))},function(e,t,n){"use strict";function r(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e.__proto__=t}n.d(t,"a",(function(){return r}))},function(e,t,n){"use strict";n.d(t,"a",(function(){return s})),n.d(t,"b",(function(){return v})),n.d(t,"c",(function(){return w}));var r=n(0),i=n.n(r),o=(n(8),i.a.createContext(null));var a=function(e){e()},l={notify:function(){}};function u(){var e=a,t=null,n=null;return{clear:function(){t=null,n=null},notify:function(){e((function(){for(var e=t;e;)e.callback(),e=e.next}))},get:function(){for(var e=[],n=t;n;)e.push(n),n=n.next;return e},subscribe:function(e){var r=!0,i=n={callback:e,next:null,prev:n};return i.prev?i.prev.next=i:t=i,function(){r&&null!==t&&(r=!1,i.next?i.next.prev=i.prev:n=i.prev,i.prev?i.prev.next=i.next:t=i.next)}}}}var c=function(){function e(e,t){this.store=e,this.parentSub=t,this.unsubscribe=null,this.listeners=l,this.handleChangeWrapper=this.handleChangeWrapper.bind(this)}var t=e.prototype;return t.addNestedSub=function(e){return this.trySubscribe(),this.listeners.subscribe(e)},t.notifyNestedSubs=function(){this.listeners.notify()},t.handleChangeWrapper=function(){this.onStateChange&&this.onStateChange()},t.isSubscribed=function(){return Boolean(this.unsubscribe)},t.trySubscribe=function(){this.unsubscribe||(this.unsubscribe=this.parentSub?this.parentSub.addNestedSub(this.handleChangeWrapper):this.store.subscribe(this.handleChangeWrapper),this.listeners=u())},t.tryUnsubscribe=function(){this.unsubscribe&&(this.unsubscribe(),this.unsubscribe=null,this.listeners.clear(),this.listeners=l)},e}();var s=function(e){var t=e.store,n=e.context,a=e.children,l=Object(r.useMemo)((function(){var e=new c(t);return e.onStateChange=e.notifyNestedSubs,{store:t,subscription:e}}),[t]),u=Object(r.useMemo)((function(){return t.getState()}),[t]);Object(r.useEffect)((function(){var e=l.subscription;return e.trySubscribe(),u!==t.getState()&&e.notifyNestedSubs(),function(){e.tryUnsubscribe(),e.onStateChange=null}}),[l,u]);var s=n||o;return i.a.createElement(s.Provider,{value:l},a)},f=(n(1),n(4),n(11),n(13),"undefined"!==typeof window&&"undefined"!==typeof window.document&&"undefined"!==typeof window.document.createElement?r.useLayoutEffect:r.useEffect);n(15);function d(){return Object(r.useContext)(o)}function p(e){void 0===e&&(e=o);var t=e===o?d:function(){return Object(r.useContext)(e)};return function(){return t().store}}var h=p();function m(e){void 0===e&&(e=o);var t=e===o?h:p(e);return function(){return t().dispatch}}var v=m(),y=function(e,t){return e===t};function g(e){void 0===e&&(e=o);var t=e===o?d:function(){return Object(r.useContext)(e)};return function(e,n){void 0===n&&(n=y);var i=t(),o=function(e,t,n,i){var o,a=Object(r.useReducer)((function(e){return e+1}),0)[1],l=Object(r.useMemo)((function(){return new c(n,i)}),[n,i]),u=Object(r.useRef)(),s=Object(r.useRef)(),d=Object(r.useRef)(),p=Object(r.useRef)(),h=n.getState();try{o=e!==s.current||h!==d.current||u.current?e(h):p.current}catch(m){throw u.current&&(m.message+="\nThe error may be correlated with this previous error:\n"+u.current.stack+"\n\n"),m}return f((function(){s.current=e,d.current=h,p.current=o,u.current=void 0})),f((function(){function e(){try{var e=s.current(n.getState());if(t(e,p.current))return;p.current=e}catch(m){u.current=m}a()}return l.onStateChange=e,l.trySubscribe(),e(),function(){return l.tryUnsubscribe()}}),[n,l]),o}(e,n,i.store,i.subscription);return Object(r.useDebugValue)(o),o}}var b,w=g(),x=n(12);b=x.unstable_batchedUpdates,a=b},function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var r=n(9);var i=n(14);function o(e){return function(e){if(Array.isArray(e))return Object(r.a)(e)}(e)||function(e){if("undefined"!==typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||Object(i.a)(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}},function(e,t,n){e.exports=n(32)()},function(e,t,n){"use strict";function r(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n=0;d--){var p=i[d];"."===p?u(i,d):".."===p?(u(i,d),f++):f&&(u(i,d),f--)}if(!c)for(;f--;f)i.unshift("..");!c||""===i[0]||i[0]&&l(i[0])||i.unshift("");var h=i.join("/");return n&&"/"!==h.substr(-1)&&(h+="/"),h};var s=function(e,t){if(!e)throw new Error("Invariant failed")};function f(e){return"/"===e.charAt(0)?e:"/"+e}function d(e){return"/"===e.charAt(0)?e.substr(1):e}function p(e,t){return function(e,t){return 0===e.toLowerCase().indexOf(t.toLowerCase())&&-1!=="/?#".indexOf(e.charAt(t.length))}(e,t)?e.substr(t.length):e}function h(e){return"/"===e.charAt(e.length-1)?e.slice(0,-1):e}function m(e){var t=e.pathname,n=e.search,r=e.hash,i=t||"/";return n&&"?"!==n&&(i+="?"===n.charAt(0)?n:"?"+n),r&&"#"!==r&&(i+="#"===r.charAt(0)?r:"#"+r),i}function v(e,t,n,r){var i;"string"===typeof e?(i=function(e){var t=e||"/",n="",r="",i=t.indexOf("#");-1!==i&&(r=t.substr(i),t=t.substr(0,i));var o=t.indexOf("?");return-1!==o&&(n=t.substr(o),t=t.substr(0,o)),{pathname:t,search:"?"===n?"":n,hash:"#"===r?"":r}}(e)).state=t:(void 0===(i=Object(a.a)({},e)).pathname&&(i.pathname=""),i.search?"?"!==i.search.charAt(0)&&(i.search="?"+i.search):i.search="",i.hash?"#"!==i.hash.charAt(0)&&(i.hash="#"+i.hash):i.hash="",void 0!==t&&void 0===i.state&&(i.state=t));try{i.pathname=decodeURI(i.pathname)}catch(o){throw o instanceof URIError?new URIError('Pathname "'+i.pathname+'" could not be decoded. This is likely caused by an invalid percent-encoding.'):o}return n&&(i.key=n),r?i.pathname?"/"!==i.pathname.charAt(0)&&(i.pathname=c(i.pathname,r.pathname)):i.pathname=r.pathname:i.pathname||(i.pathname="/"),i}function y(){var e=null;var t=[];return{setPrompt:function(t){return e=t,function(){e===t&&(e=null)}},confirmTransitionTo:function(t,n,r,i){if(null!=e){var o="function"===typeof e?e(t,n):e;"string"===typeof o?"function"===typeof r?r(o,i):i(!0):i(!1!==o)}else i(!0)},appendListener:function(e){var n=!0;function r(){n&&e.apply(void 0,arguments)}return t.push(r),function(){n=!1,t=t.filter((function(e){return e!==r}))}},notifyListeners:function(){for(var e=arguments.length,n=new Array(e),r=0;rt?n.splice(t,n.length-t,r):n.push(r),f({action:"PUSH",location:r,index:t,entries:n})}}))},replace:function(e,t){var r=v(e,t,d(),w.location);s.confirmTransitionTo(r,"REPLACE",n,(function(e){e&&(w.entries[w.index]=r,f({action:"REPLACE",location:r}))}))},go:b,goBack:function(){b(-1)},goForward:function(){b(1)},canGo:function(e){var t=w.index+e;return t>=0&&tN.length&&N.push(e)}function j(e,t,n){return null==e?0:function e(t,n,r,i){var l=typeof t;"undefined"!==l&&"boolean"!==l||(t=null);var u=!1;if(null===t)u=!0;else switch(l){case"string":case"number":u=!0;break;case"object":switch(t.$$typeof){case o:case a:u=!0}}if(u)return r(i,t,""===n?"."+M(t,0):n),1;if(u=0,n=""===n?".":n+":",Array.isArray(t))for(var c=0;c