diff --git a/asset-manifest.json b/asset-manifest.json index 6000a0b..c27ccba 100644 --- a/asset-manifest.json +++ b/asset-manifest.json @@ -1,15 +1,15 @@ { "files": { - "main.css": "/goit-react-hw-06-phonebook/static/css/main.d4ad2964.css", - "main.js": "/goit-react-hw-06-phonebook/static/js/main.7c4496d3.js", + "main.css": "/goit-react-hw-06-phonebook/static/css/main.53d33dfe.css", + "main.js": "/goit-react-hw-06-phonebook/static/js/main.172abb7c.js", "static/media/bodybackground.png": "/goit-react-hw-06-phonebook/static/media/bodybackground.99a2702c09e66a0ee917.png", "static/media/phonecover.png": "/goit-react-hw-06-phonebook/static/media/phonecover.3cd78a8c04f44794c262.png", "index.html": "/goit-react-hw-06-phonebook/index.html", - "main.d4ad2964.css.map": "/goit-react-hw-06-phonebook/static/css/main.d4ad2964.css.map", - "main.7c4496d3.js.map": "/goit-react-hw-06-phonebook/static/js/main.7c4496d3.js.map" + "main.53d33dfe.css.map": "/goit-react-hw-06-phonebook/static/css/main.53d33dfe.css.map", + "main.172abb7c.js.map": "/goit-react-hw-06-phonebook/static/js/main.172abb7c.js.map" }, "entrypoints": [ - "static/css/main.d4ad2964.css", - "static/js/main.7c4496d3.js" + "static/css/main.53d33dfe.css", + "static/js/main.172abb7c.js" ] } \ No newline at end of file diff --git a/index.html b/index.html index 0219f5f..285449e 100644 --- a/index.html +++ b/index.html @@ -1 +1 @@ -React App

Phone Book

\ No newline at end of file +React App

Phone Book

\ No newline at end of file diff --git a/static/css/main.53d33dfe.css b/static/css/main.53d33dfe.css new file mode 100644 index 0000000..1d49d58 --- /dev/null +++ b/static/css/main.53d33dfe.css @@ -0,0 +1,2 @@ +li{align-items:center;font-family:Dancing Script;font-size:20px;justify-content:space-between;list-style:none}li,ul{display:flex}ul{flex-direction:column;gap:5px;justify-content:flex-start;padding-left:0}.ContactListItem_deleteBtn__roUYm{background-color:#fecc4a;border:2px solid #000;border-radius:5px;color:#000;cursor:pointer;font-size:15px;margin-left:10px;padding:5px 10px}.ContactListItem_deleteBtn__roUYm:hover{background-color:#000;color:#fecc4a}:where(html){line-height:1.15}:where(h1){font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:initial;color:inherit;height:0}:where(pre){font-family:monospace,monospace;font-size:1em}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:initial}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:url(/goit-react-hw-06-phonebook/static/media/bodybackground.99a2702c09e66a0ee917.png);background-size:cover;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif,Dancing Script,cursive;justify-content:center;margin:50px 0 0;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.book{-webkit-box-align:center;-ms-flex-align:center;background-color:#fecc4a;color:#000;height:37rem;perspective:2000px;position:relative;width:50rem}.book,.cover{border-radius:10px;box-shadow:1px 1px 12px #000;display:flex;justify-content:center}.cover{align-items:center;background-color:#d3d3d3;background-image:url(/goit-react-hw-06-phonebook/static/media/phonecover.3cd78a8c04f44794c262.png);background-size:cover;cursor:pointer;height:100%;position:absolute;top:0;transform-origin:0;transition:all .5s;width:100%}.book:hover .cover{transform:rotatey(-80deg);transition:all .5s}.book-cover{color:grey;font-family:Dancing Script}p{font-size:20px;font-weight:bolder} +/*# sourceMappingURL=main.53d33dfe.css.map*/ \ No newline at end of file diff --git a/static/css/main.53d33dfe.css.map b/static/css/main.53d33dfe.css.map new file mode 100644 index 0000000..15a110f --- /dev/null +++ b/static/css/main.53d33dfe.css.map @@ -0,0 +1 @@ +{"version":3,"file":"static/css/main.53d33dfe.css","mappings":"AAAA,GAII,kBAAmB,CACnB,0BAA2B,CAC3B,cAAe,CAHf,6BAA8B,CAF9B,eAMJ,CAEA,MAPI,YAaJ,CANA,GAEI,qBAAsB,CAGtB,OAAQ,CAFR,0BAA2B,CAC3B,cAEJ,CAEA,kCACI,wBAAyB,CACzB,qBAAuB,CAIvB,iBAAkB,CAFlB,UAAmB,CAGnB,cAAe,CAJf,cAAe,CAKf,gBAAiB,CAHjB,gBAIF,CAEA,wCACE,qBAAyB,CACzB,aACF,CCxBF,aACE,gBACF,CAUA,WACE,aAAc,CACd,sBAAwB,CACxB,wBACF,CASA,kCACE,kBAAmB,CACnB,oBACF,CAOA,WACE,kBAAuB,CACvB,aAAc,CACd,QACF,CAOA,YACE,+BAAiC,CACjC,aACF,CASA,oBACE,yBAA0B,CAC1B,wCAAiC,CAAjC,gCACF,CAMA,iBACE,kBACF,CAOA,sBACE,+BAAiC,CACjC,aACF,CAMA,cACE,aACF,CAUA,cACE,yBAA0B,CAC1B,aACF,CASA,4BACE,QACF,CAMA,eACE,mBACF,CAMA,wEACE,yBACF,CAMA,iBACE,sBACF,CAMA,eACE,mBACF,CAMA,iBACE,QACF,CAOA,6BACE,4BAA6B,CAC7B,mBACF,CAMA,wDAEE,WACF,CAMA,4BACE,aAAc,CACd,WACF,CAMA,4BACE,uBACF,CAOA,6BACE,yBAA0B,CAC1B,YACF,CAMA,yGACE,iBAAkB,CAClB,SACF,CAMA,uGACE,6BACF,CAMA,yBACE,eACF,CASA,eACE,qBAAuB,CACvB,YAAa,CACb,UAAY,CACZ,uBAAwB,CACxB,kBAAmB,CACnB,MAAO,CACP,WAAY,CACZ,WAAY,CACZ,iBAAkB,CAClB,OAAQ,CACR,sBAAuB,CACvB,iBACF,CAEA,2BACE,YACF,CAMA,gBACE,iBACF,CCrQA,KAKE,kCAAmC,CACnC,iCAAkC,CAKlC,sGAAiD,CACjD,qBAAsB,CALtB,YAAa,CALb,0JAEuC,CAIvC,sBAAuB,CACvB,eAAgB,CAIhB,eACF,CAGA,KACE,uEAEF,CAEA,MAaE,wBAAyB,CACzB,qBAAsB,CATtB,wBAAyB,CAczB,UAAW,CAfX,YAAa,CAKb,kBAAmB,CARnB,iBAAkB,CAElB,WAiBF,CAEA,aApBE,kBAAmB,CAKnB,4BAA6B,CAK7B,YAAa,CAMb,sBA8BF,CA1BA,OAsBE,kBAAmB,CAnBnB,wBAA2B,CAC5B,kGAA6C,CAC5C,qBAAsB,CAItB,cAAe,CAFf,WAAY,CALZ,iBAAkB,CADlB,KAAM,CAaN,kBAAmB,CAHnB,kBAAoB,CALpB,UAoBF,CAEA,mBAKE,yBAA0B,CAH1B,kBAIF,CAEA,YAEE,UAAW,CADX,0BAEF,CAGA,EACE,cAAe,CACf,kBACF","sources":["components/ContactListItem/ContactListItem.module.css","../node_modules/@csstools/normalize.css/normalize.css","index.css"],"sourcesContent":["li {\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-family: Dancing Script;\n font-size: 20px;\n}\n\nul {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n padding-left: 0;\n gap: 5px;\n}\n\n.deleteBtn {\n background-color: #fecc4a;\n border: 2px solid black;\n font-size: 15px;\n color: rgb(0, 0, 0);\n padding: 5px 10px;\n border-radius: 5px;\n cursor: pointer;\n margin-left: 10px;\n }\n\n .deleteBtn:hover {\n background-color: #000000;\n color: #fecc4a;\n }","/* Document\n * ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n */\n\n:where(html) {\n line-height: 1.15; /* 1 */\n}\n\n/* Sections\n * ========================================================================== */\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Edge, Firefox, and Safari.\n */\n\n:where(h1) {\n font-size: 2em;\n margin-block-end: 0.67em;\n margin-block-start: 0.67em;\n}\n\n/* Grouping content\n * ========================================================================== */\n\n/**\n * Remove the margin on nested lists in Chrome, Edge, and Safari.\n */\n\n:where(dl, ol, ul) :where(dl, ol, ul) {\n margin-block-end: 0;\n margin-block-start: 0;\n}\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Correct the inheritance of border color in Firefox.\n */\n\n:where(hr) {\n box-sizing: content-box; /* 1 */\n color: inherit; /* 2 */\n height: 0; /* 1 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\n:where(pre) {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n * ========================================================================== */\n\n/**\n * Add the correct text decoration in Safari.\n */\n\n:where(abbr[title]) {\n text-decoration: underline;\n text-decoration: underline dotted;\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\n:where(b, strong) {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\n:where(code, kbd, samp) {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\n:where(small) {\n font-size: 80%;\n}\n\n/* Tabular data\n * ========================================================================== */\n\n/**\n * 1. Correct table border color in Chrome, Edge, and Safari.\n * 2. Remove text indentation from table contents in Chrome, Edge, and Safari.\n */\n\n:where(table) {\n border-color: currentColor; /* 1 */\n text-indent: 0; /* 2 */\n}\n\n/* Forms\n * ========================================================================== */\n\n/**\n * Remove the margin on controls in Safari.\n */\n\n:where(button, input, select) {\n margin: 0;\n}\n\n/**\n * Remove the inheritance of text transform in Firefox.\n */\n\n:where(button) {\n text-transform: none;\n}\n\n/**\n * Correct the inability to style buttons in iOS and Safari.\n */\n\n:where(button, input:is([type=\"button\" i], [type=\"reset\" i], [type=\"submit\" i])) {\n -webkit-appearance: button;\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Edge, and Firefox.\n */\n\n:where(progress) {\n vertical-align: baseline;\n}\n\n/**\n * Remove the inheritance of text transform in Firefox.\n */\n\n:where(select) {\n text-transform: none;\n}\n\n/**\n * Remove the margin in Firefox and Safari.\n */\n\n:where(textarea) {\n margin: 0;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome, Edge, and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n:where(input[type=\"search\" i]) {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Safari.\n */\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * Correct the text style of placeholders in Chrome, Edge, and Safari.\n */\n\n::-webkit-input-placeholder {\n color: inherit;\n opacity: 0.54;\n}\n\n/**\n * Remove the inner padding in Chrome, Edge, and Safari on macOS.\n */\n\n::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style upload buttons in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/**\n * Remove the inner border and padding of focus outlines in Firefox.\n */\n\n:where(button, input:is([type=\"button\" i], [type=\"color\" i], [type=\"reset\" i], [type=\"submit\" i]))::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus outline styles unset by the previous rule in Firefox.\n */\n\n:where(button, input:is([type=\"button\" i], [type=\"color\" i], [type=\"reset\" i], [type=\"submit\" i]))::-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Remove the additional :invalid styles in Firefox.\n */\n\n:where(:-moz-ui-invalid) {\n box-shadow: none;\n}\n\n/* Interactive\n * ========================================================================== */\n\n/*\n * Add the correct styles in Safari.\n */\n\n:where(dialog) {\n background-color: white;\n border: solid;\n color: black;\n height: -moz-fit-content;\n height: fit-content;\n left: 0;\n margin: auto;\n padding: 1em;\n position: absolute;\n right: 0;\n width: -moz-fit-content;\n width: fit-content;\n}\n\n:where(dialog:not([open])) {\n display: none;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\n:where(summary) {\n display: list-item;\n}\n","@import \"normalize.css\";\n\nbody {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n sans-serif, 'Dancing Script', cursive;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n display: flex;\n justify-content: center;\n margin-top: 50px;\n /* background-color: grey; */\n background-image: url(/public/bodybackground.png);\n background-size: cover;\n overflow: hidden;\n}\n\n\ncode {\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\n monospace;\n}\n\n.book {\n position: relative;\n border-radius: 10px;\n width: 50rem;\n height: 37rem;\n background-color: #fecc4a;\n -webkit-box-shadow: 1px 1px 12px #000;\n box-shadow: 1px 1px 12px #000;\n -webkit-perspective: 2000px;\n perspective: 2000px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n /* align-items: center; */\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n color: #000;\n}\n\n.cover {\n top: 0;\n position: absolute;\n background-color: lightgray;\n background-image: url(/public/phonecover.png);\n background-size: cover;\n width: 100%;\n height: 100%;\n border-radius: 10px;\n cursor: pointer;\n -webkit-transition: all 0.5s;\n transition: all 0.5s;\n -webkit-transform-origin: 0;\n -ms-transform-origin: 0;\n transform-origin: 0;\n -webkit-box-shadow: 1px 1px 12px #000;\n box-shadow: 1px 1px 12px #000;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n\n.book:hover .cover {\n -webkit-transition: all 0.5s;\n transition: all 0.5s;\n -webkit-transform: rotatey(-80deg);\n -ms-transform: rotatey(-80deg);\n transform: rotatey(-80deg);\n}\n\n.book-cover {\n font-family: Dancing Script;\n color: grey;\n}\n\n\np {\n font-size: 20px;\n font-weight: bolder;\n}"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/css/main.d4ad2964.css b/static/css/main.d4ad2964.css deleted file mode 100644 index e5c6fc0..0000000 --- a/static/css/main.d4ad2964.css +++ /dev/null @@ -1,2 +0,0 @@ -form{display:flex;flex-direction:column;gap:15px;margin-top:30px}button{background-color:#000;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-family:Dancing Script;font-size:24px;margin:8px 2px;padding:7px 8px;text-align:center;text-decoration:none;transition:background-color .3s ease}button:hover{background-color:#5a5a5a}input[type=tel],input[type=text]{border:2px solid #ccc;border-radius:4px;box-sizing:border-box;display:flex;flex-direction:column;font-family:Dancing Script;font-size:16px;margin:8px 0;padding:5px;transition:border-color .3s ease;width:100%}input[type=tel]:focus,input[type=text]:focus{border-color:#000;outline:none}label,li{font-family:Dancing Script;font-size:20px}li{align-items:center;justify-content:space-between;list-style:none}li,ul{display:flex}ul{flex-direction:column;gap:5px;justify-content:flex-start;padding-left:0}.ContactListItem_deleteBtn__roUYm{background-color:#fecc4a;border:2px solid #000;border-radius:5px;color:#000;cursor:pointer;font-size:15px;margin-left:10px;padding:5px 10px}.ContactListItem_deleteBtn__roUYm:hover{background-color:#000;color:#fecc4a}h1{display:flex;font-size:60px;justify-content:center}h1,h2{font-family:Dancing Script}h2{font-size:30px;text-decoration:underline}:where(html){line-height:1.15}:where(h1){font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:initial;color:inherit;height:0}:where(pre){font-family:monospace,monospace;font-size:1em}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:initial}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:url(/goit-react-hw-06-phonebook/static/media/bodybackground.99a2702c09e66a0ee917.png);background-size:cover;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif,Dancing Script,cursive;justify-content:center;margin:50px 0 0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.book{-webkit-box-align:center;-ms-flex-align:center;background-color:#fecc4a;color:#000;height:37rem;perspective:2000px;position:relative;width:50rem}.book,.cover{border-radius:10px;box-shadow:1px 1px 12px #000;display:flex;justify-content:center}.cover{align-items:center;background-color:#d3d3d3;background-image:url(/goit-react-hw-06-phonebook/static/media/phonecover.3cd78a8c04f44794c262.png);background-size:cover;cursor:pointer;height:100%;position:absolute;top:0;transform-origin:0;transition:all .5s;width:100%}.book:hover .cover{transform:rotatey(-80deg);transition:all .5s}.book-cover{color:grey;font-family:Dancing Script}p{font-size:20px;font-weight:bolder} -/*# sourceMappingURL=main.d4ad2964.css.map*/ \ No newline at end of file diff --git a/static/css/main.d4ad2964.css.map b/static/css/main.d4ad2964.css.map deleted file mode 100644 index b38ca2c..0000000 --- a/static/css/main.d4ad2964.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"static/css/main.d4ad2964.css","mappings":"AACA,KACI,YAAa,CACb,qBAAsB,CACtB,QAAS,CACT,eACJ,CAEA,OACI,qBAAyB,CACzB,WAAY,CASZ,iBAAkB,CARlB,UAAY,CASZ,cAAe,CALf,oBAAqB,CAErB,0BAA2B,CAD3B,cAAe,CAEf,cAAe,CANf,eAAgB,CAChB,iBAAkB,CAClB,oBAAqB,CAOrB,oCACF,CAEA,aACE,wBACF,CAEA,iCAME,qBAAsB,CACtB,iBAAkB,CAFlB,qBAAsB,CAKtB,YAAa,CACb,qBAAsB,CACtB,0BAA2B,CAH3B,cAAe,CALf,YAAa,CADb,WAAY,CAKZ,gCAAkC,CANjC,UAWH,CAEA,6CAEE,iBAAqB,CACrB,YACF,CC/CF,SDkDI,0BAA2B,CAC3B,cC5CJ,CAPA,GAII,kBAAmB,CADnB,6BAA8B,CAF9B,eAMJ,CAEA,MAPI,YAaJ,CANA,GAEI,qBAAsB,CAGtB,OAAQ,CAFR,0BAA2B,CAC3B,cAEJ,CAEA,kCACI,wBAAyB,CACzB,qBAAuB,CAIvB,iBAAkB,CAFlB,UAAmB,CAGnB,cAAe,CAJf,cAAe,CAKf,gBAAiB,CAHjB,gBAIF,CAEA,wCACE,qBAAyB,CACzB,aACF,CC/BF,GACI,YAAa,CAGb,cAAe,CAFf,sBAGJ,CAEA,MAJI,0BAQJ,CAJA,GAEI,cAAe,CACf,yBACJ,CCJA,aACE,gBACF,CAUA,WACE,aAAc,CACd,sBAAwB,CACxB,wBACF,CASA,kCACE,kBAAmB,CACnB,oBACF,CAOA,WACE,kBAAuB,CACvB,aAAc,CACd,QACF,CAOA,YACE,+BAAiC,CACjC,aACF,CASA,oBACE,yBAA0B,CAC1B,wCAAiC,CAAjC,gCACF,CAMA,iBACE,kBACF,CAOA,sBACE,+BAAiC,CACjC,aACF,CAMA,cACE,aACF,CAUA,cACE,yBAA0B,CAC1B,aACF,CASA,4BACE,QACF,CAMA,eACE,mBACF,CAMA,wEACE,yBACF,CAMA,iBACE,sBACF,CAMA,eACE,mBACF,CAMA,iBACE,QACF,CAOA,6BACE,4BAA6B,CAC7B,mBACF,CAMA,wDAEE,WACF,CAMA,4BACE,aAAc,CACd,WACF,CAMA,4BACE,uBACF,CAOA,6BACE,yBAA0B,CAC1B,YACF,CAMA,yGACE,iBAAkB,CAClB,SACF,CAMA,uGACE,6BACF,CAMA,yBACE,eACF,CASA,eACE,qBAAuB,CACvB,YAAa,CACb,UAAY,CACZ,uBAAwB,CACxB,kBAAmB,CACnB,MAAO,CACP,WAAY,CACZ,WAAY,CACZ,iBAAkB,CAClB,OAAQ,CACR,sBAAuB,CACvB,iBACF,CAEA,2BACE,YACF,CAMA,gBACE,iBACF,CCrQA,KAKE,kCAAmC,CACnC,iCAAkC,CAKlC,sGAAiD,CACjD,qBAAsB,CALtB,YAAa,CALb,0JAEuC,CAIvC,sBAAuB,CACvB,eAIF,CAGA,KACE,uEAEF,CAEA,MAaE,wBAAyB,CACzB,qBAAsB,CATtB,wBAAyB,CAczB,UAAW,CAfX,YAAa,CAKb,kBAAmB,CARnB,iBAAkB,CAElB,WAiBF,CAEA,aApBE,kBAAmB,CAKnB,4BAA6B,CAK7B,YAAa,CAMb,sBA8BF,CA1BA,OAsBE,kBAAmB,CAnBnB,wBAA2B,CAC5B,kGAA6C,CAC5C,qBAAsB,CAItB,cAAe,CAFf,WAAY,CALZ,iBAAkB,CADlB,KAAM,CAaN,kBAAmB,CAHnB,kBAAoB,CALpB,UAoBF,CAEA,mBAKE,yBAA0B,CAH1B,kBAIF,CAEA,YAEE,UAAW,CADX,0BAEF,CAGA,EACE,cAAe,CACf,kBACF","sources":["components/ContactForm/ContactForm.module.css","components/ContactListItem/ContactListItem.module.css","components/App/App.module.css","../node_modules/@csstools/normalize.css/normalize.css","index.css"],"sourcesContent":["\nform {\n display: flex;\n flex-direction: column;\n gap: 15px;\n margin-top: 30px;\n}\n\nbutton {\n background-color: #000000;\n border: none;\n color: white;\n padding: 7px 8px;\n text-align: center;\n text-decoration: none;\n display: inline-block;\n font-size: 24px;\n font-family: Dancing Script;\n margin: 8px 2px;\n border-radius: 5px;\n cursor: pointer;\n transition: background-color 0.3s ease;\n }\n \n button:hover {\n background-color: #5a5a5a;\n }\n \n input[type=\"text\"],\n input[type=\"tel\"] {\n width: 100%;\n padding: 5px;\n margin: 8px 0;\n box-sizing: border-box;\n border: 2px solid #ccc;\n border-radius: 4px;\n transition: border-color 0.3s ease;\n font-size: 16px;\n display: flex;\n flex-direction: column;\n font-family: Dancing Script;\n }\n \n input[type=\"text\"]:focus,\n input[type=\"tel\"]:focus {\n border-color: #000000;\n outline: none;\n }\n \n label {\n font-family: Dancing Script;\n font-size: 20px;\n }\n","li {\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-family: Dancing Script;\n font-size: 20px;\n}\n\nul {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n padding-left: 0;\n gap: 5px;\n}\n\n.deleteBtn {\n background-color: #fecc4a;\n border: 2px solid black;\n font-size: 15px;\n color: rgb(0, 0, 0);\n padding: 5px 10px;\n border-radius: 5px;\n cursor: pointer;\n margin-left: 10px;\n }\n\n .deleteBtn:hover {\n background-color: #000000;\n color: #fecc4a;\n }","h1 {\n display: flex;\n justify-content: center;\n font-family: Dancing Script;\n font-size: 60px;\n}\n\nh2 {\n font-family: Dancing Script;\n font-size: 30px;\n text-decoration: underline;\n}","/* Document\n * ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n */\n\n:where(html) {\n line-height: 1.15; /* 1 */\n}\n\n/* Sections\n * ========================================================================== */\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Edge, Firefox, and Safari.\n */\n\n:where(h1) {\n font-size: 2em;\n margin-block-end: 0.67em;\n margin-block-start: 0.67em;\n}\n\n/* Grouping content\n * ========================================================================== */\n\n/**\n * Remove the margin on nested lists in Chrome, Edge, and Safari.\n */\n\n:where(dl, ol, ul) :where(dl, ol, ul) {\n margin-block-end: 0;\n margin-block-start: 0;\n}\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Correct the inheritance of border color in Firefox.\n */\n\n:where(hr) {\n box-sizing: content-box; /* 1 */\n color: inherit; /* 2 */\n height: 0; /* 1 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\n:where(pre) {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n * ========================================================================== */\n\n/**\n * Add the correct text decoration in Safari.\n */\n\n:where(abbr[title]) {\n text-decoration: underline;\n text-decoration: underline dotted;\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\n:where(b, strong) {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\n:where(code, kbd, samp) {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\n:where(small) {\n font-size: 80%;\n}\n\n/* Tabular data\n * ========================================================================== */\n\n/**\n * 1. Correct table border color in Chrome, Edge, and Safari.\n * 2. Remove text indentation from table contents in Chrome, Edge, and Safari.\n */\n\n:where(table) {\n border-color: currentColor; /* 1 */\n text-indent: 0; /* 2 */\n}\n\n/* Forms\n * ========================================================================== */\n\n/**\n * Remove the margin on controls in Safari.\n */\n\n:where(button, input, select) {\n margin: 0;\n}\n\n/**\n * Remove the inheritance of text transform in Firefox.\n */\n\n:where(button) {\n text-transform: none;\n}\n\n/**\n * Correct the inability to style buttons in iOS and Safari.\n */\n\n:where(button, input:is([type=\"button\" i], [type=\"reset\" i], [type=\"submit\" i])) {\n -webkit-appearance: button;\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Edge, and Firefox.\n */\n\n:where(progress) {\n vertical-align: baseline;\n}\n\n/**\n * Remove the inheritance of text transform in Firefox.\n */\n\n:where(select) {\n text-transform: none;\n}\n\n/**\n * Remove the margin in Firefox and Safari.\n */\n\n:where(textarea) {\n margin: 0;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome, Edge, and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n:where(input[type=\"search\" i]) {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Safari.\n */\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * Correct the text style of placeholders in Chrome, Edge, and Safari.\n */\n\n::-webkit-input-placeholder {\n color: inherit;\n opacity: 0.54;\n}\n\n/**\n * Remove the inner padding in Chrome, Edge, and Safari on macOS.\n */\n\n::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style upload buttons in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/**\n * Remove the inner border and padding of focus outlines in Firefox.\n */\n\n:where(button, input:is([type=\"button\" i], [type=\"color\" i], [type=\"reset\" i], [type=\"submit\" i]))::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus outline styles unset by the previous rule in Firefox.\n */\n\n:where(button, input:is([type=\"button\" i], [type=\"color\" i], [type=\"reset\" i], [type=\"submit\" i]))::-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Remove the additional :invalid styles in Firefox.\n */\n\n:where(:-moz-ui-invalid) {\n box-shadow: none;\n}\n\n/* Interactive\n * ========================================================================== */\n\n/*\n * Add the correct styles in Safari.\n */\n\n:where(dialog) {\n background-color: white;\n border: solid;\n color: black;\n height: -moz-fit-content;\n height: fit-content;\n left: 0;\n margin: auto;\n padding: 1em;\n position: absolute;\n right: 0;\n width: -moz-fit-content;\n width: fit-content;\n}\n\n:where(dialog:not([open])) {\n display: none;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\n:where(summary) {\n display: list-item;\n}\n","@import \"normalize.css\";\n\nbody {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n sans-serif, 'Dancing Script', cursive;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n display: flex;\n justify-content: center;\n margin-top: 50px;\n /* background-color: grey; */\n background-image: url(/public/bodybackground.png);\n background-size: cover;\n}\n\n\ncode {\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\n monospace;\n}\n\n.book {\n position: relative;\n border-radius: 10px;\n width: 50rem;\n height: 37rem;\n background-color: #fecc4a;\n -webkit-box-shadow: 1px 1px 12px #000;\n box-shadow: 1px 1px 12px #000;\n -webkit-perspective: 2000px;\n perspective: 2000px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n /* align-items: center; */\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n color: #000;\n}\n\n.cover {\n top: 0;\n position: absolute;\n background-color: lightgray;\n background-image: url(/public/phonecover.png);\n background-size: cover;\n width: 100%;\n height: 100%;\n border-radius: 10px;\n cursor: pointer;\n -webkit-transition: all 0.5s;\n transition: all 0.5s;\n -webkit-transform-origin: 0;\n -ms-transform-origin: 0;\n transform-origin: 0;\n -webkit-box-shadow: 1px 1px 12px #000;\n box-shadow: 1px 1px 12px #000;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n\n.book:hover .cover {\n -webkit-transition: all 0.5s;\n transition: all 0.5s;\n -webkit-transform: rotatey(-80deg);\n -ms-transform: rotatey(-80deg);\n transform: rotatey(-80deg);\n}\n\n.book-cover {\n font-family: Dancing Script;\n color: grey;\n}\n\n\np {\n font-size: 20px;\n font-weight: bolder;\n}"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/js/main.172abb7c.js b/static/js/main.172abb7c.js new file mode 100644 index 0000000..7acb86e --- /dev/null +++ b/static/js/main.172abb7c.js @@ -0,0 +1,3 @@ +/*! For license information please see main.172abb7c.js.LICENSE.txt */ +(()=>{"use strict";var e={730:(e,t,n)=>{var r=n(43),l=n(853);function a(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n