diff --git a/asset-manifest.json b/asset-manifest.json index 4d21cfb90..c24643203 100644 --- a/asset-manifest.json +++ b/asset-manifest.json @@ -1,15 +1,15 @@ { "files": { - "main.css": "/curso-react-intro/static/css/main.bbce1e86.css", - "main.js": "/curso-react-intro/static/js/main.84e7f53e.js", + "main.css": "/curso-react-intro/static/css/main.78b3a241.css", + "main.js": "/curso-react-intro/static/js/main.6c9f49aa.js", + "static/media/montserrat.regular (1).otf": "/curso-react-intro/static/media/montserrat.regular (1).f6f4687cae2913667862.otf", + "static/media/montserrat.bold.otf": "/curso-react-intro/static/media/montserrat.bold.3e1af75edfb540c0c49c.otf", "index.html": "/curso-react-intro/index.html", - "static/media/delete.svg": "/curso-react-intro/static/media/delete.7018c4465589031bd51c8efbe21df9ca.svg", - "static/media/check.svg": "/curso-react-intro/static/media/check.e9a948bba52a34123d2ed7aeda0ea495.svg", - "main.bbce1e86.css.map": "/curso-react-intro/static/css/main.bbce1e86.css.map", - "main.84e7f53e.js.map": "/curso-react-intro/static/js/main.84e7f53e.js.map" + "main.78b3a241.css.map": "/curso-react-intro/static/css/main.78b3a241.css.map", + "main.6c9f49aa.js.map": "/curso-react-intro/static/js/main.6c9f49aa.js.map" }, "entrypoints": [ - "static/css/main.bbce1e86.css", - "static/js/main.84e7f53e.js" + "static/css/main.78b3a241.css", + "static/js/main.6c9f49aa.js" ] } \ No newline at end of file diff --git a/index.html b/index.html index 8a0855427..a76cd884d 100644 --- a/index.html +++ b/index.html @@ -1 +1 @@ -TODO Machine
\ No newline at end of file +TODO Machine
\ No newline at end of file diff --git a/static/css/main.78b3a241.css b/static/css/main.78b3a241.css new file mode 100644 index 000000000..9d1c76a42 --- /dev/null +++ b/static/css/main.78b3a241.css @@ -0,0 +1,2 @@ +@font-face{font-family:Montserrat-Bold;font-weight:700;src:url(/curso-react-intro/static/media/montserrat.bold.3e1af75edfb540c0c49c.otf) format("truetype")}@font-face{font-family:Montserrat-Regular;font-weight:400;src:url("/curso-react-intro/static/media/montserrat.regular%20(1).f6f4687cae2913667862.otf") format("truetype")}*{font-family:montserrat}body{background-color:#f2f4f5;margin:0 auto;width:375px}.TodoCounter{color:#000;font-family:montserrat;font-size:24px;font-weight:300;margin:0;padding:48px;text-align:center}.TodoCounter span{font-family:montserrat;font-weight:700}.TodoSearch{border:2px solid #1e1e1f;border-radius:2px;display:block;font-family:Montserrat;font-size:24px;height:64px;margin:0 auto;text-align:center;width:279px}.TodoSearch::placeholder{color:#a5a5a5;font-family:Montserrat;font-weight:400}.TodoSearch:focus{outline-color:#61dafa}ul .TodoItem{align-items:center;background-color:#fafafa;border-radius:2px;box-shadow:0 0 15px #0000001a;display:flex;height:100px;justify-content:space-between;margin-top:20px;padding-left:20px;width:307px}ul .TodoItem .TodoItem-p{color:#1e1e1f;font-family:montserrat;font-size:18px}ul .TodoItem .TodoItem-p--complete{text-decoration:line-through}ul .TodoItem .Icon{align-items:center;cursor:pointer;display:flex;font-size:24px;font-weight:700;height:48px;justify-content:center;width:48px}ul .TodoItem .Icon-delete{position:relative;right:12px;top:-50px}ul .TodoItem .Icon-delete:hover{color:red}ul .TodoItem .Icon-check--active{color:#4caf50}.CreateTodoButton{align-content:center;background-color:#61dafa;border:none;border-radius:50%;bottom:24px;box-shadow:0 5px 25px #61dafa80;color:#fafafa;cursor:pointer;display:flex;font-size:50px;font-weight:700;height:64px;justify-content:center;position:fixed;right:24px;transform:rotate(0);transition:.3s ease;width:64px;z-index:1}.CreateTodoButton:hover{transform:rotate(224deg)}ul{margin:40px auto 0;padding-inline-start:0;width:327px}ul .LoadingTodo-container{align-items:center;animation:loadingAnimation 3s ease-in-out infinite;background:linear-gradient(90deg,#fafafa,#c8c7c7);background-size:400% 400%;border-radius:2px;box-shadow:0 0 15px #0000001a;display:flex;height:100px;justify-content:space-between;margin-top:20px;padding-left:20px;width:307px}ul .LoadingTodo-container .LoadingTodo-text{color:#1e1e1f;font-family:montserrat;font-size:18px}ul .LoadingTodo-container .LoadingTodo-deleteIcon{right:0;top:-45px}ul .LoadingTodo-container .LoadingTodo-completeIcon,ul .LoadingTodo-container .LoadingTodo-deleteIcon{align-items:center;animation:loadingAnimation 3s ease-in-out infinite;background:linear-gradient(90deg,#fafafa,#c8c7c7);background-size:400% 400%;border-radius:50px;cursor:pointer;display:flex;height:48px;justify-content:center;position:relative;width:48px}ul .LoadingTodo-container .LoadingTodo-completeIcon{left:12px}@keyframes loadingAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.ModalBackground{background-color:#202329cc;bottom:0;color:#fff;left:0;position:fixed;right:0;top:0}.ModalBackground,form{align-items:center;display:flex;justify-content:center}form{background-color:#fff;flex-direction:column;max-width:300px;padding:33px 40px;width:90%}form label{font-weight:700;margin-bottom:26px}form label,form textarea{color:#1e1e1f;font-size:20px;text-align:center}form textarea{background-color:#f9fbfc;border:2px solid #202329;border-radius:2px;box-shadow:0 5px 50px #20232a40;height:96px;padding:12px;width:calc(100% - 25px)}form textarea::placeholder{color:#a5a5a5;font-family:Montserrat;font-weight:400}form textarea:focus{outline-color:#61dafa}form .TodoForm-buttonContainer{align-items:center;display:flex;justify-content:space-between;margin-top:14px;width:100%}form .TodoForm-button{border:none;border-radius:2px;color:#202329;cursor:pointer;display:inline-block;font-family:Montserrat;font-size:20px;font-weight:400;height:48px;width:120px}form .TodoForm-button--add{background:#61dafa;box-shadow:0 5px 25px #61dafa80}form .TodoForm-button--cancel{background:#0000} +/*# sourceMappingURL=main.78b3a241.css.map*/ \ No newline at end of file diff --git a/static/css/main.78b3a241.css.map b/static/css/main.78b3a241.css.map new file mode 100644 index 000000000..59f9b85c5 --- /dev/null +++ b/static/css/main.78b3a241.css.map @@ -0,0 +1 @@ +{"version":3,"file":"static/css/main.78b3a241.css","mappings":"AAIA,WACC,4BAOA,gBANA,oGAMA,YACA,+BCPG,eAEJ,CDKC,+GCLD,yBAEI,8BAEA,CACA,cADA,WACA,cASA,UACA,CANI,sBAIR,CAPI,cACA,CAMJ,eACI,CANA,QACI,cAFJ,iBAQA,mBACA,sBACA,gBACA,aAIA,wBACA,CAFA,iBACA,CACA,aACI,CAEA,sBAEJ,CAJI,cACA,CALJ,WACA,CAEA,cAEI,iBACA,CAPJ,WASA,0BACI,aAIJ,CACA,sBAEA,CAHA,eAGA,wCAEI,CAIA,aASI,kBACA,CARJ,wBACA,kBACA,8BAEA,cALA,aAKA,6BAEI,CAPJ,eACA,CAMI,iBACA,CARJ,WASI,0BACI,cAGR,sBACI,CAJI,cAIJ,oCAEA,4BACA,oBAKA,kBACI,CAJJ,cACA,aACA,CAII,cACA,iBAHA,YAFJ,sBACA,CAEI,UAEA,2BAIJ,kBACI,WADJ,SACI,iCCjFZ,2CACA,cACA,kBAgBA,oBAEJ,CAjBI,wBACA,CAIA,WACA,kBACA,CAEA,WACA,CATA,+BAGA,CAQA,aACA,CANA,cACA,CAKA,YACA,CANA,cACA,CACA,eAEA,CAKJ,WACI,CAJA,sBACA,CANA,eACA,WAQA,mBCnBA,oBACA,CDkBA,oBClBA,yBACA,wBACA,IAEI,kBACA,uBAEA,CALJ,WAKI,2BAKA,kBACJ,CAEI,kDAGA,CALJ,iDAEI,2BANA,iBACA,8BAEA,cAJA,YACA,CAGA,8BAHA,gBAGA,kBALA,WAWA,6CAGI,oCAEA,CAHJ,cAII,mDAIA,QADA,SAWA,uGAPA,mBAIJ,kDAGI,CANR,iDAGI,2BAJI,mBAHA,cAEA,aACA,YACR,CADQ,uBAJA,kBAKR,UAyBI,CAnBI,oDAIA,SAeJ,6BAGA,4BC/DJ,iCACA,6BACA,mBACA,0BAGA,CCFA,QACA,CAHA,WACA,OADA,cACA,QACA,CADA,KAEA,uBALA,kBACA,CDMA,YACA,uBCKA,CARA,KACA,qBACA,CAKA,qBACA,CARA,eACA,CACA,iBACD,CAHC,SAQA,YAGA,gBAEA,kBACA,0BAFA,aACA,CADA,eAFD,iBAgBC,CAZA,sCACA,yBACA,kBACA,gCAGA,CAGI,YADA,YACA,wBAGJ,4BACI,aAGL,uCACC,qBAEA,qDAMA,kBAEA,CAJD,YACC,8BACA,CAJA,eAED,CAIC,WACA,sBAQI,YADA,iBACA,CAHJ,cAJA,cACA,qBACA,CAKI,uBAJJ,cACA,gBACA,YACI,CADJ,WAEI,4BAEJ,kBACI","sources":["scss/base/_fonts.scss","scss/pages/home/_TodoCounter.scss","scss/pages/home/_CreateTodoButton.scss","scss/pages/home/_TodosLoading.scss","scss/pages/home/_modal.scss","scss/pages/home/_TodoForm.scss"],"sourcesContent":["////////////////////////////////////////////////////////////\r\n//fonts\r\n////////////////////////////////////////////////////////////\r\n/*Montserrat-Bold*/\r\n@font-face{\r\n\tfont-family: 'Montserrat-Bold';\r\n\tsrc: url('../fonts/montserrat.bold.otf') format('truetype');\r\n\tfont-weight: 700;\r\n\t\r\n}\r\n/*Montserrat-regular*/\r\n@font-face{\r\n\tfont-family: 'Montserrat-Regular';\r\n\tsrc: url('../fonts/montserrat.regular (1).otf') format('truetype');\r\n\tfont-weight: 400;\r\n\t\r\n}","*{\r\n font-family: montserrat;\r\n}\r\nbody{\r\n background-color: #F2F4F5;\r\n width: 375px;\r\n margin: 0 auto;\r\n}\r\n.TodoCounter {\r\n font-size: 24px;\r\n text-align: center;\r\n margin: 0;\r\n padding: 48px;\r\n font-family: montserrat;\r\n font-weight: 300;\r\n color:$black;\r\n span{\r\n font-family: montserrat;\r\n font-weight: bold;\r\n }\r\n}\r\n.TodoSearch{\r\n width: 279px;\r\n height: 64px;\r\n border-radius: 2px;\r\n border: 2px solid #1e1e1f;\r\n margin: 0 auto;\r\n display: block;\r\n font-size: 24px;\r\n text-align: center;\r\n font-family: Montserrat;\r\n &::placeholder{\r\n color: #a5a5a5;\r\n font-weight: 400;\r\n font-family: \"Montserrat\";\r\n }\r\n &:focus{\r\n outline-color: #61dafa;\r\n }\r\n}\r\nul{\r\n width: 327px;\r\n margin: 0 auto;\r\n margin-top: 40px;\r\n padding-inline-start: 0px;\r\n .TodoItem{\r\n width: 307px;\r\n height: 100px;\r\n margin-top: 20px;\r\n background-color: #FAFAFA;\r\n border-radius: 2px;\r\n box-shadow: 0px 0px 15px rgba(0,0,0,0.1);\r\n display: flex;\r\n justify-content: space-between;\r\n padding-left: 20px;\r\n align-items: center;\r\n .TodoItem-p{\r\n font-size: 18px;\r\n color: #1e1e1f;\r\n font-family: montserrat;\r\n &--complete{\r\n text-decoration: line-through;\r\n }\r\n }\r\n .Icon{\r\n cursor:pointer;\r\n display:flex;\r\n justify-content: center;\r\n align-items: center;\r\n height: 48px;\r\n width: 48px;\r\n font-size: 24px;\r\n font-weight: bold;\r\n &-delete{\r\n position: relative;\r\n top: -50px;\r\n right: 12px;\r\n &:hover{\r\n color:red;\r\n }\r\n }\r\n &-check--active{\r\n color: #4caf50;\r\n }\r\n }\r\n }\r\n}",".CreateTodoButton{\r\n background-color: #61DAFA;\r\n box-shadow: 0px 5px 25px rgba(97, 218, 250, 0.5);\r\n border:none;\r\n border-radius: 50%;\r\n cursor:pointer;\r\n font-size: 50px;\r\n position: fixed;\r\n bottom: 24px;\r\n right: 24px;\r\n font-weight: bold;\r\n color:#fafafa;\r\n display: flex;\r\n justify-content: center;\r\n align-content: center;\r\n height: 64px;\r\n width: 64px;\r\n z-index: 1;\r\n transform: rotate(0);\r\n transition: .3s ease;\r\n}\r\n.CreateTodoButton:hover{\r\n transform: rotate(224deg);\r\n}","\r\nul{\r\n width: 327px;\r\n margin: 0 auto;\r\n margin-top: 40px;\r\n padding-inline-start: 0px;\r\n .LoadingTodo-container{\r\n width: 307px;\r\n height: 100px;\r\n margin-top: 20px;\r\n border-radius: 2px;\r\n box-shadow: 0px 0px 15px rgba(0,0,0,0.1);\r\n display: flex;\r\n justify-content: space-between;\r\n padding-left: 20px;\r\n align-items: center;\r\n background: linear-gradient(90deg, rgba(250,250,250,1), rgb(200, 199, 199));\r\n background-size: 400% 400%;\r\n animation: loadingAnimation 3s ease-in-out infinite;\r\n .LoadingTodo-text{\r\n font-size: 18px;\r\n color: #1e1e1f;\r\n font-family: montserrat;\r\n }\r\n .LoadingTodo-deleteIcon{\r\n position: relative;\r\n top: -45px;\r\n right: 0;\r\n cursor: pointer;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n border-radius: 50px;\r\n height: 48px;\r\n width: 48px;\r\n background: linear-gradient(90deg, rgba(250,250,250,1), rgb(200, 199, 199));\r\n background-size: 400% 400%;\r\n animation: loadingAnimation 3s ease-in-out infinite;\r\n }\r\n .LoadingTodo-completeIcon{\r\n position: relative;\r\n left: 12px;\r\n cursor: pointer;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n border-radius: 50px;\r\n height: 48px;\r\n width: 48px;\r\n background: linear-gradient(90deg, rgba(250,250,250,1), rgb(200, 199, 199));\r\n background-size: 400% 400%;\r\n animation: loadingAnimation 3s ease-in-out infinite;\r\n }\r\n }\r\n}\r\n\r\n@keyframes loadingAnimation {\r\n 0% {\r\n background-position: 0% 50%;\r\n }\r\n 50% {\r\n background-position: 100% 50%;\r\n }\r\n 100% {\r\n background-position: 0% 50%;\r\n }\r\n}",".ModalBackground{\r\n background-color: rgba(32,35,41,.8);\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n color: white;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n}","form{\r\n width: 90%;\r\n max-width: 300px;\r\n background-color: #fff;\r\n padding: 33px 40px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n flex-direction: column;\r\n label{\r\n text-align: center;\r\n font-weight: bold;\r\n font-size: 20px;\r\n color: #1e1e1f;\r\n margin-bottom: 26px;\r\n }\r\n textarea{\r\n background-color: #f9fbfc;\r\n border: 2px solid #202329;\r\n border-radius: 2px;\r\n box-shadow: 0px 5px 50px rgba(32,35,42,0.25);\r\n color: #1e1e1f;\r\n font-size: 20px;\r\n text-align: center;\r\n padding: 12px;\r\n height: 96px;\r\n width: calc(100% - 25px);\r\n &::placeholder{\r\n color:#a5a5a5;\r\n font-family: 'Montserrat';\r\n font-weight: 400;\r\n }\r\n &:focus{\r\n outline-color: #61dafa;\r\n }\r\n }\r\n .TodoForm-buttonContainer{\r\n margin-top: 14px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n width: 100%;\r\n } \r\n .TodoForm-button{\r\n cursor: pointer;\r\n display: inline-block;\r\n font-size: 20px;\r\n color: #202329;\r\n font-weight: 400;\r\n width: 120px;\r\n height: 48px;\r\n border-radius: 2px;\r\n border: none;\r\n font-family: 'Montserrat';\r\n &--add{\r\n background: #61dafa;\r\n box-shadow: 0px 5px 25px rgba(97, 218, 250, 0.5);\r\n }\r\n &--cancel{\r\n background: transparent;\r\n }\r\n }\r\n}"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/css/main.bbce1e86.css b/static/css/main.bbce1e86.css deleted file mode 100644 index b158586cf..000000000 --- a/static/css/main.bbce1e86.css +++ /dev/null @@ -1,2 +0,0 @@ -body{background:#f2f4f5;color:#1e1e1f;font-family:Montserrat,Arial,Helvetica,sans-serif;margin:0;padding:0}#root{margin:0 24px;min-height:100vh;position:relative}.TodoCounter{font-size:24px;font-weight:400;margin:0;padding:48px;text-align:center}.TodoCounter span{font-weight:700}.TodoSearch{background:#f9fbfc;border:2px solid #202329;border-radius:2px;box-shadow:0 5px 50px rgba(32,35,41,.25);color:#1e1e1f;font-family:Montserrat;font-size:24px;font-weight:400;height:64px;margin:0 24px;text-align:center;width:calc(100% - 62px)}.TodoSearch::-webkit-input-placeholder{color:#a5a5a5;font-family:Montserrat;font-weight:400}.TodoSearch::placeholder{color:#a5a5a5;font-family:Montserrat;font-weight:400}.TodoSearch:focus{outline-color:#61dafa}.TodoList{list-style:none;margin:0;padding:0 0 56px}.Icon-container{align-items:center;cursor:pointer;display:flex;font-size:24px;font-weight:700;height:48px;justify-content:center;width:48px}.Icon-container-check{left:12px;position:absolute}.Icon-container-check--active{color:#4caf50}.Icon-container-delete{position:absolute;right:0;top:-24px}.Icon-container-delete:hover{color:red}.Icon-svg{height:24px;width:24px}.Icon-container-check:hover .Icon-svg{fill:green}.Icon-container-delete:hover .Icon-svg{fill:red}.TodoItem{align-items:center;background-color:#fafafa;box-shadow:0 5px 50px rgba(32,35,41,.15);display:flex;justify-content:center;margin-top:24px;position:relative}.TodoItem-p{font-size:18px;font-weight:400;line-height:24px;margin:24px 0 24px 24px;width:calc(100% - 120px)}.TodoItem-p--complete{text-decoration:line-through}.LoadingTodo-container{align-items:center;border-radius:10px;box-shadow:0 5px 50px rgba(32,35,41,.15);display:flex;justify-content:center;margin-top:24px;padding:12px 0;position:relative}.LoadingTodo-text{font-size:18px;font-weight:400;line-height:24px;margin:24px 0 24px 24px;width:calc(100% - 120px)}.LoadingTodo-completeIcon,.LoadingTodo-deleteIcon{align-items:center;border-radius:50px;cursor:pointer;display:flex;height:48px;justify-content:center;width:48px}.LoadingTodo-completeIcon{left:12px;position:absolute}.LoadingTodo-deleteIcon{position:absolute;right:0;top:-24px}.LoadingTodo-completeIcon,.LoadingTodo-container,.LoadingTodo-deleteIcon{-webkit-animation:loadingAnimation 3s ease-in-out infinite;animation:loadingAnimation 3s ease-in-out infinite;background:linear-gradient(90deg,#fafafa,#c8c7c7);background-size:400% 400%}@-webkit-keyframes loadingAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes loadingAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.CreateTodoButton{align-items:center;background-color:#61dafa;border:none;border-radius:50%;bottom:24px;box-shadow:0 5px 25px rgba(97,218,250,.5);color:#fafafa;cursor:pointer;display:flex;font-size:50px;font-weight:700;height:64px;justify-content:center;position:fixed;right:24px;-webkit-transform:rotate(0);transform:rotate(0);transition:.3s ease;width:64px;z-index:1}.CreateTodoButton:hover{-webkit-transform:rotate(224deg);transform:rotate(224deg)}form{align-items:center;background-color:#fff;display:flex;flex-direction:column;justify-content:center;max-width:300px;padding:33px 40px;width:90%}label{font-weight:700;margin-bottom:26px}label,textarea{color:#1e1e1f;font-size:20px;text-align:center}textarea{background-color:#f9fbfc;border:2px solid #202329;border-radius:2px;box-shadow:0 5px 50px rgba(32,35,41,.25);height:96px;padding:12px;width:calc(100% - 25px)}textarea::-webkit-input-placeholder{color:#a5a5a5;font-family:Montserrat;font-weight:400}textarea::placeholder{color:#a5a5a5;font-family:Montserrat;font-weight:400}textarea:focus{outline-color:#61dafa}.TodoForm-buttonContainer{align-items:center;display:flex;justify-content:space-between;margin-top:14px;width:100%}.TodoForm-button{border:none;border-radius:2px;color:#202329;cursor:pointer;display:inline-block;font-family:Montserrat;font-size:20px;font-weight:400;height:48px;width:120px}.TodoForm-button--add{background:#61dafa;box-shadow:0 5px 25px rgba(97,218,250,.5)}.TodoForm-button--cancel{background:transparent}.ModalBackground{align-items:center;background-color:rgba(32,35,41,.8);bottom:0;color:#fff;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0} -/*# sourceMappingURL=main.bbce1e86.css.map*/ \ No newline at end of file diff --git a/static/css/main.bbce1e86.css.map b/static/css/main.bbce1e86.css.map deleted file mode 100644 index 073e5ece8..000000000 --- a/static/css/main.bbce1e86.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"static/css/main.bbce1e86.css","mappings":"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","sources":["index.css","TodoCounter/TodoCounter.css","TodoSearch/TodoSearch.css","TodoList/TodoList.css","TodoIcon/TodoIcon.css","TodoItem/TodoItem.css","TodosLoading/TodosLoading.css","CreateTodoButton/CreateTodoButton.css","TodoForm/TodoForm.css","Modal/Modal.css"],"sourcesContent":["body {\n margin: 0;\n padding: 0;\n background: #F2F4F5;\n color: #1E1E1F;\n font-family: 'Montserrat', Arial, Helvetica, sans-serif;\n}\n\n#root {\n margin: 0 24px;\n position: relative;\n min-height: 100vh;\n}\n",".TodoCounter {\n font-size: 24px;\n text-align: center;\n margin: 0;\n padding: 48px;\n font-weight: normal;\n}\n\n.TodoCounter span {\n font-weight: bold;\n}\n",".TodoSearch {\n background: #F9FBFC;\n border-radius: 2px;\n border: 2px solid #202329;\n margin: 0 24px;\n height: 64px;\n width: calc(100% - 62px);\n font-size: 24px;\n text-align: center;\n font-family: 'Montserrat';\n font-weight: 400;\n color: #1E1E1F;\n box-shadow: 0px 5px 50px rgba(32, 35, 41, 0.25);\n}\n\n.TodoSearch::placeholder {\n color: #A5A5A5;\n font-family: 'Montserrat';\n font-weight: 400;\n}\n\n.TodoSearch:focus {\n outline-color: #61DAFA;\n}\n",".TodoList {\n margin: 0;\n padding: 0 0 56px 0;\n list-style: none;\n}\n","\n.Icon-container {\n cursor: pointer;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 48px;\n width: 48px;\n font-size: 24px;\n font-weight: bold;\n /* background-color: #CCC; */\n}\n\n.Icon-container-check {\n position: absolute;\n left: 12px;\n}\n.Icon-container-check--active {\n color: #4caf50;\n}\n\n.Icon-container-delete {\n position: absolute;\n top: -24px;\n right: 0;\n}\n.Icon-container-delete:hover {\n color: red;\n}\n\n.Icon-svg {\n width: 24px;\n height: 24px;\n}\n\n.Icon-container-check:hover .Icon-svg {\n fill: green;\n}\n.Icon-container-delete:hover .Icon-svg {\n fill: red;\n}\n",".TodoItem {\n background-color: #FAFAFA;\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n margin-top: 24px;\n box-shadow: 0px 5px 50px rgba(32, 35, 41, 0.15);\n}\n\n.TodoItem-p {\n margin: 24px 0 24px 24px;\n width: calc(100% - 120px);\n font-size: 18px;\n line-height: 24px;\n font-weight: 400;\n}\n.TodoItem-p--complete {\n text-decoration: line-through;\n}\n",".LoadingTodo-container {\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n margin-top: 24px;\n box-shadow: 0px 5px 50px rgba(32, 35, 41, 0.15);\n border-radius: 10px;\n padding: 12px 0;\n}\n\n.LoadingTodo-text {\n margin: 24px 0 24px 24px;\n width: calc(100% - 120px);\n font-size: 18px;\n line-height: 24px;\n font-weight: 400;\n}\n\n.LoadingTodo-completeIcon,\n.LoadingTodo-deleteIcon {\n cursor: pointer;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 50px;\n height: 48px;\n width: 48px;\n}\n.LoadingTodo-completeIcon {\n position: absolute;\n left: 12px;\n}\n.LoadingTodo-deleteIcon {\n position: absolute;\n top: -24px;\n right: 0;\n}\n\n\n.LoadingTodo-container,\n.LoadingTodo-completeIcon,\n.LoadingTodo-deleteIcon {\n background: linear-gradient(90deg, rgba(250,250,250,1), rgb(200, 199, 199));\n background-size: 400% 400%;\n animation: loadingAnimation 3s ease-in-out infinite;\n}\n\n@keyframes loadingAnimation {\n 0% {\n background-position: 0% 50%;\n }\n 50% {\n background-position: 100% 50%;\n }\n 100% {\n background-position: 0% 50%;\n }\n}\n",".CreateTodoButton {\n background-color: #61DAFA;\n box-shadow: 0px 5px 25px rgba(97, 218, 250, 0.5);\n border: none;\n border-radius: 50%;\n cursor: pointer;\n font-size: 50px;\n position: fixed;\n bottom: 24px;\n right: 24px;\n font-weight: bold;\n color: #FAFAFA;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 64px;\n width: 64px;\n z-index: 1;\n\n transform: rotate(0);\n transition: .3s ease;\n}\n\n.CreateTodoButton:hover {\n transform: rotate(224deg);\n}\n","form {\n width: 90%;\n max-width: 300px;\n background-color: #fff;\n padding: 33px 40px;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n}\n\nlabel {\n text-align: center;\n font-weight: bold;\n font-size: 20px;\n color: #1E1E1F;\n margin-bottom: 26px;\n}\n\ntextarea {\n background-color: #F9FBFC;\n border: 2px solid #202329;\n border-radius: 2px;\n box-shadow: 0px 5px 50px rgba(32, 35, 41, 0.25);\n color: #1E1E1F;\n font-size: 20px;\n text-align: center;\n padding: 12px;\n height: 96px;\n width: calc(100% - 25px);\n}\n\ntextarea::placeholder {\n color: #A5A5A5;\n font-family: 'Montserrat';\n font-weight: 400;\n}\n\ntextarea:focus {\n outline-color: #61DAFA;\n}\n\n.TodoForm-buttonContainer {\n margin-top: 14px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n}\n\n.TodoForm-button {\n cursor: pointer;\n display: inline-block;\n font-size: 20px;\n color: #202329;\n font-weight: 400;\n width: 120px;\n height: 48px;\n border-radius: 2px;\n border: none;\n font-family: 'Montserrat';\n}\n\n.TodoForm-button--add {\n background: #61DAFA;\n box-shadow: 0px 5px 25px rgba(97, 218, 250, 0.5);\n}\n\n.TodoForm-button--cancel {\n background: transparent;\n}\n",".ModalBackground {\n background-color: rgba(32,35,41,.8);\n display: flex;\n justify-content: center;\n align-items: center;\n color: white;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/js/main.6c9f49aa.js b/static/js/main.6c9f49aa.js new file mode 100644 index 000000000..d542c6d7a --- /dev/null +++ b/static/js/main.6c9f49aa.js @@ -0,0 +1,3 @@ +/*! For license information please see main.6c9f49aa.js.LICENSE.txt */ +(()=>{var e={888:(e,n,t)=>{"use strict";var r=t(47);function a(){}function i(){}i.resetWarningCache=a,e.exports=function(){function e(e,n,t,a,i,o){if(o!==r){var l=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw l.name="Invariant Violation",l}}function n(){return e}e.isRequired=e;var t={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:n,element:e,elementType:e,instanceOf:n,node:e,objectOf:n,oneOf:n,oneOfType:n,shape:n,exact:n,checkPropTypes:i,resetWarningCache:a};return t.PropTypes=t,t}},7:(e,n,t)=>{e.exports=t(888)()},47:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},463:(e,n,t)=>{"use strict";var r=t(791),a=t(296);function i(e){for(var n="https://reactjs.org/docs/error-decoder.html?invariant="+e,t=1;t