diff --git a/README.md b/README.md deleted file mode 100644 index 27854d5..0000000 --- a/README.md +++ /dev/null @@ -1 +0,0 @@ -This is done in react and gh-pages for deploy. diff --git a/asset-manifest.json b/asset-manifest.json index 61d18e3..22536b9 100644 --- a/asset-manifest.json +++ b/asset-manifest.json @@ -1,6 +1,6 @@ { "files": { - "main.css": "/myInfo/static/css/main.d9424428.chunk.css", + "main.css": "/myInfo/static/css/main.d9afcde5.chunk.css", "main.js": "/myInfo/static/js/main.1fcda875.chunk.js", "main.js.map": "/myInfo/static/js/main.1fcda875.chunk.js.map", "runtime-main.js": "/myInfo/static/js/runtime-main.1d2dd1bc.js", @@ -8,15 +8,15 @@ "static/js/2.b57f97cd.chunk.js": "/myInfo/static/js/2.b57f97cd.chunk.js", "static/js/2.b57f97cd.chunk.js.map": "/myInfo/static/js/2.b57f97cd.chunk.js.map", "index.html": "/myInfo/index.html", - "precache-manifest.d90df57c047fb232abeada3f6bc05944.js": "/myInfo/precache-manifest.d90df57c047fb232abeada3f6bc05944.js", + "precache-manifest.a42421cd5b1cca98c21e7610da815b3f.js": "/myInfo/precache-manifest.a42421cd5b1cca98c21e7610da815b3f.js", "service-worker.js": "/myInfo/service-worker.js", - "static/css/main.d9424428.chunk.css.map": "/myInfo/static/css/main.d9424428.chunk.css.map", + "static/css/main.d9afcde5.chunk.css.map": "/myInfo/static/css/main.d9afcde5.chunk.css.map", "static/js/2.b57f97cd.chunk.js.LICENSE.txt": "/myInfo/static/js/2.b57f97cd.chunk.js.LICENSE.txt" }, "entrypoints": [ "static/js/runtime-main.1d2dd1bc.js", "static/js/2.b57f97cd.chunk.js", - "static/css/main.d9424428.chunk.css", + "static/css/main.d9afcde5.chunk.css", "static/js/main.1fcda875.chunk.js" ] } \ No newline at end of file diff --git a/index.html b/index.html index c22c615..ff102d0 100644 --- a/index.html +++ b/index.html @@ -1 +1 @@ -React App
\ No newline at end of file +React App
\ No newline at end of file diff --git a/precache-manifest.d90df57c047fb232abeada3f6bc05944.js b/precache-manifest.a42421cd5b1cca98c21e7610da815b3f.js similarity index 73% rename from precache-manifest.d90df57c047fb232abeada3f6bc05944.js rename to precache-manifest.a42421cd5b1cca98c21e7610da815b3f.js index 68489ee..f0adb41 100644 --- a/precache-manifest.d90df57c047fb232abeada3f6bc05944.js +++ b/precache-manifest.a42421cd5b1cca98c21e7610da815b3f.js @@ -1,11 +1,11 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([ { - "revision": "1cb7321f609d1862cc52e1169093e161", + "revision": "1ab902f1f7e7aff6aadec0a0ec08babc", "url": "/myInfo/index.html" }, { - "revision": "9f8b28b0fefaf04c0300", - "url": "/myInfo/static/css/main.d9424428.chunk.css" + "revision": "78e547fed3d3c67d27d2", + "url": "/myInfo/static/css/main.d9afcde5.chunk.css" }, { "revision": "10c8cfa3e37433db9283", @@ -16,7 +16,7 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([ "url": "/myInfo/static/js/2.b57f97cd.chunk.js.LICENSE.txt" }, { - "revision": "9f8b28b0fefaf04c0300", + "revision": "78e547fed3d3c67d27d2", "url": "/myInfo/static/js/main.1fcda875.chunk.js" }, { diff --git a/service-worker.js b/service-worker.js index bf3b788..5caf321 100644 --- a/service-worker.js +++ b/service-worker.js @@ -14,7 +14,7 @@ importScripts("https://storage.googleapis.com/workbox-cdn/releases/4.3.1/workbox-sw.js"); importScripts( - "/myInfo/precache-manifest.d90df57c047fb232abeada3f6bc05944.js" + "/myInfo/precache-manifest.a42421cd5b1cca98c21e7610da815b3f.js" ); self.addEventListener('message', (event) => { diff --git a/static/css/main.d9424428.chunk.css.map b/static/css/main.d9424428.chunk.css.map deleted file mode 100644 index de0ddcb..0000000 --- a/static/css/main.d9424428.chunk.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["Button.css","NavMenu.css","Resume.css","index.css"],"names":[],"mappings":"AAAA,MACE,iBACF,CAEA,KAEE,iBAAkB,CAClB,YAAa,CACb,WAAY,CACZ,cACF,CAEA,gBAPE,gBAaF,CANA,WAEE,2BAA6B,CAC7B,eAAgB,CAChB,aAAc,CACd,eACF,CAEA,cACE,wBAAgC,CAAhC,+BACF,CAEA,cACE,4BAA6B,CAG7B,iBAAkB,CAClB,wBAAgC,CAAhC,+BAAgC,CAChC,2BACF,CAEA,2BAPE,UAAW,CACX,gBAWF,CALA,aAEE,iBAAkB,CAClB,cAEF,CAEA,YACE,iBAAkB,CAClB,iBAAkB,CAClB,cAAe,CACf,UACF,CCsFA,IACE,YAAa,CACb,WAAY,CACZ,UAAW,CACX,kBAAmB,CACnB,kBAAmB,CACnB,6BAA8B,CAC9B,sBAAuB,CACvB,cACF,CACA,UACE,UAAW,CACX,cAAe,CACf,eACF,CACA,OACE,YAAa,CACb,cAAe,CACf,eACF,CACA,UACE,YACF,CACA,YACE,aAAc,CACd,oBAAqB,CACrB,cAAe,CACf,eAAgB,CAChB,gBAAiB,CACjB,iBAAkB,CAClB,kBAAmB,CACnB,uBACF,CACA,qCAEE,UAAW,CACX,eACF,CACA,gBACE,UAAW,CACX,cAAe,CACf,cAAe,CACf,YACF,CACA,qBACE,YACF,CACA,0BACE,IACE,qBACF,CACF,CACA,yBACE,gBACE,aACF,CACA,kCACE,eACF,CACA,OACE,cAAe,CACf,QAAS,CACT,UAAW,CACX,eAAgB,CAChB,YAAa,CACb,UAAW,CACX,iBAAkB,CAClB,aAAc,CACd,uBACF,CACA,kBACE,MACF,CACA,UACE,UAAW,CACX,aACF,CACA,YACE,UAAW,CACX,iBAAkB,CAClB,aAAc,CACd,cAAe,CACf,+CACF,CACA,uBACE,aACF,CACA,qCAEE,eAAgB,CAChB,UACF,CACF,CACA,SACE,iBAAkB,CAClB,OAAQ,CACR,QAAS,CACT,8BAAgC,CAChC,iBAAkB,CAClB,UAAW,CACX,UAAW,CACX,cAAe,CACf,aACF,CACA,aACE,cAAe,CACf,eACF,CC9OA,eACE,wBAAyB,CACzB,UAAW,CACX,WAAY,CACZ,QAAW,CACX,KAAQ,CACR,MAAO,CACP,iBACF,CACA,WACE,iBAAkB,CAClB,qBAAsB,CACtB,SAAW,CACX,UAAY,CACZ,WAAa,CACb,YACF,CACA,kBACE,iBAAkB,CAClB,UAAW,CACX,UAAW,CACX,iBAAkB,CAClB,WACF,CACA,gBACE,UACF,CACA,OACE,WAAY,CACZ,YACF,CACA,iBACE,SAAU,CACV,gBAAiB,CACjB,UACF,CACA,mBACE,kBAAmB,CACnB,eAAgB,CAChB,SAAU,CACV,UACF,CACA,OACE,cAAe,CACf,mBAAoB,CACpB,iBACF,CACA,YACE,cACF,CACA,MACE,cAAe,CACf,eACF,CACA,cACE,cAAe,CACf,iBAAkB,CAClB,qBACF,CACA,kBACE,gBACF,CACA,QACE,qBAAsB,CACtB,kBAAmB,CACnB,WAAY,CACZ,iBAAkB,CAClB,cAAe,CACf,UAAW,CACX,cACF,CACA,aACE,oBACF,CACA,kBACE,UACF,CC5EA,EACE,QAAS,CACT,SAAU,CACV,qBACF","file":"main.d9424428.chunk.css","sourcesContent":[":root {\r\n --primary: #3acbf7;\r\n}\r\n\r\n.btn {\r\n padding: 8px 20px;\r\n border-radius: 4px;\r\n outline: none;\r\n border: none;\r\n cursor: pointer;\r\n}\r\n\r\n.btn:hover {\r\n padding: 8px 20px;\r\n transition: all 0.3s ease-out;\r\n background: #fff;\r\n color: #6568F4;\r\n transition: 250ms;\r\n}\r\n\r\n.btn--primary {\r\n background-color: var(--primary);\r\n}\r\n\r\n.btn--outline {\r\n background-color: transparent;\r\n color: #fff;\r\n padding: 8px 20px;\r\n border-radius: 4px;\r\n border: 1px solid var(--primary);\r\n transition: all 0.3s ease-out;\r\n}\r\n\r\n.btn--medium {\r\n padding: 8px 20px;\r\n border-radius: 4px;\r\n font-size: 18px;\r\n color: #fff;\r\n}\r\n\r\n.btn--large {\r\n padding: 12px 26px;\r\n border-radius: 4px;\r\n font-size: 20px;\r\n color: #fff;\r\n}\r\n","/* .NavbarItems {\r\n background: linear-gradient(90deg, rgb(110, 94, 254) 0%, rgba(73, 63, 252, 1) 100%);\r\n height: 80px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n font-size: 1.2rem;\r\n}\r\n\r\n.navbar-logo {\r\n color: #fff;\r\n justify-self: start;\r\n margin-left: 20px;\r\n cursor: pointer;\r\n}\r\n\r\n.fa-react {\r\n margin-left: 0.5rem;\r\n font-size: 1.6rem;\r\n}\r\n\r\n.nav-menu {\r\n display: grid;\r\n grid-template-columns: repeat(5, auto);\r\n grid-gap: 10px;\r\n list-style: none;\r\n text-align: center;\r\n width: 70vw;\r\n justify-content: end;\r\n margin-right: 2rem;\r\n}\r\n\r\n.nav-links {\r\n color: white;\r\n text-decoration: none;\r\n padding: 0.5rem 1rem;\r\n}\r\n\r\n.nav-links:hover {\r\n background-color: #6d76f7;\r\n border-radius: 4px;\r\n transition: all 0.2s ease-out;\r\n}\r\n\r\n.fa-bars {\r\n color: #fff;\r\n}\r\n\r\n.nav-links-mobile {\r\n display: none;\r\n}\r\n\r\n.menu-icon {\r\n display: none;\r\n}\r\n\r\n@media screen and (max-width: 968px) {\r\n .NavbarItems {\r\n position: relative;\r\n }\r\n .nav-menu {\r\n display: flex;\r\n flex-direction: column;\r\n width: 89%;\r\n height: 500px;\r\n position: absolute;\r\n top: 80px;\r\n left: -100%;\r\n opacity: 1;\r\n transition: all 0.5s ease;\r\n }\r\n .nav-menu.active {\r\n background: #6668f4;\r\n left: 0;\r\n opacity: 1;\r\n transition: all 0.5s ease;\r\n z-index: 1;\r\n }\r\n .nav-links {\r\n text-align: center;\r\n padding: 2rem;\r\n width: 89%;\r\n display: table;\r\n }\r\n .nav-links:hover {\r\n background-color: #7577fa;\r\n border-radius: 0;\r\n }\r\n .navbar-logo {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n transform: translate(25%, 50%);\r\n }\r\n .menu-icon {\r\n display: block;\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n transform: translate(-100%, 60%);\r\n font-size: 1.8rem;\r\n cursor: pointer;\r\n }\r\n .fa-times {\r\n color: #fff;\r\n font-size: 2rem;\r\n }\r\n .nav-links-mobile {\r\n display: block;\r\n text-align: center;\r\n padding: 1.5rem;\r\n margin: 2rem auto;\r\n border-radius: 4px;\r\n width: 80%;\r\n background: #4ad9e4;\r\n text-decoration: none;\r\n color: #fff;\r\n font-size: 1.5rem;\r\n }\r\n .nav-links-mobile:hover {\r\n background: #fff;\r\n color: #6568F4;\r\n transition: 250ms;\r\n }\r\n Button {\r\n display: none;\r\n }\r\n} */\r\n\r\n/* new css */\r\n\r\nnav {\r\n display: flex;\r\n height: 80px;\r\n width: 100%;\r\n background: #1b1b1b;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 0 50px 0 100px;\r\n flex-wrap: wrap;\r\n}\r\nnav .logo {\r\n color: #fff;\r\n font-size: 35px;\r\n font-weight: 600;\r\n}\r\nnav ul {\r\n display: flex;\r\n flex-wrap: wrap;\r\n list-style: none;\r\n}\r\nnav ul li {\r\n margin: 0 5px;\r\n}\r\nnav ul li a {\r\n color: #f2f2f2;\r\n text-decoration: none;\r\n font-size: 18px;\r\n font-weight: 500;\r\n padding: 8px 15px;\r\n border-radius: 5px;\r\n letter-spacing: 1px;\r\n transition: all 0.3s ease;\r\n}\r\nnav ul li a.active,\r\nnav ul li a:hover {\r\n color: #111;\r\n background: #fff;\r\n}\r\nnav .menu-btn i {\r\n color: #fff;\r\n font-size: 22px;\r\n cursor: pointer;\r\n display: none;\r\n}\r\ninput[type=\"checkbox\"] {\r\n display: none;\r\n}\r\n@media (max-width: 1000px) {\r\n nav{\r\n padding: 0 40px 0 50px;\r\n }\r\n}\r\n@media (max-width: 920px) {\r\n nav .menu-btn i {\r\n display: block;\r\n }\r\n #click:checked ~ .menu-btn i:before {\r\n content: \"\\f00d\";\r\n }\r\n nav ul {\r\n position: fixed;\r\n top: 80px;\r\n left: -100%;\r\n background: #111;\r\n height: 100vh;\r\n width: 100%;\r\n text-align: center;\r\n display: block;\r\n transition: all 0.3s ease;\r\n }\r\n #click:checked ~ ul {\r\n left: 0;\r\n }\r\n nav ul li {\r\n width: 100%;\r\n margin: 40px 0;\r\n }\r\n nav ul li a {\r\n width: 100%;\r\n margin-left: -100%;\r\n display: block;\r\n font-size: 20px;\r\n transition: 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);\r\n }\r\n #click:checked ~ ul li a {\r\n margin-left: 0px;\r\n }\r\n nav ul li a.active,\r\n nav ul li a:hover {\r\n background: none;\r\n color: cyan;\r\n }\r\n}\r\n.content {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n text-align: center;\r\n z-index: -1;\r\n width: 100%;\r\n padding: 0 30px;\r\n color: #1b1b1b;\r\n}\r\n.content div {\r\n font-size: 40px;\r\n font-weight: 700;\r\n}\r\n\r\n",".fullscreenDiv {\r\n background-color: #2196F3;\r\n width: 100%;\r\n height: auto;\r\n bottom: 0px;\r\n top: 0px;\r\n left: 0;\r\n position: absolute;\r\n}\r\n.container {\r\n position: absolute;\r\n background-color: #fff;\r\n top: 0.7rem;\r\n left: 0.7rem;\r\n right: 0.7rem;\r\n bottom: 0.7rem;\r\n}\r\n.center-container {\r\n position: absolute;\r\n bottom: 68%;\r\n width: 100%;\r\n text-align: center;\r\n height: 50px;\r\n}\r\n.main-container {\r\n width: 100%;\r\n}\r\n.image {\r\n width: 290px;\r\n height: 290px;\r\n}\r\n.image-container {\r\n width: 35%;\r\n padding-left: 11%;\r\n float: left;\r\n}\r\n.details-container {\r\n padding-top: 1.5rem;\r\n text-align: left;\r\n width: 65%;\r\n float: left;\r\n}\r\n.hello {\r\n font-size: 4rem;\r\n font-family: cursive;\r\n font-weight: unset;\r\n}\r\n.hello span {\r\n font-size: 2rem;\r\n}\r\n.name {\r\n font-size: 3rem;\r\n font-weight: 400;\r\n}\r\n.self-details {\r\n font-size: 2rem;\r\n font-weight: unset;\r\n font-family: monospace;\r\n}\r\n.button-container {\r\n padding-top: 2rem;\r\n}\r\n.button {\r\n padding: 1.2rem 2.2rem;\r\n background: #2196F3;\r\n border: none;\r\n border-radius: 6px;\r\n font-size: 1rem;\r\n color: #fff;\r\n cursor: pointer;\r\n}\r\n.button-link {\r\n text-decoration: none;\r\n}\r\n.footer-container {\r\n width: 100%;\r\n}","* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n/* body {\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;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n} */\n"]} \ No newline at end of file diff --git a/static/css/main.d9424428.chunk.css b/static/css/main.d9afcde5.chunk.css similarity index 82% rename from static/css/main.d9424428.chunk.css rename to static/css/main.d9afcde5.chunk.css index 2ad63e1..5b355a8 100644 --- a/static/css/main.d9424428.chunk.css +++ b/static/css/main.d9afcde5.chunk.css @@ -1,2 +1,2 @@ -:root{--primary:#3acbf7}.btn{border-radius:4px;outline:none;border:none;cursor:pointer}.btn,.btn:hover{padding:8px 20px}.btn:hover{transition:all .3s ease-out;background:#fff;color:#6568f4;transition:.25s}.btn--primary{background-color:#3acbf7;background-color:var(--primary)}.btn--outline{background-color:transparent;border-radius:4px;border:1px solid #3acbf7;border:1px solid var(--primary);transition:all .3s ease-out}.btn--medium,.btn--outline{color:#fff;padding:8px 20px}.btn--medium{border-radius:4px;font-size:18px}.btn--large{padding:12px 26px;border-radius:4px;font-size:20px;color:#fff}nav{display:flex;height:80px;width:100%;background:#1b1b1b;align-items:center;justify-content:space-between;padding:0 50px 0 100px;flex-wrap:wrap}nav .logo{color:#fff;font-size:35px;font-weight:600}nav ul{display:flex;flex-wrap:wrap;list-style:none}nav ul li{margin:0 5px}nav ul li a{color:#f2f2f2;text-decoration:none;font-size:18px;font-weight:500;padding:8px 15px;border-radius:5px;letter-spacing:1px;transition:all .3s ease}nav ul li a.active,nav ul li a:hover{color:#111;background:#fff}nav .menu-btn i{color:#fff;font-size:22px;cursor:pointer;display:none}input[type=checkbox]{display:none}@media (max-width:1000px){nav{padding:0 40px 0 50px}}@media (max-width:920px){nav .menu-btn i{display:block}#click:checked~.menu-btn i:before{content:"\f00d"}nav ul{position:fixed;top:80px;left:-100%;background:#111;height:100vh;width:100%;text-align:center;display:block;transition:all .3s ease}#click:checked~ul{left:0}nav ul li{width:100%;margin:40px 0}nav ul li a{width:100%;margin-left:-100%;display:block;font-size:20px;transition:.6s cubic-bezier(.68,-.55,.265,1.55)}#click:checked~ul li a{margin-left:0}nav ul li a.active,nav ul li a:hover{background:none;color:#0ff}}.content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:-1;width:100%;padding:0 30px;color:#1b1b1b}.content div{font-size:40px;font-weight:700}.fullscreenDiv{background-color:#2196f3;width:100%;height:auto;bottom:0;top:0;left:0;position:absolute}.container{position:absolute;background-color:#fff;top:.7rem;left:.7rem;right:.7rem;bottom:.7rem}.center-container{position:absolute;bottom:68%;width:100%;text-align:center;height:50px}.main-container{width:100%}.image{width:290px;height:290px}.image-container{width:35%;padding-left:11%;float:left}.details-container{padding-top:1.5rem;text-align:left;width:65%;float:left}.hello{font-size:4rem;font-family:cursive;font-weight:unset}.hello span{font-size:2rem}.name{font-size:3rem;font-weight:400}.self-details{font-size:2rem;font-weight:unset;font-family:monospace}.button-container{padding-top:2rem}.button{padding:1.2rem 2.2rem;background:#2196f3;border:none;border-radius:6px;font-size:1rem;color:#fff;cursor:pointer}.button-link{text-decoration:none}.footer-container{width:100%}*{margin:0;padding:0;box-sizing:border-box} -/*# sourceMappingURL=main.d9424428.chunk.css.map */ \ No newline at end of file +:root{--primary:#3acbf7}.btn{border-radius:4px;outline:none;border:none;cursor:pointer}.btn,.btn:hover{padding:8px 20px}.btn:hover{transition:all .3s ease-out;background:#fff;color:#6568f4;transition:.25s}.btn--primary{background-color:#3acbf7;background-color:var(--primary)}.btn--outline{background-color:transparent;border-radius:4px;border:1px solid #3acbf7;border:1px solid var(--primary);transition:all .3s ease-out}.btn--medium,.btn--outline{color:#fff;padding:8px 20px}.btn--medium{border-radius:4px;font-size:18px}.btn--large{padding:12px 26px;border-radius:4px;font-size:20px;color:#fff}nav{display:flex;height:80px;width:100%;background:#1b1b1b;align-items:center;justify-content:space-between;padding:0 50px 0 100px;flex-wrap:wrap}nav .logo{color:#fff;font-size:35px;font-weight:600}nav ul{display:flex;flex-wrap:wrap;list-style:none}nav ul li{margin:0 5px}nav ul li a{color:#f2f2f2;text-decoration:none;font-size:18px;font-weight:500;padding:8px 15px;border-radius:5px;letter-spacing:1px;transition:all .3s ease}nav ul li a.active,nav ul li a:hover{color:#111;background:#fff}nav .menu-btn i{color:#fff;font-size:22px;cursor:pointer;display:none}input[type=checkbox]{display:none}@media (max-width:1000px){nav{padding:0 40px 0 50px}}@media (max-width:920px){nav .menu-btn i{display:block}#click:checked~.menu-btn i:before{content:"\f00d"}nav ul{position:fixed;top:80px;left:-100%;background:#111;height:100vh;width:100%;text-align:center;display:block;transition:all .3s ease}#click:checked~ul{left:0}nav ul li{width:100%;margin:40px 0}nav ul li a{width:100%;margin-left:-100%;display:block;font-size:20px;transition:.6s cubic-bezier(.68,-.55,.265,1.55)}#click:checked~ul li a{margin-left:0}nav ul li a.active,nav ul li a:hover{background:none;color:#0ff}}.content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:-1;width:100%;padding:0 30px;color:#1b1b1b}.content div{font-size:40px;font-weight:700}.fullscreenDiv{background-color:#2196f3;width:100%;height:auto;bottom:0;top:0;left:0;position:absolute}.container{position:absolute;background-color:#fff;top:.7rem;left:.7rem;right:.7rem;bottom:.7rem}.center-container{position:absolute;bottom:68%;width:100%;text-align:center;height:50px}.main-container{width:100%}.image{width:290px;height:290px}.image-container{width:35%;padding-left:11%;float:left}.details-container{padding-top:1.5rem;text-align:left;width:65%;float:left}.hello{font-size:4rem;font-family:cursive;font-weight:unset}.hello span{font-size:2rem}.name{font-size:3rem;font-weight:400}.self-details{font-size:2rem;font-weight:unset;font-family:monospace}.button-container{padding-top:2rem}.button{padding:1.2rem 2.2rem;background:#2196f3;border:none;border-radius:6px;font-size:1rem;color:#fff;cursor:pointer}.button-link{text-decoration:none}.footer-container{width:100%}@media only screen and (max-width:768px){.center-container{bottom:78%}.image-container{width:100%;padding-left:0;float:unset}.image{width:38%;height:auto}.details-container{text-align:center;width:100%}.hello{font-size:2rem}.hello span{font-size:1rem}.name{font-size:2rem;font-weight:200}}@media only screen and (max-width:1024px){.image-container{width:100%;padding-left:0;float:unset}.image{width:32%;height:auto}.details-container{padding-top:1.5rem;float:left;width:100%;text-align:center}}*{margin:0;padding:0;box-sizing:border-box} +/*# sourceMappingURL=main.d9afcde5.chunk.css.map */ \ No newline at end of file diff --git a/static/css/main.d9afcde5.chunk.css.map b/static/css/main.d9afcde5.chunk.css.map new file mode 100644 index 0000000..29c7365 --- /dev/null +++ b/static/css/main.d9afcde5.chunk.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["Button.css","NavMenu.css","Resume.css","index.css"],"names":[],"mappings":"AAAA,MACE,iBACF,CAEA,KAEE,iBAAkB,CAClB,YAAa,CACb,WAAY,CACZ,cACF,CAEA,gBAPE,gBAaF,CANA,WAEE,2BAA6B,CAC7B,eAAgB,CAChB,aAAc,CACd,eACF,CAEA,cACE,wBAAgC,CAAhC,+BACF,CAEA,cACE,4BAA6B,CAG7B,iBAAkB,CAClB,wBAAgC,CAAhC,+BAAgC,CAChC,2BACF,CAEA,2BAPE,UAAW,CACX,gBAWF,CALA,aAEE,iBAAkB,CAClB,cAEF,CAEA,YACE,iBAAkB,CAClB,iBAAkB,CAClB,cAAe,CACf,UACF,CCsFA,IACE,YAAa,CACb,WAAY,CACZ,UAAW,CACX,kBAAmB,CACnB,kBAAmB,CACnB,6BAA8B,CAC9B,sBAAuB,CACvB,cACF,CACA,UACE,UAAW,CACX,cAAe,CACf,eACF,CACA,OACE,YAAa,CACb,cAAe,CACf,eACF,CACA,UACE,YACF,CACA,YACE,aAAc,CACd,oBAAqB,CACrB,cAAe,CACf,eAAgB,CAChB,gBAAiB,CACjB,iBAAkB,CAClB,kBAAmB,CACnB,uBACF,CACA,qCAEE,UAAW,CACX,eACF,CACA,gBACE,UAAW,CACX,cAAe,CACf,cAAe,CACf,YACF,CACA,qBACE,YACF,CACA,0BACE,IACE,qBACF,CACF,CACA,yBACE,gBACE,aACF,CACA,kCACE,eACF,CACA,OACE,cAAe,CACf,QAAS,CACT,UAAW,CACX,eAAgB,CAChB,YAAa,CACb,UAAW,CACX,iBAAkB,CAClB,aAAc,CACd,uBACF,CACA,kBACE,MACF,CACA,UACE,UAAW,CACX,aACF,CACA,YACE,UAAW,CACX,iBAAkB,CAClB,aAAc,CACd,cAAe,CACf,+CACF,CACA,uBACE,aACF,CACA,qCAEE,eAAgB,CAChB,UACF,CACF,CACA,SACE,iBAAkB,CAClB,OAAQ,CACR,QAAS,CACT,8BAAgC,CAChC,iBAAkB,CAClB,UAAW,CACX,UAAW,CACX,cAAe,CACf,aACF,CACA,aACE,cAAe,CACf,eACF,CC9OA,eACE,wBAAyB,CACzB,UAAW,CACX,WAAY,CACZ,QAAW,CACX,KAAQ,CACR,MAAO,CACP,iBACF,CACA,WACE,iBAAkB,CAClB,qBAAsB,CACtB,SAAW,CACX,UAAY,CACZ,WAAa,CACb,YACF,CACA,kBACE,iBAAkB,CAClB,UAAW,CACX,UAAW,CACX,iBAAkB,CAClB,WACF,CACA,gBACE,UACF,CACA,OACE,WAAY,CACZ,YACF,CACA,iBACE,SAAU,CACV,gBAAiB,CACjB,UACF,CACA,mBACE,kBAAmB,CACnB,eAAgB,CAChB,SAAU,CACV,UACF,CACA,OACE,cAAe,CACf,mBAAoB,CACpB,iBACF,CACA,YACE,cACF,CACA,MACE,cAAe,CACf,eACF,CACA,cACE,cAAe,CACf,iBAAkB,CAClB,qBACF,CACA,kBACE,gBACF,CACA,QACE,qBAAsB,CACtB,kBAAmB,CACnB,WAAY,CACZ,iBAAkB,CAClB,cAAe,CACf,UAAW,CACX,cACF,CACA,aACE,oBACF,CACA,kBACE,UACF,CAEA,yCACE,kBACE,UACF,CACA,iBACE,UAAW,CACX,cAAe,CACf,WACF,CACA,OACE,SAAU,CACV,WACF,CACA,mBACE,iBAAkB,CAClB,UACF,CACA,OACE,cACF,CACA,YACE,cACF,CACA,MACE,cAAe,CACf,eACF,CACF,CAEA,0CACE,iBACE,UAAW,CACX,cAAe,CACf,WACF,CACA,OACE,SAAU,CACV,WACF,CACA,mBACE,kBAAmB,CACnB,UAAW,CACX,UAAW,CACX,iBACF,CACF,CC3HA,EACE,QAAS,CACT,SAAU,CACV,qBACF","file":"main.d9afcde5.chunk.css","sourcesContent":[":root {\r\n --primary: #3acbf7;\r\n}\r\n\r\n.btn {\r\n padding: 8px 20px;\r\n border-radius: 4px;\r\n outline: none;\r\n border: none;\r\n cursor: pointer;\r\n}\r\n\r\n.btn:hover {\r\n padding: 8px 20px;\r\n transition: all 0.3s ease-out;\r\n background: #fff;\r\n color: #6568F4;\r\n transition: 250ms;\r\n}\r\n\r\n.btn--primary {\r\n background-color: var(--primary);\r\n}\r\n\r\n.btn--outline {\r\n background-color: transparent;\r\n color: #fff;\r\n padding: 8px 20px;\r\n border-radius: 4px;\r\n border: 1px solid var(--primary);\r\n transition: all 0.3s ease-out;\r\n}\r\n\r\n.btn--medium {\r\n padding: 8px 20px;\r\n border-radius: 4px;\r\n font-size: 18px;\r\n color: #fff;\r\n}\r\n\r\n.btn--large {\r\n padding: 12px 26px;\r\n border-radius: 4px;\r\n font-size: 20px;\r\n color: #fff;\r\n}\r\n","/* .NavbarItems {\r\n background: linear-gradient(90deg, rgb(110, 94, 254) 0%, rgba(73, 63, 252, 1) 100%);\r\n height: 80px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n font-size: 1.2rem;\r\n}\r\n\r\n.navbar-logo {\r\n color: #fff;\r\n justify-self: start;\r\n margin-left: 20px;\r\n cursor: pointer;\r\n}\r\n\r\n.fa-react {\r\n margin-left: 0.5rem;\r\n font-size: 1.6rem;\r\n}\r\n\r\n.nav-menu {\r\n display: grid;\r\n grid-template-columns: repeat(5, auto);\r\n grid-gap: 10px;\r\n list-style: none;\r\n text-align: center;\r\n width: 70vw;\r\n justify-content: end;\r\n margin-right: 2rem;\r\n}\r\n\r\n.nav-links {\r\n color: white;\r\n text-decoration: none;\r\n padding: 0.5rem 1rem;\r\n}\r\n\r\n.nav-links:hover {\r\n background-color: #6d76f7;\r\n border-radius: 4px;\r\n transition: all 0.2s ease-out;\r\n}\r\n\r\n.fa-bars {\r\n color: #fff;\r\n}\r\n\r\n.nav-links-mobile {\r\n display: none;\r\n}\r\n\r\n.menu-icon {\r\n display: none;\r\n}\r\n\r\n@media screen and (max-width: 968px) {\r\n .NavbarItems {\r\n position: relative;\r\n }\r\n .nav-menu {\r\n display: flex;\r\n flex-direction: column;\r\n width: 89%;\r\n height: 500px;\r\n position: absolute;\r\n top: 80px;\r\n left: -100%;\r\n opacity: 1;\r\n transition: all 0.5s ease;\r\n }\r\n .nav-menu.active {\r\n background: #6668f4;\r\n left: 0;\r\n opacity: 1;\r\n transition: all 0.5s ease;\r\n z-index: 1;\r\n }\r\n .nav-links {\r\n text-align: center;\r\n padding: 2rem;\r\n width: 89%;\r\n display: table;\r\n }\r\n .nav-links:hover {\r\n background-color: #7577fa;\r\n border-radius: 0;\r\n }\r\n .navbar-logo {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n transform: translate(25%, 50%);\r\n }\r\n .menu-icon {\r\n display: block;\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n transform: translate(-100%, 60%);\r\n font-size: 1.8rem;\r\n cursor: pointer;\r\n }\r\n .fa-times {\r\n color: #fff;\r\n font-size: 2rem;\r\n }\r\n .nav-links-mobile {\r\n display: block;\r\n text-align: center;\r\n padding: 1.5rem;\r\n margin: 2rem auto;\r\n border-radius: 4px;\r\n width: 80%;\r\n background: #4ad9e4;\r\n text-decoration: none;\r\n color: #fff;\r\n font-size: 1.5rem;\r\n }\r\n .nav-links-mobile:hover {\r\n background: #fff;\r\n color: #6568F4;\r\n transition: 250ms;\r\n }\r\n Button {\r\n display: none;\r\n }\r\n} */\r\n\r\n/* new css */\r\n\r\nnav {\r\n display: flex;\r\n height: 80px;\r\n width: 100%;\r\n background: #1b1b1b;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 0 50px 0 100px;\r\n flex-wrap: wrap;\r\n}\r\nnav .logo {\r\n color: #fff;\r\n font-size: 35px;\r\n font-weight: 600;\r\n}\r\nnav ul {\r\n display: flex;\r\n flex-wrap: wrap;\r\n list-style: none;\r\n}\r\nnav ul li {\r\n margin: 0 5px;\r\n}\r\nnav ul li a {\r\n color: #f2f2f2;\r\n text-decoration: none;\r\n font-size: 18px;\r\n font-weight: 500;\r\n padding: 8px 15px;\r\n border-radius: 5px;\r\n letter-spacing: 1px;\r\n transition: all 0.3s ease;\r\n}\r\nnav ul li a.active,\r\nnav ul li a:hover {\r\n color: #111;\r\n background: #fff;\r\n}\r\nnav .menu-btn i {\r\n color: #fff;\r\n font-size: 22px;\r\n cursor: pointer;\r\n display: none;\r\n}\r\ninput[type=\"checkbox\"] {\r\n display: none;\r\n}\r\n@media (max-width: 1000px) {\r\n nav{\r\n padding: 0 40px 0 50px;\r\n }\r\n}\r\n@media (max-width: 920px) {\r\n nav .menu-btn i {\r\n display: block;\r\n }\r\n #click:checked ~ .menu-btn i:before {\r\n content: \"\\f00d\";\r\n }\r\n nav ul {\r\n position: fixed;\r\n top: 80px;\r\n left: -100%;\r\n background: #111;\r\n height: 100vh;\r\n width: 100%;\r\n text-align: center;\r\n display: block;\r\n transition: all 0.3s ease;\r\n }\r\n #click:checked ~ ul {\r\n left: 0;\r\n }\r\n nav ul li {\r\n width: 100%;\r\n margin: 40px 0;\r\n }\r\n nav ul li a {\r\n width: 100%;\r\n margin-left: -100%;\r\n display: block;\r\n font-size: 20px;\r\n transition: 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);\r\n }\r\n #click:checked ~ ul li a {\r\n margin-left: 0px;\r\n }\r\n nav ul li a.active,\r\n nav ul li a:hover {\r\n background: none;\r\n color: cyan;\r\n }\r\n}\r\n.content {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n text-align: center;\r\n z-index: -1;\r\n width: 100%;\r\n padding: 0 30px;\r\n color: #1b1b1b;\r\n}\r\n.content div {\r\n font-size: 40px;\r\n font-weight: 700;\r\n}\r\n\r\n",".fullscreenDiv {\r\n background-color: #2196F3;\r\n width: 100%;\r\n height: auto;\r\n bottom: 0px;\r\n top: 0px;\r\n left: 0;\r\n position: absolute;\r\n}\r\n.container {\r\n position: absolute;\r\n background-color: #fff;\r\n top: 0.7rem;\r\n left: 0.7rem;\r\n right: 0.7rem;\r\n bottom: 0.7rem;\r\n}\r\n.center-container {\r\n position: absolute;\r\n bottom: 68%;\r\n width: 100%;\r\n text-align: center;\r\n height: 50px;\r\n}\r\n.main-container {\r\n width: 100%;\r\n}\r\n.image {\r\n width: 290px;\r\n height: 290px;\r\n}\r\n.image-container {\r\n width: 35%;\r\n padding-left: 11%;\r\n float: left;\r\n}\r\n.details-container {\r\n padding-top: 1.5rem;\r\n text-align: left;\r\n width: 65%;\r\n float: left;\r\n}\r\n.hello {\r\n font-size: 4rem;\r\n font-family: cursive;\r\n font-weight: unset;\r\n}\r\n.hello span {\r\n font-size: 2rem;\r\n}\r\n.name {\r\n font-size: 3rem;\r\n font-weight: 400;\r\n}\r\n.self-details {\r\n font-size: 2rem;\r\n font-weight: unset;\r\n font-family: monospace;\r\n}\r\n.button-container {\r\n padding-top: 2rem;\r\n}\r\n.button {\r\n padding: 1.2rem 2.2rem;\r\n background: #2196F3;\r\n border: none;\r\n border-radius: 6px;\r\n font-size: 1rem;\r\n color: #fff;\r\n cursor: pointer;\r\n}\r\n.button-link {\r\n text-decoration: none;\r\n}\r\n.footer-container {\r\n width: 100%;\r\n}\r\n\r\n@media only screen and (max-width: 768px) {\r\n .center-container {\r\n bottom: 78%;\r\n }\r\n .image-container {\r\n width: 100%;\r\n padding-left: 0;\r\n float: unset;\r\n }\r\n .image {\r\n width: 38%;\r\n height: auto;\r\n }\r\n .details-container {\r\n text-align: center;\r\n width: 100%;\r\n }\r\n .hello {\r\n font-size: 2rem;\r\n }\r\n .hello span {\r\n font-size: 1rem;\r\n }\r\n .name {\r\n font-size: 2rem;\r\n font-weight: 200;\r\n }\r\n}\r\n\r\n@media only screen and (max-width: 1024px) {\r\n .image-container {\r\n width: 100%;\r\n padding-left: 0;\r\n float: unset;\r\n }\r\n .image {\r\n width: 32%;\r\n height: auto;\r\n }\r\n .details-container {\r\n padding-top: 1.5rem;\r\n float: left;\r\n width: 100%;\r\n text-align: center;\r\n }\r\n}","* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n/* body {\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;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n} */\n"]} \ No newline at end of file