From 03ae0b9e8d1d020ff277aaec53b23e18d6b974bc Mon Sep 17 00:00:00 2001 From: Gurveer Madurai Date: Thu, 14 Mar 2024 18:03:45 -0700 Subject: [PATCH] Updates --- asset-manifest.json | 14 +++++++------- index.html | 2 +- static/css/main.43dc01f4.css.map | 1 - .../{main.43dc01f4.css => main.5a862d5b.css} | 4 ++-- static/css/main.5a862d5b.css.map | 1 + .../js/{main.a69abce1.js => main.8767946c.js} | 6 +++--- ...ICENSE.txt => main.8767946c.js.LICENSE.txt} | 0 ...in.a69abce1.js.map => main.8767946c.js.map} | 2 +- static/media/resume.2154abebc3eac01fd1b0.pdf | Bin 97291 -> 0 bytes .../media/resumeNew.fd101f4586302e9f8eb6.pdf | Bin 0 -> 242111 bytes 10 files changed, 15 insertions(+), 15 deletions(-) delete mode 100644 static/css/main.43dc01f4.css.map rename static/css/{main.43dc01f4.css => main.5a862d5b.css} (71%) create mode 100644 static/css/main.5a862d5b.css.map rename static/js/{main.a69abce1.js => main.8767946c.js} (87%) rename static/js/{main.a69abce1.js.LICENSE.txt => main.8767946c.js.LICENSE.txt} (100%) rename static/js/{main.a69abce1.js.map => main.8767946c.js.map} (51%) delete mode 100644 static/media/resume.2154abebc3eac01fd1b0.pdf create mode 100644 static/media/resumeNew.fd101f4586302e9f8eb6.pdf diff --git a/asset-manifest.json b/asset-manifest.json index 614aecc..edb2ed8 100644 --- a/asset-manifest.json +++ b/asset-manifest.json @@ -1,24 +1,24 @@ { "files": { - "main.css": "/react-portfolio/static/css/main.43dc01f4.css", - "main.js": "/react-portfolio/static/js/main.a69abce1.js", + "main.css": "/react-portfolio/static/css/main.5a862d5b.css", + "main.js": "/react-portfolio/static/js/main.8767946c.js", "static/js/787.a2cb61a6.chunk.js": "/react-portfolio/static/js/787.a2cb61a6.chunk.js", "static/media/AboutMePic.jpeg": "/react-portfolio/static/media/AboutMePic.592f6b02edd869907aa1.jpeg", "static/media/project2.PNG": "/react-portfolio/static/media/project2.1d81148932cefd506fb4.PNG", "static/media/displayPic.jpg": "/react-portfolio/static/media/displayPic.d08be7906ad632848822.jpg", "static/media/project1.PNG": "/react-portfolio/static/media/project1.99fcd1702de5e826a09a.PNG", - "static/media/resume.pdf": "/react-portfolio/static/media/resume.2154abebc3eac01fd1b0.pdf", + "static/media/resumeNew.pdf": "/react-portfolio/static/media/resumeNew.fd101f4586302e9f8eb6.pdf", "static/media/project4.PNG": "/react-portfolio/static/media/project4.7304d476e144fed423de.PNG", "static/media/project6.PNG": "/react-portfolio/static/media/project6.2800eeceafb3699ee8d1.PNG", "static/media/project5.PNG": "/react-portfolio/static/media/project5.97a06291703116e1ce8b.PNG", "static/media/project3.PNG": "/react-portfolio/static/media/project3.5b403980153f1b29075c.PNG", "index.html": "/react-portfolio/index.html", - "main.43dc01f4.css.map": "/react-portfolio/static/css/main.43dc01f4.css.map", - "main.a69abce1.js.map": "/react-portfolio/static/js/main.a69abce1.js.map", + "main.5a862d5b.css.map": "/react-portfolio/static/css/main.5a862d5b.css.map", + "main.8767946c.js.map": "/react-portfolio/static/js/main.8767946c.js.map", "787.a2cb61a6.chunk.js.map": "/react-portfolio/static/js/787.a2cb61a6.chunk.js.map" }, "entrypoints": [ - "static/css/main.43dc01f4.css", - "static/js/main.a69abce1.js" + "static/css/main.5a862d5b.css", + "static/js/main.8767946c.js" ] } \ No newline at end of file diff --git a/index.html b/index.html index df77193..7510c58 100644 --- a/index.html +++ b/index.html @@ -1 +1 @@ -Portfolio Website
\ No newline at end of file +Portfolio Website
\ No newline at end of file diff --git a/static/css/main.43dc01f4.css.map b/static/css/main.43dc01f4.css.map deleted file mode 100644 index 5c8d13e..0000000 --- a/static/css/main.43dc01f4.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"static/css/main.43dc01f4.css","mappings":"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","sources":["index.css","App.css","components/header/header.css","components/home/home.css","components/footer/footer.css","components/pages/about/about.css","components/pages/portfolio/portfolio.css","components/skills/skills.css"],"sourcesContent":["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\ncode {\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\n monospace;\n}\n","/* google fonts */\n@import url(\"https://fonts.googleapis.com/css2?family=Alkatra:wght@400;700&family=Poppins:wght@400;500;600&display=swap\");\n\n:root {\n --header-height: 3rem;\n\n /* colors */\n --hue: 0;\n --sat: 0%;\n --title-color: hsl(var(--hue), var(--sat), 20%);\n --title-color-dark: hsl(var(--hue), var(--sat), 0%);\n --text-color: hsl(var(--hue), var(--sat), 40%);\n --body-color: hsl(var(--hue), var(--sat), 90%);\n --container-color: #fff;\n\n /* fonts */\n --body-font: \"Poppins\", sans-serif;\n\n /* font size */\n --big-font-size: 3.5rem;\n --h1-font-size: 2.25rem;\n --h2-font-size: 1.5rem;\n --h3-font-size: 1.25rem;\n --normal-font-size: 1rem;\n --small-font-size: 0.875rem;\n --smaller-font-size: 0.75rem;\n --tiny-font-size: 0.625rem;\n\n /* font weight */\n --font-normal: 400;\n --font-medium: 500;\n --font-semi-bold: 600;\n\n /* margins/bottom */\n --mb-0-25: 0.25rem;\n --mb-0-5: 0.5rem;\n --mb-0-75: 0.75rem;\n --mb-1: 1rem;\n --mb-1-5: 1.5rem;\n --mb-2: 2rem;\n --mb-2-5: 2.5rem;\n --mb-3: 3rem;\n\n /* z-index */\n --z-tooltip: 10;\n --z-fixed: 100;\n --z-modal: 1000;\n}\n\n/* Responsiveness */\n\n@media screen and (max-width: 992px) {\n :root {\n --big-font-size: 2.75rem;\n --h1-font-size: 1.5rem;\n --h2-font-size: 1.25rem;\n --h3-font-size: 1rem;\n --normal-font-size: 0.9rem;\n --small-font-size: 0.8rem;\n --smaller-font-size: 0.75rem;\n }\n}\n\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\nhtml {\n scroll-behavior: smooth;\n}\n\nbody,\nbutton,\ninput,\ntextarea {\n font-family: var(--body-font);\n font-size: var(--normal-font-size);\n}\n\nbody {\n background-color: var(--body-color);\n color: var(--text-color);\n}\n\nh1,\nh2,\nh3 {\n color: var(--title-color);\n font-weight: var(--font-semi-bold);\n}\n\nul {\n list-style: none;\n}\n\na {\n text-decoration: none;\n}\n\nbutton {\n cursor: pointer;\n border: none;\n outline: none;\n}\n\nimg {\n max-width: 100%;\n height: auto;\n}\n\n.section {\n padding: 6rem 0rem;\n}\n\n.section_title {\n font-size: var(--h1-font-size);\n color: var(--title-color);\n}\n\n.section_subtitle {\n display: block;\n font-size: var(--small-font-size);\n margin-bottom: 4rem;\n}\n\n.section_title,\n.section_subtitle {\n text-align: center;\n}\n\n.container {\n max-width: 968px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.grid {\n display: grid;\n gap: 1.5rem;\n}\n\n.button {\n display: inline-block;\n background-color: var(--title-color);\n color: (var(--container-color));\n padding: 1.25rem 2rem;\n border-radius: 1rem;\n font-weight: var(--font-medium);\n}\n\n.button:hover {\n background-color: var(--title-color-dark);\n}\n\n.button_icon {\n margin-left: var(--mb-0-5);\n}\n\n.button--flex {\n display: inline-flex;\n align-items: center;\n}\n\n/* breakpoints */\n@media screen and (max-width: 992px) {\n .container {\n margin-left: var(--mb-1-5);\n margin-right: var(--mb-1-5);\n }\n}\n@media screen and (max-width: 768px) {\n .section{\n padding: 2rem 0 4rem;\n }\n}\n@media screen and (max-width: 576px) {\n}\n@media screen and (max-width: 350px) {\n :root{\n --big-font-size:2.25rem;\n }\n .container {\n margin-left: var(--mb-1);\n margin-right: var(--mb-1);\n }\n}\n",".header {\n width: 100%;\n position: fixed;\n top: 0;\n left: 0;\n z-index: var(--z-fixed);\n background-color: var(--body-color-);\n}\n\n.nav {\n height: calc(var(--header-height) + 1.5rem);\n display: flex;\n justify-content: space-between;\n align-items: center;\n column-gap: 1rem;\n}\n\n.nav_logo,\n.nav_toggle {\n color: var(--title-color);\n font-weight: var(--font-medium);\n}\n\n.nav_list {\n display: flex;\n column-gap: 2rem;\n}\n\n.nav_link {\n display: flex;\n flex-direction: column;\n align-items: center;\n font-size: var(--small-font-size);\n color: var(--title-color);\n font-weight: var(--font-medium);\n transition: 300ms;\n}\n\n.nav_icon,\n.nav_close,\n.nav_toggle {\n display: none;\n}\n\n.active-link,\n.nav_link:hover {\n color: var(--title-color-dark);\n}\n\n@media screen and (max-width: 768px) {\n .header {\n top: initial;\n bottom: 0;\n }\n .nav {\n height: var(--header-height);\n }\n .nav_menu {\n position: fixed;\n bottom: -100%;\n left: 0;\n width: 100%;\n background-color: var(--body-color);\n padding: 2rem, 1.5rem, 4rem;\n box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.15);\n border-radius: 1.5rem 1.5rem 0 0;\n transition: 300ms;\n }\n\n\n .show-menu{\n bottom: 0;\n }\n\n .nav_list {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 2rem;\n }\n\n .nav_icon {\n font-size: 1.2rem;\n }\n\n .nav_close {\n position: absolute;\n right: 1.3rem;\n bottom: 0.5rem;\n font-size: 1.5rem;\n cursor: pointer;\n color: var(--title-color);\n }\n\n .nav_close:hover {\n color: var(--title-color-dark);\n }\n\n .nav_toggle{\n font-size: 1.1rem;\n cursor: pointer;\n }\n\n .nav_icon,\n .nav_close,\n .nav_toggle {\n display: block;\n }\n}\n\n@media screen and (max-width:350px){\n .nav_menu{\n padding: 2rem 0.25rem 4rem;\n }\n .nav_list{\n column-gap: 0;\n }\n}\n",".home_content {\n grid-template-columns: 116px repeat(2, 1fr);\n padding-top: 5.5rem;\n column-gap: 2rem;\n align-items: center;\n}\n\n.home_social {\n display: grid;\n grid-template-columns: max-content;\n row-gap: 1rem;\n}\n\n.home_social-icon {\n font-size: 1.5rem;\n color: var(--title-color);\n}\n\n.home_social-icon:hover {\n color: var(--title-color-dark);\n}\n\n.home_title {\n font-size: var(--big-font-size);\n margin-bottom: var(--mg-0-25);\n}\n\n.home_subtitle {\n position: relative;\n font-size: var(--h3-font-size);\n padding-right: 5.5rem;\n font-weight: var(--font-normal);\n margin-bottom: var(--mb-1);\n}\n\n.home_subtitle::before {\n content: \"\";\n position: absolute;\n bottom: 0rem;\n left: 0;\n width: 90px;\n height: 1px;\n background-color: var(--text-color);\n border-radius: var(--border-radius);\n}\n\n.home_description {\n max-width: 400px;\n margin-bottom: var(--mb-3);\n}\n\n.home_img {\n background: url(../../assets/displayPic.jpg);\n background-repeat: no-repeat;\n background-position: center;\n background-size: cover;\n box-shadow: inset 0 0 0 9px rgb(255, 255, 255 / 30%);\n order: 1;\n justify-self: center;\n width: 300px;\n height: 300px;\n}\n\n@media screen and (max-width: 992px) {\n .home_content {\n grid-template-columns: 100px repeat(2, 1fr);\n column-gap: 1.5rem;\n }\n .home_subtitle {\n padding-left: 3.75rem;\n margin-bottom: var(--mb-1);\n }\n .home_subtitle::before {\n width: 42px;\n top: 0.8rem;\n }\n .home_description {\n max-width: initial;\n margin-bottom: var(--mb-2-5);\n }\n .home_img {\n width: 250px;\n height: 250px;\n }\n}\n@media screen and (max-width: 768px) {\n .home_content {\n grid-template-columns: 0.5fr 3fr;\n padding-top: 3.5rem;\n }\n .home_img {\n justify-self: center;\n }\n .home_data{\n grid-column: 1/3;\n }\n}\n",".footer{\n background-color: var(--container-color);\n border-top:1px solid rgba(0,0,0,0.1)\n}\n\n.footer_container{\n padding: 2rem 0 6rem;\n}\n\n.footer_title,\n.footer_link{\n color: var(--title-color);\n}\n\n.footer_title{\n text-align: center;\n margin-bottom: var(--mb-2);\n}\n\n.footer_link{\n color: var(--title-color-dark);\n}\n\n.footer_list{\n display: flex;\n justify-content: center;\n column-gap: 1.5rem;\n margin-bottom: var(--mb-2);\n}\n\n.footer_social{\n display: flex;\n justify-content: center;\n column-gap: 1.125rem;\n}\n\n.footer_social-link{\n background-color: var(--title-color);\n color: var(--container-color);\n font-size: 1.25rem;\n padding: 0.4rem;\n border-radius: 0.5rem;\n display: inline-flex;\n}\n\n.footer_social-link:hover{\n background-color: var(--title-color-dark);\n}\n\n.footer_copy{\n display: block;\n margin-top: 4.5rem;\n color: var(--title-color);\n text-align: center;\n font-size: var(--smaller-font-size);\n}\n",".about_container{\n grid-template-columns: repeat(2, 1fr);\n align-items: center;\n column-gap: 4rem;\n}\n\n.about_img {\n /* background: url(../../assets/displayPic.jpg); */\n width: 350px;\n border-radius: 1.5rem;\n justify-self: center;\n /* height: 500px;\n justify-content: center;\n padding-left: 10rem;\n padding-right: 10rem;\n margin-bottom: var(--mb-1); */\n}\n\n.about_info{\n grid-template-columns: repeat(2,140px);\n gap:0.5rem;\n margin-bottom: var(--mb-2);\n}\n\n.about_box{\n background-color: var(--container-color);\n border: 1px rgba(0, 0, 0, 0.1);\n border-radius: 0.75rem;\n text-align: center;\n padding: 1.5rem 1.25rem;\n}\n\n.about_icon{\n font-size: 1.5rem;\n color: var(--title-color);\n margin-bottom: var(--mb-0-5);\n}\n\n.about_title{\nfont-size: var(--small-font-size);\nfont-weight: var(--font-medium);\n}\n\n.about_subtitle{\n font-size: var(--tiny-font-size);\n}\n.about_description {\n padding: 0.4rem;\n margin-bottom: var(--mb-2-5);\n /* font-size: var(--h3-font-size);\n padding-right: 5.5rem;\n padding-left: 5.5rem;\n font-weight: var(--font-normal);\n margin-bottom: var(--mb-1); */\n}\n\n/* breakpoints */\n@media screen and (max-width: 992px) {\n .about_container {\n grid-template-columns: 1fr;\n row-gap: 2.5rem;\n }\n .about_img{\n width: 220px;\n }\n .about_box{\n padding:0.75rem 0.5rem;\n }\n\n .about_data{\n text-align: center;\n }\n\n .about_info{\n justify-content: center;\n }\n .about_description{\n padding: 0.5rem;\n margin-bottom: 2rem;\n }\n}\n@media screen and (max-width: 768px) {\n body{\n margin: 0 0 var(--header-height) 0;\n }\n .section{\n padding: 2rem 0 4rem;\n }\n .section_subtitle{\n margin-bottom: var(--mb-3);\n }\n}\n@media screen and (max-width: 576px) {\n .about_info{\n grid-template-columns: repeat(3,1fr);\n }\n .about_description{\n padding:0;\n }\n}\n@media screen and (max-width: 350px) {\n .about_info{\n grid-template-columns: repeat(2,1fr);\n }\n}\n","\n\n.project_container{\n grid-template-columns: repeat(2,max-content);\n gap: 3rem;\n justify-content: center;\n}\n\n.project_card{\n background-color: var(--container-color);\n border: 1px solid rgb(0,0,0,0.1);\n padding: 1.25rem;\n border-radius: 1rem;\n}\n\n.project_img{\n width: 295px;\n border-radius: 1rem;\n margin-bottom: var(--mb-1);\n}\n\n.project_title{\n font-size: var(--normal-font-size);\n font-weight: var(--font-medium);\n margin-bottom: var(--mb-0-5);\n}\n\n.work_button{\n color: var(--text-color);\n font-size: var(--small-font-size);\n display: flex;\n align-items: center;\n column-gap: 0.25rem;\n}\n\n.work_button-icon{\n font-size: 1rem;\n transition: 400ms;\n}\n\n.work_button:hover .work_button-icon{\n transform: translateX(0.25rem);\n}\n",".skills_container{\r\n grid-template-columns: repeat(2,350px);\r\n column-gap: 3rem;\r\n justify-content: center;\r\n}\r\n\r\n.skills_content{\r\n background-color: var(--container-color);\r\n border: 1px rgba(0, 0, 0, 0.1);\r\n padding: 2rem 4rem;\r\n border-radius: 1.25rem;\r\n}\r\n\r\n.skills_title{\r\n font-size: var(--normal-font-size);\r\n font-weight: var(--font-medium);\r\n text-align: center;\r\n margin-bottom: var(--mb-1-5);\r\n}\r\n\r\n.skills_box{\r\n display: flex;\r\n justify-content: center;\r\n column-gap: 2.5rem;\r\n}\r\n\r\n.skills_group{\r\n display: grid;\r\n align-items: flex-start;\r\n row-gap: 1rem;\r\n}\r\n\r\n.skills_data{\r\n display: flex;\r\n column-gap: 0.5rem;\r\n}\r\n\r\n.skills .-badge-check{\r\n font-size: 1rem;\r\n color: var(--title-color);\r\n}\r\n\r\n.skills_name{\r\n font-size: var(--normal-font-size);\r\n font-weight: var(--font-medium);\r\n line-height: 18px;\r\n}\r\n\r\n@media screen and (max-width: 992px) {\r\n .skills_container{\r\n grid-template-columns:max-content;\r\n row-gap: 2rem;\r\n }\r\n }\r\n @media screen and (max-width: 576px) {\r\n .skills_container{\r\n grid-template-columns:1fr;\r\n }\r\n .skills_content{\r\n padding: 1.5rem;\r\n }\r\n }\r\n @media screen and (max-width: 350px) {\r\n .skills_box{\r\n column-gap: 1.25rem;\r\n }\r\n .skills_name{\r\n font-size:var(--small-font-size);\r\n }\r\n }"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/css/main.43dc01f4.css b/static/css/main.5a862d5b.css similarity index 71% rename from static/css/main.43dc01f4.css rename to static/css/main.5a862d5b.css index 24354b1..d2022b2 100644 --- a/static/css/main.43dc01f4.css +++ b/static/css/main.5a862d5b.css @@ -1,2 +1,2 @@ -@import url(https://fonts.googleapis.com/css2?family=Alkatra:wght@400;700&family=Poppins:wght@400;500;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--header-height:3rem;--hue:0;--sat:0%;--title-color:hsl(var(--hue),var(--sat),20%);--title-color-dark:hsl(var(--hue),var(--sat),0%);--text-color:hsl(var(--hue),var(--sat),40%);--body-color:hsl(var(--hue),var(--sat),90%);--container-color:#fff;--body-font:"Poppins",sans-serif;--big-font-size:3.5rem;--h1-font-size:2.25rem;--h2-font-size:1.5rem;--h3-font-size:1.25rem;--normal-font-size:1rem;--small-font-size:0.875rem;--smaller-font-size:0.75rem;--tiny-font-size:0.625rem;--font-normal:400;--font-medium:500;--font-semi-bold:600;--mb-0-25:0.25rem;--mb-0-5:0.5rem;--mb-0-75:0.75rem;--mb-1:1rem;--mb-1-5:1.5rem;--mb-2:2rem;--mb-2-5:2.5rem;--mb-3:3rem;--z-tooltip:10;--z-fixed:100;--z-modal:1000}@media screen and (max-width:992px){:root{--big-font-size:2.75rem;--h1-font-size:1.5rem;--h2-font-size:1.25rem;--h3-font-size:1rem;--normal-font-size:0.9rem;--small-font-size:0.8rem;--smaller-font-size:0.75rem}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body,button,input,textarea{font-family:Poppins,sans-serif;font-family:var(--body-font);font-size:1rem;font-size:var(--normal-font-size)}body{background-color:#e6e6e6;background-color:var(--body-color);color:#666;color:var(--text-color)}h1,h2,h3{color:#333;color:var(--title-color);font-weight:600;font-weight:var(--font-semi-bold)}ul{list-style:none}a{text-decoration:none}button{border:none;cursor:pointer;outline:none}img{height:auto;max-width:100%}.section{padding:6rem 0}.section_title{color:#333;color:var(--title-color);font-size:2.25rem;font-size:var(--h1-font-size)}.section_subtitle{display:block;font-size:.875rem;font-size:var(--small-font-size);margin-bottom:4rem}.section_subtitle,.section_title{text-align:center}.container{margin-left:auto;margin-right:auto;max-width:968px}.grid{grid-gap:1.5rem;display:grid;gap:1.5rem}.button{background-color:#333;background-color:var(--title-color);border-radius:1rem;color:(#fff);color:(var(--container-color));display:inline-block;font-weight:500;font-weight:var(--font-medium);padding:1.25rem 2rem}.button:hover{background-color:#000;background-color:var(--title-color-dark)}.button_icon{margin-left:.5rem;margin-left:var(--mb-0-5)}.button--flex{align-items:center;display:inline-flex}@media screen and (max-width:992px){.container{margin-left:1.5rem;margin-left:var(--mb-1-5);margin-right:1.5rem;margin-right:var(--mb-1-5)}}@media screen and (max-width:768px){.section{padding:2rem 0 4rem}}@media screen and (max-width:350px){:root{--big-font-size:2.25rem}.container{margin-left:1rem;margin-left:var(--mb-1);margin-right:1rem;margin-right:var(--mb-1)}}.header{background-color:var(--body-color-);left:0;position:fixed;top:0;width:100%;z-index:var(--z-fixed)}.nav{align-items:center;-webkit-column-gap:1rem;column-gap:1rem;display:flex;height:calc(var(--header-height) + 1.5rem);justify-content:space-between}.nav_logo,.nav_toggle{color:var(--title-color);font-weight:var(--font-medium)}.nav_list{-webkit-column-gap:2rem;column-gap:2rem;display:flex}.nav_link{align-items:center;color:var(--title-color);display:flex;flex-direction:column;font-size:var(--small-font-size);font-weight:var(--font-medium);transition:.3s}.nav_close,.nav_icon,.nav_toggle{display:none}.active-link,.nav_link:hover{color:var(--title-color-dark)}@media screen and (max-width:768px){.header{bottom:0;top:auto}.nav{height:var(--header-height)}.nav_menu{background-color:var(--body-color);border-radius:1.5rem 1.5rem 0 0;bottom:-100%;box-shadow:0 -1px 4px rgba(0,0,0,.15);left:0;padding:2rem,1.5rem,4rem;position:fixed;transition:.3s;width:100%}.show-menu{bottom:0}.nav_list{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.nav_icon{font-size:1.2rem}.nav_close{bottom:.5rem;color:var(--title-color);cursor:pointer;font-size:1.5rem;position:absolute;right:1.3rem}.nav_close:hover{color:var(--title-color-dark)}.nav_toggle{cursor:pointer;font-size:1.1rem}.nav_close,.nav_icon,.nav_toggle{display:block}}@media screen and (max-width:350px){.nav_menu{padding:2rem .25rem 4rem}.nav_list{-webkit-column-gap:0;column-gap:0}}.home_content{align-items:center;-webkit-column-gap:2rem;column-gap:2rem;grid-template-columns:116px repeat(2,1fr);padding-top:5.5rem}.home_social{grid-row-gap:1rem;display:grid;grid-template-columns:-webkit-max-content;grid-template-columns:max-content;row-gap:1rem}.home_social-icon{color:var(--title-color);font-size:1.5rem}.home_social-icon:hover{color:var(--title-color-dark)}.home_title{font-size:var(--big-font-size);margin-bottom:var(--mg-0-25)}.home_subtitle{font-size:var(--h3-font-size);font-weight:var(--font-normal);margin-bottom:var(--mb-1);padding-right:5.5rem;position:relative}.home_subtitle:before{background-color:var(--text-color);border-radius:var(--border-radius);bottom:0;content:"";height:1px;left:0;position:absolute;width:90px}.home_description{margin-bottom:var(--mb-3);max-width:400px}.home_img{background:url(/react-portfolio/static/media/displayPic.d08be7906ad632848822.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;box-shadow:inset 0 0 0 9px rgb(255,255,255/30%);height:300px;justify-self:center;order:1;width:300px}@media screen and (max-width:992px){.home_content{-webkit-column-gap:1.5rem;column-gap:1.5rem;grid-template-columns:100px repeat(2,1fr)}.home_subtitle{margin-bottom:var(--mb-1);padding-left:3.75rem}.home_subtitle:before{top:.8rem;width:42px}.home_description{margin-bottom:var(--mb-2-5);max-width:none}.home_img{height:250px;width:250px}}@media screen and (max-width:768px){.home_content{grid-template-columns:.5fr 3fr;padding-top:3.5rem}.home_img{justify-self:center}.home_data{grid-column:1/3}}.footer{background-color:var(--container-color);border-top:1px solid rgba(0,0,0,.1)}.footer_container{padding:2rem 0 6rem}.footer_link,.footer_title{color:var(--title-color)}.footer_title{margin-bottom:var(--mb-2);text-align:center}.footer_link{color:var(--title-color-dark)}.footer_list{-webkit-column-gap:1.5rem;column-gap:1.5rem;margin-bottom:var(--mb-2)}.footer_list,.footer_social{display:flex;justify-content:center}.footer_social{-webkit-column-gap:1.125rem;column-gap:1.125rem}.footer_social-link{background-color:var(--title-color);border-radius:.5rem;color:var(--container-color);display:inline-flex;font-size:1.25rem;padding:.4rem}.footer_social-link:hover{background-color:var(--title-color-dark)}.footer_copy{color:var(--title-color);display:block;font-size:var(--smaller-font-size);margin-top:4.5rem;text-align:center}.about_container{align-items:center;-webkit-column-gap:4rem;column-gap:4rem;grid-template-columns:repeat(2,1fr)}.about_img{border-radius:1.5rem;justify-self:center;width:350px}.about_info{gap:.5rem;grid-template-columns:repeat(2,140px);margin-bottom:var(--mb-2)}.about_box{background-color:var(--container-color);border:1px rgba(0,0,0,.1);border-radius:.75rem;padding:1.5rem 1.25rem;text-align:center}.about_icon{color:var(--title-color);font-size:1.5rem;margin-bottom:var(--mb-0-5)}.about_title{font-size:var(--small-font-size);font-weight:var(--font-medium)}.about_subtitle{font-size:var(--tiny-font-size)}.about_description{margin-bottom:var(--mb-2-5);padding:.4rem}@media screen and (max-width:992px){.about_container{grid-template-columns:1fr;row-gap:2.5rem}.about_img{width:220px}.about_box{padding:.75rem .5rem}.about_data{text-align:center}.about_info{justify-content:center}.about_description{margin-bottom:2rem;padding:.5rem}}@media screen and (max-width:768px){body{margin:0 0 var(--header-height) 0}.section{padding:2rem 0 4rem}.section_subtitle{margin-bottom:var(--mb-3)}}@media screen and (max-width:576px){.about_info{grid-template-columns:repeat(3,1fr)}.about_description{padding:0}}@media screen and (max-width:350px){.about_info{grid-template-columns:repeat(2,1fr)}}.project_container{gap:3rem;grid-template-columns:repeat(2,-webkit-max-content);grid-template-columns:repeat(2,max-content);justify-content:center}.project_card{background-color:var(--container-color);border:1px solid rgb(0,0,0,.1);border-radius:1rem;padding:1.25rem}.project_img{border-radius:1rem;margin-bottom:var(--mb-1);width:295px}.project_title{font-size:var(--normal-font-size);font-weight:var(--font-medium);margin-bottom:var(--mb-0-5)}.work_button{align-items:center;color:var(--text-color);-webkit-column-gap:.25rem;column-gap:.25rem;display:flex;font-size:var(--small-font-size)}.work_button-icon{font-size:1rem;transition:.4s}.work_button:hover .work_button-icon{-webkit-transform:translateX(.25rem);transform:translateX(.25rem)}.skills_container{-webkit-column-gap:3rem;column-gap:3rem;grid-template-columns:repeat(2,350px);justify-content:center}.skills_content{background-color:var(--container-color);border:1px rgba(0,0,0,.1);border-radius:1.25rem;padding:2rem 4rem}.skills_title{font-size:var(--normal-font-size);font-weight:var(--font-medium);margin-bottom:var(--mb-1-5);text-align:center}.skills_box{-webkit-column-gap:2.5rem;column-gap:2.5rem;display:flex;justify-content:center}.skills_group{grid-row-gap:1rem;align-items:flex-start;display:grid;row-gap:1rem}.skills_data{-webkit-column-gap:.5rem;column-gap:.5rem;display:flex}.skills .-badge-check{color:var(--title-color);font-size:1rem}.skills_name{font-size:var(--normal-font-size);font-weight:var(--font-medium);line-height:18px}@media screen and (max-width:992px){.skills_container{grid-template-columns:-webkit-max-content;grid-template-columns:max-content;row-gap:2rem}}@media screen and (max-width:576px){.skills_container{grid-template-columns:1fr}.skills_content{padding:1.5rem}}@media screen and (max-width:350px){.skills_box{-webkit-column-gap:1.25rem;column-gap:1.25rem}.skills_name{font-size:var(--small-font-size)}} -/*# sourceMappingURL=main.43dc01f4.css.map*/ \ No newline at end of file +@import url(https://fonts.googleapis.com/css2?family=Alkatra:wght@400;700&family=Poppins:wght@400;500;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--header-height:3rem;--hue:0;--sat:0%;--title-color:hsl(var(--hue),var(--sat),20%);--title-color-dark:hsl(var(--hue),var(--sat),0%);--text-color:hsl(var(--hue),var(--sat),40%);--body-color:hsl(var(--hue),var(--sat),90%);--container-color:#fff;--body-font:"Poppins",sans-serif;--big-font-size:3.5rem;--h1-font-size:2.25rem;--h2-font-size:1.5rem;--h3-font-size:1.25rem;--normal-font-size:1rem;--small-font-size:0.875rem;--smaller-font-size:0.75rem;--tiny-font-size:0.625rem;--font-normal:400;--font-medium:500;--font-semi-bold:600;--mb-0-25:0.25rem;--mb-0-5:0.5rem;--mb-0-75:0.75rem;--mb-1:1rem;--mb-1-5:1.5rem;--mb-2:2rem;--mb-2-5:2.5rem;--mb-3:3rem;--z-tooltip:10;--z-fixed:100;--z-modal:1000}@media screen and (max-width:992px){:root{--big-font-size:2.75rem;--h1-font-size:1.5rem;--h2-font-size:1.25rem;--h3-font-size:1rem;--normal-font-size:0.9rem;--small-font-size:0.8rem;--smaller-font-size:0.75rem}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body,button,input,textarea{font-family:Poppins,sans-serif;font-family:var(--body-font);font-size:1rem;font-size:var(--normal-font-size)}body{background-color:#e6e6e6;background-color:var(--body-color);color:#666;color:var(--text-color)}h1,h2,h3{color:#333;color:var(--title-color);font-weight:600;font-weight:var(--font-semi-bold)}ul{list-style:none}a{text-decoration:none}button{border:none;cursor:pointer;outline:none}img{height:auto;max-width:100%}.section{padding:6rem 0}.section_title{color:#333;color:var(--title-color);font-size:2.25rem;font-size:var(--h1-font-size)}.section_subtitle{display:block;font-size:.875rem;font-size:var(--small-font-size);margin-bottom:4rem}.section_subtitle,.section_title{text-align:center}.container{margin-left:auto;margin-right:auto;max-width:968px}.grid{grid-gap:1.5rem;display:grid;gap:1.5rem}.button{background-color:#333;background-color:var(--title-color);border-radius:1rem;color:(#fff);color:(var(--container-color));display:inline-block;font-weight:500;font-weight:var(--font-medium);padding:1.25rem 2rem}.button:hover{background-color:#000;background-color:var(--title-color-dark)}.button_icon{margin-left:.5rem;margin-left:var(--mb-0-5)}.button--flex{align-items:center;display:inline-flex}@media screen and (max-width:992px){.container{margin-left:1.5rem;margin-left:var(--mb-1-5);margin-right:1.5rem;margin-right:var(--mb-1-5)}}@media screen and (max-width:768px){.section{padding:2rem 0 4rem}}@media screen and (max-width:350px){:root{--big-font-size:2.25rem}.container{margin-left:1rem;margin-left:var(--mb-1);margin-right:1rem;margin-right:var(--mb-1)}}.header{background-color:var(--body-color-);left:0;position:fixed;top:0;width:100%;z-index:var(--z-fixed)}.nav{align-items:center;-webkit-column-gap:1rem;column-gap:1rem;display:flex;height:calc(var(--header-height) + 1.5rem);justify-content:space-between}.nav_logo,.nav_toggle{color:var(--title-color);font-weight:var(--font-medium)}.nav_list{-webkit-column-gap:2rem;column-gap:2rem;display:flex}.nav_link{align-items:center;color:var(--title-color);display:flex;flex-direction:column;font-size:var(--small-font-size);font-weight:var(--font-medium);transition:.3s}.nav_close,.nav_icon,.nav_toggle{display:none}.active-link,.nav_link:hover{color:var(--title-color-dark)}@media screen and (max-width:768px){.header{bottom:0;top:auto}.nav{height:var(--header-height)}.nav_menu{background-color:var(--body-color);border-radius:1.5rem 1.5rem 0 0;bottom:-100%;box-shadow:0 -1px 4px rgba(0,0,0,.15);left:0;padding:2rem,1.5rem,4rem;position:fixed;transition:.3s;width:100%}.show-menu{bottom:0}.nav_list{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.nav_icon{font-size:1.2rem}.nav_close{bottom:.5rem;color:var(--title-color);cursor:pointer;font-size:1.5rem;position:absolute;right:1.3rem}.nav_close:hover{color:var(--title-color-dark)}.nav_toggle{cursor:pointer;font-size:1.1rem}.nav_close,.nav_icon,.nav_toggle{display:block}}@media screen and (max-width:350px){.nav_menu{padding:2rem .25rem 4rem}.nav_list{-webkit-column-gap:0;column-gap:0}}.home_content{align-items:center;-webkit-column-gap:2rem;column-gap:2rem;grid-template-columns:116px repeat(2,1fr);padding-top:5.5rem}.home_social{grid-row-gap:1rem;display:grid;grid-template-columns:-webkit-max-content;grid-template-columns:max-content;row-gap:1rem}.home_social-icon{color:var(--title-color);font-size:1.5rem}.home_social-icon:hover{color:var(--title-color-dark)}.home_title{font-size:var(--big-font-size);margin-bottom:var(--mg-0-25)}.home_subtitle{font-size:var(--h3-font-size);font-weight:var(--font-normal);margin-bottom:var(--mb-1);padding-right:5.5rem;position:relative}.home_subtitle:before{background-color:var(--text-color);border-radius:var(--border-radius);bottom:0;content:"";height:1px;left:0;position:absolute;width:90px}.home_description{margin-bottom:var(--mb-3);max-width:400px}.home_img{background:url(/react-portfolio/static/media/displayPic.d08be7906ad632848822.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;box-shadow:inset 0 0 0 9px rgb(255,255,255/30%);height:300px;justify-self:center;order:1;width:300px}@media screen and (max-width:992px){.home_content{-webkit-column-gap:1.5rem;column-gap:1.5rem;grid-template-columns:100px repeat(2,1fr)}.home_subtitle{margin-bottom:var(--mb-1);padding-left:3.75rem}.home_subtitle:before{top:.8rem;width:42px}.home_description{margin-bottom:var(--mb-2-5);max-width:none}.home_img{height:250px;width:250px}}@media screen and (max-width:768px){.home_content{grid-template-columns:.5fr 3fr;padding-top:3.5rem}.home_img{justify-self:center}.home_data{grid-column:1/3}}.footer{background-color:var(--container-color);border-top:1px solid rgba(0,0,0,.1)}.footer_container{padding:2rem 0 6rem}.footer_link,.footer_title{color:var(--title-color)}.footer_title{margin-bottom:var(--mb-2);text-align:center}.footer_link{color:var(--title-color-dark)}.footer_list{-webkit-column-gap:1.5rem;column-gap:1.5rem;margin-bottom:var(--mb-2)}.footer_list,.footer_social{display:flex;justify-content:center}.footer_social{-webkit-column-gap:1.125rem;column-gap:1.125rem}.footer_social-link{background-color:var(--title-color);border-radius:.5rem;color:var(--container-color);display:inline-flex;font-size:1.25rem;padding:.4rem}.footer_social-link:hover{background-color:var(--title-color-dark)}.footer_copy{color:var(--title-color);display:block;font-size:var(--smaller-font-size);margin-top:4.5rem;text-align:center}.about_container{align-items:center;-webkit-column-gap:4rem;column-gap:4rem;grid-template-columns:repeat(2,1fr)}.about_img{border-radius:1.5rem;justify-self:center;width:350px}.about_info{gap:.5rem;grid-template-columns:repeat(2,240px);margin-bottom:var(--mb-2)}.about_box{background-color:var(--container-color);border:1px rgba(0,0,0,.1);border-radius:.75rem;padding:1.5rem 1.25rem;text-align:center}.about_icon{color:var(--title-color);font-size:1.5rem;margin-bottom:var(--mb-0-5)}.about_title{font-size:var(--small-font-size);font-weight:var(--font-medium)}.about_subtitle{font-size:var(--tiny-font-size)}.about_description{padding:.4rem}@media screen and (max-width:992px){.about_container{grid-template-columns:1fr;row-gap:2.5rem}.about_img{width:220px}.about_box{padding:.75rem .5rem}.about_data{text-align:center}.about_info{justify-content:center}.about_description{margin-bottom:2rem;padding:.5rem}}@media screen and (max-width:768px){body{margin:0 0 var(--header-height) 0}.section{padding:2rem 0 4rem}.section_subtitle{margin-bottom:var(--mb-3)}}@media screen and (max-width:576px){.about_info{grid-template-columns:repeat(2,1fr)}.about_description{padding:0}}@media screen and (max-width:350px){.about_info{grid-template-columns:repeat(2,1fr)}}.resume_subtitle{font-size:var(--h3-font-size);font-weight:var(--font-normal);margin-bottom:var(--mb-1);padding-right:5.5rem;position:relative}.resume_container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:15px}.project_container{gap:3rem;grid-template-columns:repeat(2,-webkit-max-content);grid-template-columns:repeat(2,max-content);justify-content:center}.project_card{background-color:var(--container-color);border:1px solid rgb(0,0,0,.1);border-radius:1rem;padding:1.25rem}.project_img{border-radius:1rem;margin-bottom:var(--mb-1);width:295px}.project_title{font-size:var(--normal-font-size);font-weight:var(--font-medium);margin-bottom:var(--mb-0-5)}.work_button{align-items:center;color:var(--text-color);-webkit-column-gap:.25rem;column-gap:.25rem;display:flex;font-size:var(--small-font-size)}.work_button-icon{font-size:1rem;transition:.4s}.work_button:hover .work_button-icon{-webkit-transform:translateX(.25rem);transform:translateX(.25rem)}.skills_container{-webkit-column-gap:3rem;column-gap:3rem;grid-template-columns:repeat(2,350px);justify-content:center}.skills_content{background-color:var(--container-color);border:1px rgba(0,0,0,.1);border-radius:1.25rem;padding:2rem 4rem}.skills_title{font-size:var(--normal-font-size);font-weight:var(--font-medium);margin-bottom:var(--mb-1-5);text-align:center}.skills_box{-webkit-column-gap:2.5rem;column-gap:2.5rem;display:flex;justify-content:center}.skills_group{grid-row-gap:1rem;align-items:flex-start;display:grid;row-gap:1rem}.skills_data{-webkit-column-gap:.5rem;column-gap:.5rem;display:flex}.skills .-badge-check{color:var(--title-color);font-size:1rem}.skills_name{font-size:var(--normal-font-size);font-weight:var(--font-medium);line-height:18px}@media screen and (max-width:992px){.skills_container{grid-template-columns:-webkit-max-content;grid-template-columns:max-content;row-gap:2rem}}@media screen and (max-width:576px){.skills_container{grid-template-columns:1fr}.skills_content{padding:1.5rem}}@media screen and (max-width:350px){.skills_box{-webkit-column-gap:1.25rem;column-gap:1.25rem}.skills_name{font-size:var(--small-font-size)}} +/*# sourceMappingURL=main.5a862d5b.css.map*/ \ No newline at end of file diff --git a/static/css/main.5a862d5b.css.map b/static/css/main.5a862d5b.css.map new file mode 100644 index 0000000..9bfe726 --- /dev/null +++ b/static/css/main.5a862d5b.css.map @@ -0,0 +1 @@ +{"version":3,"file":"static/css/main.5a862d5b.css","mappings":"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","sources":["index.css","App.css","components/header/header.css","components/home/home.css","components/footer/footer.css","components/pages/about/about.css","components/pages/resume/resume.css","components/pages/portfolio/portfolio.css","components/skills/skills.css"],"sourcesContent":["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\ncode {\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\n monospace;\n}\n","/* google fonts */\n@import url(\"https://fonts.googleapis.com/css2?family=Alkatra:wght@400;700&family=Poppins:wght@400;500;600&display=swap\");\n\n:root {\n --header-height: 3rem;\n\n /* colors */\n --hue: 0;\n --sat: 0%;\n --title-color: hsl(var(--hue), var(--sat), 20%);\n --title-color-dark: hsl(var(--hue), var(--sat), 0%);\n --text-color: hsl(var(--hue), var(--sat), 40%);\n --body-color: hsl(var(--hue), var(--sat), 90%);\n --container-color: #fff;\n\n /* fonts */\n --body-font: \"Poppins\", sans-serif;\n\n /* font size */\n --big-font-size: 3.5rem;\n --h1-font-size: 2.25rem;\n --h2-font-size: 1.5rem;\n --h3-font-size: 1.25rem;\n --normal-font-size: 1rem;\n --small-font-size: 0.875rem;\n --smaller-font-size: 0.75rem;\n --tiny-font-size: 0.625rem;\n\n /* font weight */\n --font-normal: 400;\n --font-medium: 500;\n --font-semi-bold: 600;\n\n /* margins/bottom */\n --mb-0-25: 0.25rem;\n --mb-0-5: 0.5rem;\n --mb-0-75: 0.75rem;\n --mb-1: 1rem;\n --mb-1-5: 1.5rem;\n --mb-2: 2rem;\n --mb-2-5: 2.5rem;\n --mb-3: 3rem;\n\n /* z-index */\n --z-tooltip: 10;\n --z-fixed: 100;\n --z-modal: 1000;\n}\n\n/* Responsiveness */\n\n@media screen and (max-width: 992px) {\n :root {\n --big-font-size: 2.75rem;\n --h1-font-size: 1.5rem;\n --h2-font-size: 1.25rem;\n --h3-font-size: 1rem;\n --normal-font-size: 0.9rem;\n --small-font-size: 0.8rem;\n --smaller-font-size: 0.75rem;\n }\n}\n\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\nhtml {\n scroll-behavior: smooth;\n}\n\nbody,\nbutton,\ninput,\ntextarea {\n font-family: var(--body-font);\n font-size: var(--normal-font-size);\n}\n\nbody {\n background-color: var(--body-color);\n color: var(--text-color);\n}\n\nh1,\nh2,\nh3 {\n color: var(--title-color);\n font-weight: var(--font-semi-bold);\n}\n\nul {\n list-style: none;\n}\n\na {\n text-decoration: none;\n}\n\nbutton {\n cursor: pointer;\n border: none;\n outline: none;\n}\n\nimg {\n max-width: 100%;\n height: auto;\n}\n\n.section {\n padding: 6rem 0rem;\n}\n\n.section_title {\n font-size: var(--h1-font-size);\n color: var(--title-color);\n}\n\n.section_subtitle {\n display: block;\n font-size: var(--small-font-size);\n margin-bottom: 4rem;\n}\n\n.section_title,\n.section_subtitle {\n text-align: center;\n}\n\n.container {\n max-width: 968px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.grid {\n display: grid;\n gap: 1.5rem;\n}\n\n.button {\n display: inline-block;\n background-color: var(--title-color);\n color: (var(--container-color));\n padding: 1.25rem 2rem;\n border-radius: 1rem;\n font-weight: var(--font-medium);\n}\n\n.button:hover {\n background-color: var(--title-color-dark);\n}\n\n.button_icon {\n margin-left: var(--mb-0-5);\n}\n\n.button--flex {\n display: inline-flex;\n align-items: center;\n}\n\n/* breakpoints */\n@media screen and (max-width: 992px) {\n .container {\n margin-left: var(--mb-1-5);\n margin-right: var(--mb-1-5);\n }\n}\n@media screen and (max-width: 768px) {\n .section{\n padding: 2rem 0 4rem;\n }\n}\n@media screen and (max-width: 576px) {\n}\n@media screen and (max-width: 350px) {\n :root{\n --big-font-size:2.25rem;\n }\n .container {\n margin-left: var(--mb-1);\n margin-right: var(--mb-1);\n }\n}\n",".header {\n width: 100%;\n position: fixed;\n top: 0;\n left: 0;\n z-index: var(--z-fixed);\n background-color: var(--body-color-);\n}\n\n.nav {\n height: calc(var(--header-height) + 1.5rem);\n display: flex;\n justify-content: space-between;\n align-items: center;\n column-gap: 1rem;\n}\n\n.nav_logo,\n.nav_toggle {\n color: var(--title-color);\n font-weight: var(--font-medium);\n}\n\n.nav_list {\n display: flex;\n column-gap: 2rem;\n}\n\n.nav_link {\n display: flex;\n flex-direction: column;\n align-items: center;\n font-size: var(--small-font-size);\n color: var(--title-color);\n font-weight: var(--font-medium);\n transition: 300ms;\n}\n\n.nav_icon,\n.nav_close,\n.nav_toggle {\n display: none;\n}\n\n.active-link,\n.nav_link:hover {\n color: var(--title-color-dark);\n}\n\n@media screen and (max-width: 768px) {\n .header {\n top: initial;\n bottom: 0;\n }\n .nav {\n height: var(--header-height);\n }\n .nav_menu {\n position: fixed;\n bottom: -100%;\n left: 0;\n width: 100%;\n background-color: var(--body-color);\n padding: 2rem, 1.5rem, 4rem;\n box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.15);\n border-radius: 1.5rem 1.5rem 0 0;\n transition: 300ms;\n }\n\n\n .show-menu{\n bottom: 0;\n }\n\n .nav_list {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 2rem;\n }\n\n .nav_icon {\n font-size: 1.2rem;\n }\n\n .nav_close {\n position: absolute;\n right: 1.3rem;\n bottom: 0.5rem;\n font-size: 1.5rem;\n cursor: pointer;\n color: var(--title-color);\n }\n\n .nav_close:hover {\n color: var(--title-color-dark);\n }\n\n .nav_toggle{\n font-size: 1.1rem;\n cursor: pointer;\n }\n\n .nav_icon,\n .nav_close,\n .nav_toggle {\n display: block;\n }\n}\n\n@media screen and (max-width:350px){\n .nav_menu{\n padding: 2rem 0.25rem 4rem;\n }\n .nav_list{\n column-gap: 0;\n }\n}\n",".home_content {\n grid-template-columns: 116px repeat(2, 1fr);\n padding-top: 5.5rem;\n column-gap: 2rem;\n align-items: center;\n}\n\n.home_social {\n display: grid;\n grid-template-columns: max-content;\n row-gap: 1rem;\n}\n\n.home_social-icon {\n font-size: 1.5rem;\n color: var(--title-color);\n}\n\n.home_social-icon:hover {\n color: var(--title-color-dark);\n}\n\n.home_title {\n font-size: var(--big-font-size);\n margin-bottom: var(--mg-0-25);\n}\n\n.home_subtitle {\n position: relative;\n font-size: var(--h3-font-size);\n padding-right: 5.5rem;\n font-weight: var(--font-normal);\n margin-bottom: var(--mb-1);\n}\n\n.home_subtitle::before {\n content: \"\";\n position: absolute;\n bottom: 0rem;\n left: 0;\n width: 90px;\n height: 1px;\n background-color: var(--text-color);\n border-radius: var(--border-radius);\n}\n\n.home_description {\n max-width: 400px;\n margin-bottom: var(--mb-3);\n}\n\n.home_img {\n background: url(../../assets/displayPic.jpg);\n background-repeat: no-repeat;\n background-position: center;\n background-size: cover;\n box-shadow: inset 0 0 0 9px rgb(255, 255, 255 / 30%);\n order: 1;\n justify-self: center;\n width: 300px;\n height: 300px;\n}\n\n@media screen and (max-width: 992px) {\n .home_content {\n grid-template-columns: 100px repeat(2, 1fr);\n column-gap: 1.5rem;\n }\n .home_subtitle {\n padding-left: 3.75rem;\n margin-bottom: var(--mb-1);\n }\n .home_subtitle::before {\n width: 42px;\n top: 0.8rem;\n }\n .home_description {\n max-width: initial;\n margin-bottom: var(--mb-2-5);\n }\n .home_img {\n width: 250px;\n height: 250px;\n }\n}\n@media screen and (max-width: 768px) {\n .home_content {\n grid-template-columns: 0.5fr 3fr;\n padding-top: 3.5rem;\n }\n .home_img {\n justify-self: center;\n }\n .home_data{\n grid-column: 1/3;\n }\n}\n",".footer{\n background-color: var(--container-color);\n border-top:1px solid rgba(0,0,0,0.1)\n}\n\n.footer_container{\n padding: 2rem 0 6rem;\n}\n\n.footer_title,\n.footer_link{\n color: var(--title-color);\n}\n\n.footer_title{\n text-align: center;\n margin-bottom: var(--mb-2);\n}\n\n.footer_link{\n color: var(--title-color-dark);\n}\n\n.footer_list{\n display: flex;\n justify-content: center;\n column-gap: 1.5rem;\n margin-bottom: var(--mb-2);\n}\n\n.footer_social{\n display: flex;\n justify-content: center;\n column-gap: 1.125rem;\n}\n\n.footer_social-link{\n background-color: var(--title-color);\n color: var(--container-color);\n font-size: 1.25rem;\n padding: 0.4rem;\n border-radius: 0.5rem;\n display: inline-flex;\n}\n\n.footer_social-link:hover{\n background-color: var(--title-color-dark);\n}\n\n.footer_copy{\n display: block;\n margin-top: 4.5rem;\n color: var(--title-color);\n text-align: center;\n font-size: var(--smaller-font-size);\n}\n",".about_container{\n grid-template-columns: repeat(2, 1fr);\n align-items: center;\n column-gap: 4rem;\n}\n\n.about_img {\n width: 350px;\n border-radius: 1.5rem;\n justify-self: center;\n}\n\n.about_info{\n grid-template-columns: repeat(2,240px);\n gap:0.5rem;\n margin-bottom: var(--mb-2);\n}\n\n.about_box{\n background-color: var(--container-color);\n border: 1px rgba(0, 0, 0, 0.1);\n border-radius: 0.75rem;\n text-align: center;\n padding: 1.5rem 1.25rem;\n}\n\n.about_icon{\n font-size: 1.5rem;\n color: var(--title-color);\n margin-bottom: var(--mb-0-5);\n}\n\n.about_title{\nfont-size: var(--small-font-size);\nfont-weight: var(--font-medium);\n}\n\n.about_subtitle{\n font-size: var(--tiny-font-size);\n}\n.about_description {\n padding: 0.4rem;\n /* margin-bottom:8px; */\n}\n\n/* breakpoints */\n@media screen and (max-width: 992px) {\n .about_container {\n grid-template-columns: 1fr;\n row-gap: 2.5rem;\n }\n .about_img{\n width: 220px;\n }\n .about_box{\n padding:0.75rem 0.5rem;\n }\n\n .about_data{\n text-align: center;\n }\n\n .about_info{\n justify-content: center;\n }\n .about_description{\n padding: 0.5rem;\n margin-bottom: 2rem;\n }\n}\n@media screen and (max-width: 768px) {\n body{\n margin: 0 0 var(--header-height) 0;\n }\n .section{\n padding: 2rem 0 4rem;\n }\n .section_subtitle{\n margin-bottom: var(--mb-3);\n }\n}\n@media screen and (max-width: 576px) {\n .about_info{\n grid-template-columns: repeat(2,1fr);\n }\n .about_description{\n padding:0;\n }\n}\n@media screen and (max-width: 350px) {\n .about_info{\n grid-template-columns: repeat(2,1fr);\n }\n}\n",".resume_subtitle {\n position: relative;\n font-size: var(--h3-font-size);\n padding-right: 5.5rem;\n font-weight: var(--font-normal);\n margin-bottom: var(--mb-1);\n}\n\n\n.resume_container{\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n margin-bottom: 15px;\n}\n","\n\n.project_container{\n grid-template-columns: repeat(2,max-content);\n gap: 3rem;\n justify-content: center;\n}\n\n.project_card{\n background-color: var(--container-color);\n border: 1px solid rgb(0,0,0,0.1);\n padding: 1.25rem;\n border-radius: 1rem;\n}\n\n.project_img{\n width: 295px;\n border-radius: 1rem;\n margin-bottom: var(--mb-1);\n}\n\n.project_title{\n font-size: var(--normal-font-size);\n font-weight: var(--font-medium);\n margin-bottom: var(--mb-0-5);\n}\n\n.work_button{\n color: var(--text-color);\n font-size: var(--small-font-size);\n display: flex;\n align-items: center;\n column-gap: 0.25rem;\n}\n\n.work_button-icon{\n font-size: 1rem;\n transition: 400ms;\n}\n\n.work_button:hover .work_button-icon{\n transform: translateX(0.25rem);\n}\n",".skills_container{\r\n grid-template-columns: repeat(2,350px);\r\n column-gap: 3rem;\r\n justify-content: center;\r\n}\r\n\r\n.skills_content{\r\n background-color: var(--container-color);\r\n border: 1px rgba(0, 0, 0, 0.1);\r\n padding: 2rem 4rem;\r\n border-radius: 1.25rem;\r\n}\r\n\r\n.skills_title{\r\n font-size: var(--normal-font-size);\r\n font-weight: var(--font-medium);\r\n text-align: center;\r\n margin-bottom: var(--mb-1-5);\r\n}\r\n\r\n.skills_box{\r\n display: flex;\r\n justify-content: center;\r\n column-gap: 2.5rem;\r\n}\r\n\r\n.skills_group{\r\n display: grid;\r\n align-items: flex-start;\r\n row-gap: 1rem;\r\n}\r\n\r\n.skills_data{\r\n display: flex;\r\n column-gap: 0.5rem;\r\n}\r\n\r\n.skills .-badge-check{\r\n font-size: 1rem;\r\n color: var(--title-color);\r\n}\r\n\r\n.skills_name{\r\n font-size: var(--normal-font-size);\r\n font-weight: var(--font-medium);\r\n line-height: 18px;\r\n}\r\n\r\n@media screen and (max-width: 992px) {\r\n .skills_container{\r\n grid-template-columns:max-content;\r\n row-gap: 2rem;\r\n }\r\n }\r\n @media screen and (max-width: 576px) {\r\n .skills_container{\r\n grid-template-columns:1fr;\r\n }\r\n .skills_content{\r\n padding: 1.5rem;\r\n }\r\n }\r\n @media screen and (max-width: 350px) {\r\n .skills_box{\r\n column-gap: 1.25rem;\r\n }\r\n .skills_name{\r\n font-size:var(--small-font-size);\r\n }\r\n }"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/js/main.a69abce1.js b/static/js/main.8767946c.js similarity index 87% rename from static/js/main.a69abce1.js rename to static/js/main.8767946c.js index bd632f4..e47c75f 100644 --- a/static/js/main.a69abce1.js +++ b/static/js/main.8767946c.js @@ -1,3 +1,3 @@ -/*! For license information please see main.a69abce1.js.LICENSE.txt */ -!function(){"use strict";var e={463:function(e,n,t){var r=t(791),l=t(296);function a(e){for(var n="https://reactjs.org/docs/error-decoder.html?invariant="+e,t=1;t