diff --git a/asset-manifest.json b/asset-manifest.json index 1d4ca57..85ef46d 100644 --- a/asset-manifest.json +++ b/asset-manifest.json @@ -1,14 +1,21 @@ { "files": { - "main.css": "/tst-portfolio/static/css/main.4d95f049.css", - "main.js": "/tst-portfolio/static/js/main.69a8f661.js", - "static/media/avatar.jpeg": "/tst-portfolio/static/media/avatar.f8bac091376314cd13fc.jpeg", + "main.css": "/tst-portfolio/static/css/main.ae73dfb4.css", + "main.js": "/tst-portfolio/static/js/main.f9c799ce.js", + "static/media/txt_to_img.png": "/tst-portfolio/static/media/txt_to_img.97ee16e937c16f394a3a.png", + "static/media/end_to_end_llm.png": "/tst-portfolio/static/media/end_to_end_llm.5d7dd57472f443b63bef.png", + "static/media/localisation.png": "/tst-portfolio/static/media/localisation.cae69693a4f3a55b4071.png", + "static/media/vqa.jpeg": "/tst-portfolio/static/media/vqa.8445283fb951ce6d8254.jpeg", + "static/media/trajectory_prediction.png": "/tst-portfolio/static/media/trajectory_prediction.b55d2d9be4edefe7a43f.png", + "static/media/avatar.jpeg": "/tst-portfolio/static/media/avatar.304556fca879e5debc0b.jpeg", + "static/media/email.png": "/tst-portfolio/static/media/email.761df3bc69bdc631bd2f.png", + "static/media/linkedin.png": "/tst-portfolio/static/media/linkedin.032cf8a63be2f0f4d425.png", "index.html": "/tst-portfolio/index.html", - "main.4d95f049.css.map": "/tst-portfolio/static/css/main.4d95f049.css.map", - "main.69a8f661.js.map": "/tst-portfolio/static/js/main.69a8f661.js.map" + "main.ae73dfb4.css.map": "/tst-portfolio/static/css/main.ae73dfb4.css.map", + "main.f9c799ce.js.map": "/tst-portfolio/static/js/main.f9c799ce.js.map" }, "entrypoints": [ - "static/css/main.4d95f049.css", - "static/js/main.69a8f661.js" + "static/css/main.ae73dfb4.css", + "static/js/main.f9c799ce.js" ] } \ No newline at end of file diff --git a/favicon.ico b/favicon.ico deleted file mode 100644 index a11777c..0000000 Binary files a/favicon.ico and /dev/null differ diff --git a/index.html b/index.html index 6257bd3..6f8b5fb 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/static/css/main.4d95f049.css b/static/css/main.4d95f049.css deleted file mode 100644 index bc130fc..0000000 --- a/static/css/main.4d95f049.css +++ /dev/null @@ -1,2 +0,0 @@ -body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Lato,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}.layout{display:flex}.content{flex:1 1;overflow-y:auto}.navbar{background:#264653;color:#fff;font-size:16px;height:100vh;min-height:200px;overflow:auto;position:-webkit-sticky;position:sticky;top:1px;width:170px}.navbar-menu{display:flex;flex-direction:column;list-style-type:none;margin:0;padding:0}.navbar-menu-item{align-items:center;cursor:pointer;display:flex;flex-direction:row;gap:10px;padding:10px 20px;&:hover{background-color:#173542}}.navbar-avatar{background-color:#f9f9f9;background:#4f4f4f;border-bottom:"5px solid #ddd";height:100px;margin:10px auto;width:100px;img{background:#4f4f4f;border-radius:15px;height:100%;width:100%}}.navbar-icon{border-radius:50%;height:25px;width:25px;img{border-radius:50%;height:100%;width:100%}}.section-title{background-color:#22577a;color:#fff;font-family:Lato,sans-serif;font-weight:200;margin-top:0;padding:30px 40px;text-transform:uppercase}.section-content{background-color:#f6f6f6;display:flex;justify-content:center;margin:30px auto;width:80%}.about-us,.section-content{font-family:Lato,sans-serif}.about-us{padding:30px 40px;p{font-size:1.2em;line-height:1.5em}span{font-weight:600}}.experience-list{display:flex;flex-direction:column;justify-content:center}.experience-card{background-color:#fff;border:2px solid #fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;font-family:Lato,sans-serif;margin:20px;padding:20px;position:relative;width:800px;z-index:10}.experience-card li{font-size:1em;line-height:1.5em}.experience-card-header{align-content:center;display:flex;font-family:Lato,sans-serif;justify-content:space-between}.experience-header{justify-content:space-between}.experience-header,.experience-logo-section{align-items:center;display:flex;flex-direction:row}.experience-logo-section{gap:20px}.experience-logo-section p{font-size:16px;font-style:"lato";font-weight:700;line-height:24px}.role{text-align:left}.company-logo{border-radius:50%;font-family:Lato,sans-serif;height:100px;width:100px;img{border-radius:50%;height:100%;width:100%}}.project-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);max-width:1200px;padding:40px 0;width:100%}.card{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;font-family:Lato,sans-serif;overflow:hidden;padding:10px;text-align:center}.card img{height:240px;width:100%}.card h2{font-size:1.5em;margin:16px 0}.card p{color:#333;font-size:1em;padding:0 16px 16px}.skill-container{display:flex;flex-direction:column;font-family:Lato,sans-serif;padding:35px;width:100%}.skill-grid{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;font-family:Lato,sans-serif;margin:20px 0;overflow:hidden;padding:20px}.skill-title{border-bottom:1px solid #ccc;margin-bottom:20px;padding-bottom:10px}.skill-title h1{font-size:2em}.skill-list-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(6,1fr)}.skill-card{background-color:#fff;border-radius:8px;overflow:hidden;padding:16px;text-align:center}.skill-card img{display:block;height:120px;margin:0 auto;max-width:200px;width:100%}.skill-card p{color:#333;font-size:1em;margin-top:10px}.education-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);max-width:1200px;padding:40px 0;width:100%}.education-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;overflow:hidden;padding:20px;text-align:left}.school-name{color:#262626;font-size:1.5em;margin:16px 0;text-decoration:none}.contact{display:flex;flex-direction:column;padding:20px;width:100%}.contact-item{align-items:center;display:flex;flex-direction:row;gap:10px;margin:10px 0}.contact-item img{height:25px;width:25px}.contact-item a{color:#262626;font-size:1.2em;text-decoration:none} -/*# sourceMappingURL=main.4d95f049.css.map*/ \ No newline at end of file diff --git a/static/css/main.4d95f049.css.map b/static/css/main.4d95f049.css.map deleted file mode 100644 index d4e2d18..0000000 --- a/static/css/main.4d95f049.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"static/css/main.4d95f049.css","mappings":"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","sources":["index.css"],"sourcesContent":["body {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, \"Lato\", \"Segoe UI\", \"Roboto\",\n \"Oxygen\", \"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\n.layout {\n display: flex;\n}\n\n.content {\n flex: 1; /* Take remaining height */\n overflow-y: auto;\n}\n\n.navbar {\n width: 170px;\n height: 100vh;\n min-height: 200px;\n overflow: auto;\n background: #264653;\n color: #fff;\n position: -webkit-sticky;\n position: sticky;\n top: 1px;\n font-size: 16px;\n}\n\n.navbar-menu {\n display: flex;\n flex-direction: column;\n padding: 0;\n margin: 0;\n list-style-type: none;\n}\n\n.navbar-menu-item {\n padding: 10px 20px;\n cursor: pointer;\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 10px;\n\n &:hover {\n background-color: #173542;\n }\n}\n\n.navbar-avatar {\n width: 100px;\n height: 100px;\n border-bottom: \"5px solid #ddd\";\n background-color: #f9f9f9;\n\n margin: 10px auto;\n background: #4f4f4f;\n\n img {\n width: 100%;\n height: 100%;\n border-radius: 15px;\n background: #4f4f4f;\n }\n}\n\n.navbar-icon {\n width: 25px;\n height: 25px;\n border-radius: 50%;\n img {\n width: 100%;\n height: 100%;\n border-radius: 50%;\n }\n}\n\n.section-title {\n font-family: \"Lato\", sans-serif;\n font-weight: 200;\n margin-top: 0;\n padding: 30px 40px;\n text-transform: uppercase;\n background-color: #22577a;\n color: #fff;\n}\n\n.section-content {\n font-family: \"Lato\", sans-serif;\n display: flex;\n justify-content: center;\n width: 80%;\n margin-top: 10px;\n margin-bottom: 10px;\n margin: 30px auto;\n background-color: #f6f6f6;\n}\n\n.about-us {\n font-family: \"Lato\", sans-serif;\n padding: 30px 40px;\n p {\n font-size: 1.2em;\n line-height: 1.5em;\n }\n span {\n font-weight: 600;\n }\n}\n\n.experience-list {\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n\n.experience-card {\n font-family: \"Lato\", sans-serif;\n position: relative;\n z-index: 10;\n border: 2px solid #fff;\n border-radius: 10px;\n padding: 20px;\n background-color: #ffff;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n width: 800px;\n margin: 20px;\n}\n\n.experience-card li {\n font-size: 1em;\n line-height: 1.5em;\n}\n\n.experience-card-header {\n font-family: \"Lato\", sans-serif;\n display: flex;\n justify-content: space-between;\n align-content: center;\n}\n\n.experience-header {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n}\n\n.experience-logo-section {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 20px;\n}\n\n.experience-logo-section p {\n font-size: 16px;\n line-height: 24px;\n font-weight: 700;\n font-style: \"lato\";\n}\n\n.role {\n text-align: left;\n}\n\n.company-logo {\n font-family: \"Lato\", sans-serif;\n width: 100px;\n height: 100px;\n border-radius: 50%;\n img {\n width: 100%;\n height: 100%;\n border-radius: 50%;\n }\n}\n\n.project-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n width: 100%;\n max-width: 1200px;\n padding: 40px 0;\n}\n\n.card {\n font-family: \"Lato\", sans-serif;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n overflow: hidden;\n text-align: center;\n padding: 10px;\n}\n\n.card img {\n width: 100%;\n height: 240px;\n}\n\n.card h2 {\n font-size: 1.5em;\n margin: 16px 0;\n}\n\n.card p {\n padding: 0 16px 16px;\n font-size: 1em;\n color: #333;\n}\n\n.skill-container {\n font-family: \"Lato\", sans-serif;\n display: flex;\n flex-direction: column;\n width: 100%;\n padding: 35px;\n}\n\n.skill-grid {\n font-family: \"Lato\", sans-serif;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n overflow: hidden;\n padding: 20px;\n margin: 20px 0;\n}\n\n.skill-title {\n margin-bottom: 20px;\n padding-bottom: 10px;\n border-bottom: 1px solid #ccc;\n}\n\n.skill-title h1 {\n font-size: 2em;\n}\n\n.skill-list-grid {\n display: grid;\n grid-template-columns: repeat(6, 1fr);\n gap: 20px;\n}\n\n.skill-card {\n background-color: #fff;\n border-radius: 8px;\n overflow: hidden;\n text-align: center;\n padding: 16px;\n}\n\n.skill-card img {\n width: 100%;\n height: 120px;\n max-width: 200px;\n margin: 0 auto;\n display: block;\n}\n\n.skill-card p {\n margin-top: 10px;\n font-size: 1em;\n color: #333;\n}\n.education-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n width: 100%;\n max-width: 1200px;\n padding: 40px 0;\n}\n\n.education-card {\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n overflow: hidden;\n text-align: left;\n padding: 20px;\n}\n\n.school-name {\n font-size: 1.5em;\n margin: 16px 0;\n color: #262626;\n text-decoration: none;\n}\n\n.contact {\n display: flex;\n flex-direction: column;\n width: 100%;\n padding: 20px;\n}\n\n.contact-item {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 10px;\n margin: 10px 0;\n}\n\n.contact-item img {\n width: 25px;\n height: 25px;\n}\n\n.contact-item a {\n color: #262626;\n font-size: 1.2em;\n text-decoration: none;\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/css/main.ae73dfb4.css b/static/css/main.ae73dfb4.css new file mode 100644 index 0000000..9be7f02 --- /dev/null +++ b/static/css/main.ae73dfb4.css @@ -0,0 +1,2 @@ +@import url(https://fonts.googleapis.com/css2?family=Lato:wght@300;400;500;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Lato,sans-serif;margin:0;padding:0}html{margin:0 auto;max-width:1440px;scroll-behavior:smooth}p{color:#555}.btn,a{transition:all .3s ease}.nav-links,nav{display:flex}nav{align-items:center;height:17vh;justify-content:space-around}.nav-links{font-size:1.5rem;gap:2rem;list-style:none}a{color:#000;text-decoration:none;text-decoration-color:#fff}a:hover{color:grey;text-decoration:underline;text-decoration-color:#b5b5b5;text-underline-offset:1rem}.logo{font-size:2rem}.logo:hover{cursor:default}#hamburger-nav{display:none}.hamburger-menu{display:inline-block;position:relative}.hamburger-icon{cursor:pointer;display:flex;flex-direction:column;height:24px;justify-content:space-between;width:30px}.hamburger-icon span{background-color:#000;height:2px;transition:all .3 ease-in-out;width:100%}.menu-links{background-color:#fff;max-height:0;overflow:hidden;position:absolute;right:0;top:100%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.menu-links,.menu-links a{transition:all .3 ease-in-out}.menu-links a{color:#000;display:block;font-size:1.5rem;padding:10px;text-align:center;text-decoration:none}.menu-links li{list-style:none}.menu-links.open{max-height:300px}.hamburger-icon.open span:first-child{transform:rotate(45deg) translate(10px,5px)}.hamburger-icon.open span:nth-child(2){opacity:0}.hamburger-icon.open span:last-child{transform:rotate(-45deg) translate(10px,-5px)}.hamburger-icon span:first-child{opacity:1;transform:none}section{box-sizing:border-box;margin:0 10rem;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content}#profile,.section-container{display:flex}#profile{gap:5rem;height:80vh;justify-content:center}.section__pic-container{display:flex}.section__text{align-self:center;text-align:center}.section__text p{font-weight:600}.section__text__p1{text-align:center}.section__text__p2{font-size:1.75rem;margin-bottom:1rem}.title{font-size:3rem;text-align:center}#socials-container{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.icon{cursor:pointer;height:2rem}.btn-container{display:flex;justify-content:center}.btn{border-radius:2rem;font-weight:600;padding:1rem;transition:all .3s ease;width:8rem}.btn-color-1,.btn-color-2{border:.1rem solid #353535}.btn-color-1:hover,.btn-color-2:hover{cursor:pointer}.btn-color-1,.btn-color-2:hover{background:#353535;color:#fff}.btn-color-1:hover{background:#000}.btn-color-2{background:none}.btn-color-2:hover{border:.1rem solid #fff}.btn-container{gap:1rem}#about{position:relative}.about-containers{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:2rem;margin-top:2rem}.experience-containers{display:grid;grid-template-columns:1fr}.experience-card{background:#fff;border:.1rem solid #a3a3a3;border-radius:2rem;display:flex;gap:1rem;justify-content:center;margin:1rem;padding:1rem}.company-section{align-items:center;display:flex;flex-direction:row;gap:1rem}.project-containers{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr 1fr}.about-details-container{flex-direction:column;justify-content:center}.about-containers,.about-details-container{display:flex}.about-pic{border-radius:2rem}.details-container{background:#fff;border:.1rem solid #a3a3a3;border-radius:2rem;flex:1 1;padding:1.5rem;text-align:center}.section-container{gap:4rem;height:80%}.section__pic-container{height:400px;margin:auto 0;width:400px}#experience{position:relative}.experience-sub-title{color:#555;font-size:1.75rem;font-weight:600;margin-bottom:2rem}.experience-details-container{display:flex;flex-direction:column;justify-content:center}.article-container{flex-direction:row;flex-wrap:wrap;gap:2.5rem;text-align:left;text-align:initial}.article-container,article{display:flex;justify-content:space-around}article{gap:.5rem;width:10rem}article .icon{cursor:default}#projects{position:relative}.color-container{background:#fafafa;border-color:#a3a3a3}.project-img{border-radius:2rem;height:230px;width:350px}.project-title{color:#000;margin:1rem}.project-btn{border-color:#a3a3a3;color:#000}#contact{display:flex;flex-direction:column;height:70vh;justify-content:center}.contact-info-upper-container{background:(250,250,250);border:.1rem solid #a3a3a3;border-radius:2rem;display:flex;justify-content:center;margin:2rem auto;padding:.5rem}.contact-info-container{align-items:center;display:flex;gap:.5rem;justify-content:center;margin:1rem}.contact-info-container p{font-size:larger}.contact-icon{cursor:default}.email-icon{height:2.5rem}.skills-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;margin-top:2rem}.skill-img{height:80px;width:80px}@media screen and (max-width:1400px){#profile{height:83vh;margin-bottom:6rem}.about-containers{flex-wrap:wrap}#contact,#projects{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}@media screen and (max-width:1200px){#desktop-nav{display:none}#hamburger-nav{display:flex}#experience,.experience-details-container{margin-top:2rem}#profile,.section-container{display:block}.arrow{display:none}.section-container,section{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}section{margin:0 5%}.section__pic-container{height:275px;margin:0 auto 2rem;width:275px}.about-containers{margin-top:0}}@media screen and (max-width:600px){#contact,footer{height:40vh}#profile{height:83vh;margin-bottom:0}article{font-size:1rem}footer nav{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-bottom:2rem}.about-containers,.btn-container,.contact-info-upper-container{flex-wrap:wrap}.contact-info-container{margin:0}.contact-info-container p,.nav-links li a{font-size:1rem}.experience-sub-title{font-size:1.25rem}.logo{font-size:1.5rem}.nav-links{flex-direction:column;gap:.5rem;text-align:center}.section__pic-container{height:46vw;justify-content:center;width:auto}.section__text__p2{font-size:1.25rem}.title{font-size:2rem}.text-container{text-align:justify}} +/*# sourceMappingURL=main.ae73dfb4.css.map*/ \ No newline at end of file diff --git a/static/css/main.ae73dfb4.css.map b/static/css/main.ae73dfb4.css.map new file mode 100644 index 0000000..06d3a57 --- /dev/null +++ b/static/css/main.ae73dfb4.css.map @@ -0,0 +1 @@ +{"version":3,"file":"static/css/main.ae73dfb4.css","mappings":"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kBAAmB,CADnB,YAAa,CAGb,SAAW,CADX,sBAAuB,CAEvB,WACF,CAEA,0BACE,gBACF,CAEA,cACE,cACF,CAEA,YACE,aACF,CAIA,kBAGE,aAAS,CAFT,YAAa,CAEb,QAAS,CADT,6CAA8C,CAE9C,eACF,CAEA,WAEE,WAAY,CADZ,UAEF,CAEA,qCACE,SACE,WAAY,CACZ,kBACF,CACA,kBACE,cACF,CACA,mBAEE,0BAAmB,CAAnB,uBAAmB,CAAnB,kBACF,CACF,CAEA,qCACE,aACE,YACF,CACA,eACE,YACF,CACA,0CAEE,eACF,CACA,4BAEE,aACF,CACA,OACE,YACF,CACA,2BAEE,0BAAmB,CAAnB,uBAAmB,CAAnB,kBACF,CACA,QACE,WACF,CACA,wBAEE,YAAa,CACb,kBAAmB,CAFnB,WAGF,CACA,kBACE,YACF,CACF,CAEA,oCACE,gBAEE,WACF,CACA,SACE,WAAY,CACZ,eACF,CACA,QACE,cACF,CACA,WACE,0BAAmB,CAAnB,uBAAmB,CAAnB,kBAAmB,CACnB,kBACF,CACA,+DAGE,cACF,CACA,wBACE,QACF,CACA,0CAEE,cACF,CACA,sBACE,iBACF,CACA,MACE,gBACF,CACA,WACE,qBAAsB,CACtB,SAAW,CACX,iBACF,CACA,wBAEE,WAAY,CACZ,sBAAuB,CAFvB,UAGF,CACA,mBACE,iBACF,CACA,OACE,cACF,CACA,gBACE,kBACF,CACF","sources":["index.css"],"sourcesContent":["@import url(\"https://fonts.googleapis.com/css2?family=Lato:wght@300;400;500;600&display=swap\");\n\nbody {\n margin: 0;\n padding: 0;\n font-family: \"Lato\", sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\nhtml {\n scroll-behavior: smooth;\n max-width: 1440px;\n margin: 0 auto;\n}\n\np {\n color: rgb(85, 85, 85);\n}\n\n/* TRANSITION */\n\na,\n.btn {\n transition: all 300ms ease;\n}\n\n/* DESKTOP NAV */\n\nnav,\n.nav-links {\n display: flex;\n}\n\nnav {\n justify-content: space-around;\n align-items: center;\n height: 17vh;\n}\n\n.nav-links {\n gap: 2rem;\n list-style: none;\n font-size: 1.5rem;\n}\n\na {\n color: black;\n text-decoration: none;\n text-decoration-color: white;\n}\n\na:hover {\n color: grey;\n text-decoration: underline;\n text-underline-offset: 1rem;\n text-decoration-color: rgb(181, 181, 181);\n}\n\n.logo {\n font-size: 2rem;\n}\n\n.logo:hover {\n cursor: default;\n}\n\n/* HAMBURGER MENU */\n\n#hamburger-nav {\n display: none;\n}\n\n.hamburger-menu {\n position: relative;\n display: inline-block;\n}\n\n.hamburger-icon {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n height: 24px;\n width: 30px;\n cursor: pointer;\n}\n\n.hamburger-icon span {\n width: 100%;\n height: 2px;\n background-color: black;\n transition: all 0.3 ease-in-out;\n}\n\n.menu-links {\n position: absolute;\n top: 100%;\n right: 0;\n background-color: white;\n width: fit-content;\n max-height: 0;\n overflow: hidden;\n transition: all 0.3 ease-in-out;\n}\n\n.menu-links a {\n display: block;\n padding: 10px;\n text-align: center;\n font-size: 1.5rem;\n color: black;\n text-decoration: none;\n transition: all 0.3 ease-in-out;\n}\n\n.menu-links li {\n list-style: none;\n}\n\n.menu-links.open {\n max-height: 300px;\n}\n\n.hamburger-icon.open span:first-child {\n transform: rotate(45deg) translate(10px, 5px);\n}\n\n.hamburger-icon.open span:nth-child(2) {\n opacity: 0;\n}\n\n.hamburger-icon.open span:last-child {\n transform: rotate(-45deg) translate(10px, -5px);\n}\n\n.hamburger-icon span:first-child {\n transform: none;\n}\n\n.hamburger-icon span:first-child {\n opacity: 1;\n}\n\n.hamburger-icon span:first-child {\n transform: none;\n}\n\n/* SECTIONS */\n\nsection {\n margin: 0 10rem;\n box-sizing: border-box;\n min-height: fit-content;\n}\n\n.section-container {\n display: flex;\n}\n\n/* PROFILE SECTION */\n\n#profile {\n display: flex;\n justify-content: center;\n gap: 5rem;\n height: 80vh;\n}\n\n.section__pic-container {\n display: flex;\n height: 400px;\n width: 400px;\n margin: auto 0;\n}\n\n.section__text {\n align-self: center;\n text-align: center;\n}\n\n.section__text p {\n font-weight: 600;\n}\n\n.section__text__p1 {\n text-align: center;\n}\n\n.section__text__p2 {\n font-size: 1.75rem;\n margin-bottom: 1rem;\n}\n\n.title {\n font-size: 3rem;\n text-align: center;\n}\n\n#socials-container {\n display: flex;\n justify-content: center;\n margin-top: 1rem;\n gap: 1rem;\n}\n\n/* ICONS */\n\n.icon {\n cursor: pointer;\n height: 2rem;\n}\n\n/* BUTTONS */\n\n.btn-container {\n display: flex;\n justify-content: center;\n gap: 1rem;\n}\n\n.btn {\n font-weight: 600;\n transition: all 300ms ease;\n padding: 1rem;\n width: 8rem;\n border-radius: 2rem;\n}\n\n.btn-color-1,\n.btn-color-2 {\n border: rgb(53, 53, 53) 0.1rem solid;\n}\n\n.btn-color-1:hover,\n.btn-color-2:hover {\n cursor: pointer;\n}\n\n.btn-color-1,\n.btn-color-2:hover {\n background: rgb(53, 53, 53);\n color: white;\n}\n\n.btn-color-1:hover {\n background: rgb(0, 0, 0);\n}\n\n.btn-color-2 {\n background: none;\n}\n\n.btn-color-2:hover {\n border: rgb(255, 255, 255) 0.1rem solid;\n}\n\n.btn-container {\n gap: 1rem;\n}\n\n/* ABOUT SECTION */\n\n#about {\n position: relative;\n}\n\n.about-containers {\n gap: 2rem;\n margin-bottom: 2rem;\n margin-top: 2rem;\n display: grid;\n grid-template-columns: 1fr 1fr;\n}\n\n.experience-containers {\n display: grid;\n grid-template-columns: 1fr;\n}\n\n.experience-card {\n display: flex;\n justify-content: center;\n gap: 1rem;\n margin: 1rem;\n padding: 1rem;\n border-radius: 2rem;\n border: rgb(53, 53, 53) 0.1rem solid;\n border-color: rgb(163, 163, 163);\n background: white;\n}\n\n.company-section {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 1rem;\n}\n\n.project-containers {\n gap: 2rem;\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n}\n\n.about-details-container {\n justify-content: center;\n flex-direction: column;\n}\n\n.about-containers,\n.about-details-container {\n display: flex;\n}\n\n.about-pic {\n border-radius: 2rem;\n}\n\n.details-container {\n padding: 1.5rem;\n flex: 1;\n background: white;\n border-radius: 2rem;\n border: rgb(53, 53, 53) 0.1rem solid;\n border-color: rgb(163, 163, 163);\n text-align: center;\n}\n\n.section-container {\n gap: 4rem;\n height: 80%;\n}\n\n.section__pic-container {\n height: 400px;\n width: 400px;\n margin: auto 0;\n}\n\n/* EXPERIENCE SECTION */\n\n#experience {\n position: relative;\n}\n\n.experience-sub-title {\n color: rgb(85, 85, 85);\n font-weight: 600;\n font-size: 1.75rem;\n margin-bottom: 2rem;\n}\n\n.experience-details-container {\n display: flex;\n justify-content: center;\n flex-direction: column;\n overflow: ;\n}\n\n.article-container {\n display: flex;\n text-align: initial;\n flex-wrap: wrap;\n flex-direction: row;\n gap: 2.5rem;\n justify-content: space-around;\n}\n\narticle {\n display: flex;\n width: 10rem;\n justify-content: space-around;\n gap: 0.5rem;\n}\n\narticle .icon {\n cursor: default;\n}\n\n/* PROJECTS SECTION */\n\n#projects {\n position: relative;\n}\n\n.color-container {\n border-color: rgb(163, 163, 163);\n background: rgb(250, 250, 250);\n}\n\n.project-img {\n border-radius: 2rem;\n width: 350px;\n height: 230px;\n}\n\n.project-title {\n margin: 1rem;\n color: black;\n}\n\n.project-btn {\n color: black;\n border-color: rgb(163, 163, 163);\n}\n\n/* CONTACT */\n\n#contact {\n display: flex;\n justify-content: center;\n flex-direction: column;\n height: 70vh;\n}\n\n.contact-info-upper-container {\n display: flex;\n justify-content: center;\n border-radius: 2rem;\n border: rgb(53, 53, 53) 0.1rem solid;\n border-color: rgb(163, 163, 163);\n background: (250, 250, 250);\n margin: 2rem auto;\n padding: 0.5rem;\n}\n\n.contact-info-container {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n margin: 1rem;\n}\n\n.contact-info-container p {\n font-size: larger;\n}\n\n.contact-icon {\n cursor: default;\n}\n\n.email-icon {\n height: 2.5rem;\n}\n\n/* Skill SECTION */\n\n.skills-container {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;\n gap: 2rem;\n margin-top: 2rem;\n}\n\n.skill-img {\n width: 80px;\n height: 80px;\n}\n\n@media screen and (max-width: 1400px) {\n #profile {\n height: 83vh;\n margin-bottom: 6rem;\n }\n .about-containers {\n flex-wrap: wrap;\n }\n #contact,\n #projects {\n height: fit-content;\n }\n}\n\n@media screen and (max-width: 1200px) {\n #desktop-nav {\n display: none;\n }\n #hamburger-nav {\n display: flex;\n }\n #experience,\n .experience-details-container {\n margin-top: 2rem;\n }\n #profile,\n .section-container {\n display: block;\n }\n .arrow {\n display: none;\n }\n section,\n .section-container {\n height: fit-content;\n }\n section {\n margin: 0 5%;\n }\n .section__pic-container {\n width: 275px;\n height: 275px;\n margin: 0 auto 2rem;\n }\n .about-containers {\n margin-top: 0;\n }\n}\n\n@media screen and (max-width: 600px) {\n #contact,\n footer {\n height: 40vh;\n }\n #profile {\n height: 83vh;\n margin-bottom: 0;\n }\n article {\n font-size: 1rem;\n }\n footer nav {\n height: fit-content;\n margin-bottom: 2rem;\n }\n .about-containers,\n .contact-info-upper-container,\n .btn-container {\n flex-wrap: wrap;\n }\n .contact-info-container {\n margin: 0;\n }\n .contact-info-container p,\n .nav-links li a {\n font-size: 1rem;\n }\n .experience-sub-title {\n font-size: 1.25rem;\n }\n .logo {\n font-size: 1.5rem;\n }\n .nav-links {\n flex-direction: column;\n gap: 0.5rem;\n text-align: center;\n }\n .section__pic-container {\n width: auto;\n height: 46vw;\n justify-content: center;\n }\n .section__text__p2 {\n font-size: 1.25rem;\n }\n .title {\n font-size: 2rem;\n }\n .text-container {\n text-align: justify;\n }\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/js/main.69a8f661.js b/static/js/main.69a8f661.js deleted file mode 100644 index 03abb5e..0000000 --- a/static/js/main.69a8f661.js +++ /dev/null @@ -1,3 +0,0 @@ -/*! For license information please see main.69a8f661.js.LICENSE.txt */ -(()=>{"use strict";var e={730:(e,n,t)=>{var r=t(43),a=t(853);function l(e){for(var n="https://reactjs.org/docs/error-decoder.html?invariant="+e,t=1;t