From c9b1bbeeef8bd49ac4e154acbfde1c0ea891bb94 Mon Sep 17 00:00:00 2001 From: Celine Choi Date: Mon, 17 Jun 2024 23:39:46 +0900 Subject: [PATCH] Updates --- asset-manifest.json | 12 ++++++------ index.html | 2 +- static/css/main.d6871a32.css | 2 ++ static/css/main.d6871a32.css.map | 1 + static/css/main.ecdc5cac.css | 2 -- static/css/main.ecdc5cac.css.map | 1 - static/js/{main.a213438f.js => main.36dee730.js} | 6 +++--- ...f.js.LICENSE.txt => main.36dee730.js.LICENSE.txt} | 0 .../{main.a213438f.js.map => main.36dee730.js.map} | 2 +- 9 files changed, 14 insertions(+), 14 deletions(-) create mode 100644 static/css/main.d6871a32.css create mode 100644 static/css/main.d6871a32.css.map delete mode 100644 static/css/main.ecdc5cac.css delete mode 100644 static/css/main.ecdc5cac.css.map rename static/js/{main.a213438f.js => main.36dee730.js} (84%) rename static/js/{main.a213438f.js.LICENSE.txt => main.36dee730.js.LICENSE.txt} (100%) rename static/js/{main.a213438f.js.map => main.36dee730.js.map} (51%) diff --git a/asset-manifest.json b/asset-manifest.json index 34b7e51..58422b2 100644 --- a/asset-manifest.json +++ b/asset-manifest.json @@ -1,7 +1,7 @@ { "files": { - "main.css": "/static/css/main.ecdc5cac.css", - "main.js": "/static/js/main.a213438f.js", + "main.css": "/static/css/main.d6871a32.css", + "main.js": "/static/js/main.36dee730.js", "static/js/453.253ccfac.chunk.js": "/static/js/453.253ccfac.chunk.js", "static/media/Cambon-LightItalic.ttf": "/static/media/Cambon-LightItalic.35fb6551fbb4eab43f14.ttf", "static/media/Cambon-Italic.ttf": "/static/media/Cambon-Italic.c3c7452decedff46b461.ttf", @@ -12,12 +12,12 @@ "static/media/AUTHENTICSans-90.otf": "/static/media/AUTHENTICSans-90.908da577d4fe9600bc69.otf", "static/media/AUTHENTICSans-60.otf": "/static/media/AUTHENTICSans-60.c2d7f225e9f359e3fd84.otf", "index.html": "/index.html", - "main.ecdc5cac.css.map": "/static/css/main.ecdc5cac.css.map", - "main.a213438f.js.map": "/static/js/main.a213438f.js.map", + "main.d6871a32.css.map": "/static/css/main.d6871a32.css.map", + "main.36dee730.js.map": "/static/js/main.36dee730.js.map", "453.253ccfac.chunk.js.map": "/static/js/453.253ccfac.chunk.js.map" }, "entrypoints": [ - "static/css/main.ecdc5cac.css", - "static/js/main.a213438f.js" + "static/css/main.d6871a32.css", + "static/js/main.36dee730.js" ] } \ No newline at end of file diff --git a/index.html b/index.html index ba2638a..4a7a188 100644 --- a/index.html +++ b/index.html @@ -1 +1 @@ -Celine Choi
\ No newline at end of file +Celine Choi
\ No newline at end of file diff --git a/static/css/main.d6871a32.css b/static/css/main.d6871a32.css new file mode 100644 index 0000000..3afd126 --- /dev/null +++ b/static/css/main.d6871a32.css @@ -0,0 +1,2 @@ +@font-face{font-family:Authentic Sans;font-style:normal;font-weight:60;src:url(/static/media/AUTHENTICSans-60.c2d7f225e9f359e3fd84.otf) format("truetype")}@font-face{font-family:Authentic Sans;font-style:normal;font-weight:90;src:url(/static/media/AUTHENTICSans-90.908da577d4fe9600bc69.otf) format("truetype")}@font-face{font-family:Authentic Sans;font-style:bold;font-weight:130;src:url(/static/media/AUTHENTICSans-130.9a5b6d143578fcf2a0e4.otf) format("truetype")}@font-face{font-family:Authentic Sans;font-style:bold;font-weight:150;src:url(/static/media/AUTHENTICSans-150.21c295327338419cb20e.otf) format("truetype")}@font-face{font-family:Cambon;font-style:italic;font-weight:200;src:url(/static/media/Cambon-ExtraLightItalic.31c4ce262002d8301d6d.ttf) format("truetype")}@font-face{font-family:Cambon;font-style:italic;font-weight:300;src:url(/static/media/Cambon-LightItalic.35fb6551fbb4eab43f14.ttf) format("truetype")}@font-face{font-family:Cambon;font-style:italic;font-weight:400;src:url(/static/media/Cambon-Italic.c3c7452decedff46b461.ttf) format("truetype")}@font-face{font-family:Cambon;font-style:normal;font-weight:400;src:url(/static/media/Cambon-Regular.18ba77534e6a288b9e23.ttf) format("truetype")}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}.App{text-align:center}html{scroll-behavior:smooth}body{background:linear-gradient(90deg,#8360c3,#2ebf91);color:#fff!important;font-family:Authentic Sans,sans-serif!important;font-weight:400;overflow-x:hidden;position:relative}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.nav-wrapper{position:fixed;top:0;transition:.32s ease-in-out;width:100vw;z-index:30}a{text-decoration:none}.nav-wrapper.default{background-color:initial}.nav-wrapper.scrolled .logo,.nav-wrapper.scrolled .menu-item{color:#000}.nav-wrapper.scrolled .menu-item.resume{border:1px solid #000}.nav-content{align-items:center;display:flex;justify-content:space-between;padding:18px 25px}.logo{color:#fff;cursor:pointer;display:flex;flex-direction:row;font-size:25px;font-weight:100;transition:transform .3s ease-in-out}.logo.lastname{font-family:Cambon,sans-serif;font-size:28px;font-style:italic;font-weight:300}.logo:hover{transform:scale(1.05)}.menu-wrapper{align-items:center;display:flex;gap:20px}.menu-item{color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:100;padding:10px 15px;position:relative}.menu-item.active{text-decoration:underline}.menu-item.resume{border:1px solid #fff}.menu-item.resume:hover{background-color:#ffffff40;transition:background-color .3s ease}@media (max-width:480px){.nav-wrapper{position:relative}.menu-item,.menu-wrapper{display:none}.nav-content{justify-content:center}}.banner-container{align-items:center;display:flex;justify-content:center;min-height:100vh;position:relative;top:0;z-index:10}.banner-content{max-width:55%;text-align:left}.banner-container h1{display:block;font-weight:100;letter-spacing:.8px;line-height:1;margin:0}.banner-container h2{font-size:20px;font-weight:90;line-height:1.3em;margin-top:30px}.border-text{display:inline-block;font-family:Cambon,serif;font-style:italic;font-weight:300;letter-spacing:-.03em}h1 .border-text{font-size:75px}.social-icons-container{align-items:center;display:flex;flex-wrap:wrap;gap:20px;margin-top:5px}.social-icon{border:1px solid #fff;color:#fff;cursor:pointer;font-weight:100;height:20px;padding:6px}.social-icon:hover{background-color:#ffffff40;transition:background-color .3s ease-in-out}.custom-underline{text-decoration:underline;text-decoration-thickness:3px}@media (max-width:480px){.banner-content{max-width:85%}h1 .border-text{font-size:2.5em}.banner-container h2{font-size:1.2em}.social-icon{font-size:.8em}.social-icons-container{gap:10px}}.about-container{background:linear-gradient(90deg,#6a4d9e,#23856c);color:#fff;font-family:Cambon,serif;min-height:100vh;padding:20px;position:relative}.about-container,.about-wrapper{align-items:center;display:flex;justify-content:center}.about-wrapper{flex-direction:row;flex-wrap:wrap;gap:110px;max-width:1200px;width:100%}.about-text-container{max-width:650px;text-align:left}.about-img-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.about-container h1{font-size:55px;font-style:italic;font-weight:300;letter-spacing:-.03em}.about-container p{font-family:Authentic Sans,sans-serif;font-size:20px;font-weight:90}.about-img{width:350px}.about-img.rounded{border-radius:200px 200px 0 0}@media (max-width:480px){.about-wrapper{gap:0;padding:80px 0}.about-img,.about-text-container{width:80%}.about-container h1{font-size:1.7em}.about-container p{font-size:.8em}}.experience-container{align-items:center;background-color:#f6f3f3;color:#000;font-family:Authentic Sans,sans-serif;padding:20px}.experience-container h1{font-family:Cambon,sans-serif;font-size:40px;font-style:italic;font-weight:300;letter-spacing:-.03em}.experience-wrapper{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:center;position:relative}.experience-wrapper.row{flex-direction:row;gap:100px}.experience-wrapper.col{flex-direction:column}.experience-text.title{font-size:22px;font-weight:150;padding-top:2%}.experience-text.subtitle{font-size:20px;font-weight:130;padding:.5%}.experience-text.heading1{color:#000;font-size:15px;font-weight:90;padding:.5%}.experience-text.body{color:#646464;font-size:13px;font-weight:50;line-height:1.25em;padding-top:2%}.section-container{background-color:#fff;border-radius:10px;margin:10px 0;padding:20px;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;width:500px}.section-container:hover{box-shadow:0 4px 8px #0003;transform:scale(1.03)}.section-text{font-family:Authentic Sans,sans-serif;font-size:15px;font-weight:50;margin:1% 0;text-align:left}.experience-text.date{background:#20b2aa33;color:#20b2aa;display:inline-block;font-size:12px;font-weight:100;margin:1% 0;padding:5px}@media (max-width:480px){.experience-wrapper{align-items:center;flex-direction:column}.section-container{width:85%}}.projects-container{align-items:center;background:#f6f3f3;color:#000;display:flex;flex-direction:column;justify-content:center;position:relative}.projects-container h1{font-family:Cambon,sans-serif;font-size:40px;font-style:italic;font-weight:300;letter-spacing:-.03em}.projects-wrapper{flex-direction:row;flex-wrap:wrap;max-width:1300px;padding-bottom:3%}.project-box,.projects-wrapper{align-items:center;display:flex;justify-content:center}.project-box{background-color:#fff;border-radius:10px;flex-direction:column;height:350px;margin:20px 30px;position:relative;transition:box-shadow .3s ease-in-out;width:300px}.project-img{background-color:#fff;height:180px;margin:10px 0;object-fit:contain;padding-bottom:20px}.project-img,.stack-container{transition:opacity .3s ease-in-out;width:270px}.stack-container{display:flex;flex-wrap:nowrap;gap:5px;justify-content:center;margin-bottom:5px;overflow-x:auto}.stack-container::-webkit-scrollbar{display:none}.stack-item{background:#20b2aa33;color:#20b2aa;font-size:12px;font-weight:100;height:15px;padding:5px 7px}.project-title{font-size:20px;font-weight:130;line-height:1.3em;margin-top:10px;max-width:250px;transition:opacity .3s ease-in-out}.project-description{color:#000!important;display:block;font-size:15px;font-weight:90;opacity:0;position:absolute;transition:opacity .3s ease-in-out;width:70%}.project-description a{color:#000;text-decoration:underline}.project-description p{line-height:1.4em}.project-box:hover{box-shadow:0 4px 8px #0003}.project-box:hover .project-description{opacity:1}.project-box:hover .project-img,.project-box:hover .project-title,.project-box:hover .stack-container{opacity:0}.topright-arrow{font-size:15px;font-weight:200}.footer-container{align-items:center;background:linear-gradient(90deg,#8360c3,#2ebf91);color:#fff!important;display:flex;flex-direction:column;font-family:Authentic Sans,sans-serif;height:8em;justify-content:center;position:relative}.footer-text{display:inline-block;font-weight:90;letter-spacing:-.03em;padding:5px}.footer-text a{color:#fff;text-decoration:underline} +/*# sourceMappingURL=main.d6871a32.css.map*/ \ No newline at end of file diff --git a/static/css/main.d6871a32.css.map b/static/css/main.d6871a32.css.map new file mode 100644 index 0000000..83d3cf8 --- /dev/null +++ b/static/css/main.d6871a32.css.map @@ -0,0 +1 @@ +{"version":3,"file":"static/css/main.d6871a32.css","mappings":"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","sources":["index.css","App.css","components/Navbar/Navbar.css","components/Banner/Banner.css","components/About/About.css","components/Experience/Experience.css","components/Projects/Projects.css","components/Footer/Footer.css"],"sourcesContent":["/* Authentic Sans font definitions */\n@font-face {\n font-family: \"Authentic Sans\";\n src: url(\"./fonts/AUTHENTICSans-60.otf\") format(\"truetype\");\n font-weight: 60;\n font-style: normal;\n}\n\n@font-face {\n font-family: \"Authentic Sans\";\n src: url(\"./fonts/AUTHENTICSans-90.otf\") format(\"truetype\");\n font-weight: 90;\n font-style: normal;\n}\n\n@font-face {\n font-family: \"Authentic Sans\";\n src: url(\"./fonts/AUTHENTICSans-130.otf\") format(\"truetype\");\n font-weight: 130;\n font-style: bold;\n}\n\n@font-face {\n font-family: \"Authentic Sans\";\n src: url(\"./fonts/AUTHENTICSans-150.otf\") format(\"truetype\");\n font-weight: 150;\n font-style: bold;\n}\n\n/* Cambon font definitions */\n@font-face {\n font-family: \"Cambon\";\n src: url(\"./fonts/Cambon-ExtraLightItalic.ttf\") format(\"truetype\");\n font-weight: 200;\n font-style: italic;\n}\n\n@font-face {\n font-family: \"Cambon\";\n src: url(\"./fonts/Cambon-LightItalic.ttf\") format(\"truetype\");\n font-weight: 300;\n font-style: italic;\n}\n\n@font-face {\n font-family: \"Cambon\";\n src: url(\"./fonts/Cambon-Italic.ttf\") format(\"truetype\");\n font-weight: normal;\n font-style: italic;\n}\n\n@font-face {\n font-family: \"Cambon\";\n src: url(\"./fonts/Cambon-Regular.ttf\") format(\"truetype\");\n font-weight: normal;\n font-style: normal;\n}\n\nbody {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\",\n \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\",\n sans-serif;\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",".App {\n text-align: center;\n}\n\nhtml {\n scroll-behavior: smooth;\n}\n\nbody {\n font-weight: 400;\n overflow-x: hidden;\n position: relative;\n /* background: linear-gradient(to right, #aa4b6b, #6b6b83, #3b8d99); */\n background: linear-gradient(to right, #8360c3, #2ebf91);\n font-family: \"Authentic Sans\", sans-serif !important;\n color: white !important;\n}\n\n.App-logo {\n height: 40vmin;\n pointer-events: none;\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .App-logo {\n animation: App-logo-spin infinite 20s linear;\n }\n}\n\n.App-header {\n background-color: #282c34;\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n font-size: calc(10px + 2vmin);\n color: white;\n}\n\n.App-link {\n color: #61dafb;\n}\n\n@keyframes App-logo-spin {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n}\n","/* Navbar.css */\n.nav-wrapper {\n position: fixed;\n width: 100vw;\n top: 0;\n z-index: 30;\n transition: 0.32s ease-in-out;\n}\n\na {\n text-decoration: none;\n}\n\n.nav-wrapper.default {\n background-color: transparent; /* Default background color */\n}\n\n.nav-wrapper.scrolled {\n /* Choose background color later */\n}\n\n.nav-wrapper.scrolled .logo,\n.nav-wrapper.scrolled .menu-item {\n color: black;\n}\n\n.nav-wrapper.scrolled .menu-item.resume {\n border: 1px solid black;\n}\n\n.nav-content {\n padding: 18px 25px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n /* margin: 0 auto; */\n}\n\n.logo {\n display: flex;\n flex-direction: row;\n font-weight: 100;\n font-size: 25px;\n cursor: pointer;\n color: white;\n transition: transform 0.3s ease-in-out;\n}\n\n.logo.lastname {\n font-family: \"Cambon\", sans-serif;\n font-style: italic;\n font-size: 28px;\n font-weight: 300;\n}\n\n.logo:hover {\n transform: scale(1.05);\n}\n\n.menu-wrapper {\n display: flex;\n align-items: center;\n gap: 20px;\n}\n\n.menu-item {\n display: flex;\n padding: 10px 15px;\n font-size: 13px;\n font-weight: 100;\n position: relative;\n cursor: pointer;\n color: white;\n}\n\n.menu-item.active {\n text-decoration: underline;\n}\n\n.menu-item.resume {\n border: 1px solid white;\n}\n\n.menu-item.resume:hover {\n background-color: rgba(255, 255, 255, 0.25);\n transition: background-color 0.3s ease;\n}\n\n/* Phone screen */\n@media (max-width: 480px) {\n .nav-wrapper {\n position: relative;\n }\n\n .menu-wrapper,\n .menu-item {\n display: none;\n }\n\n .nav-content {\n justify-content: center;\n }\n}\n",".banner-container {\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n min-height: 100vh;\n top: 0;\n z-index: 10;\n}\n\n.banner-content {\n text-align: left;\n max-width: 55%;\n}\n\n.banner-container h1 {\n margin: 0;\n font-weight: 100;\n letter-spacing: 0.8px;\n line-height: 1;\n display: block;\n}\n\n.banner-container h2 {\n margin-top: 30px;\n font-size: 20px;\n font-weight: 90;\n line-height: 1.3em;\n}\n\n.border-text {\n font-family: \"Cambon\", serif;\n font-weight: 300;\n font-style: italic;\n letter-spacing: -0.03em;\n display: inline-block;\n}\n\nh1 .border-text {\n font-size: 75px;\n}\n\n.social-icons-container {\n margin-top: 5px;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 20px;\n}\n\n.social-icon {\n padding: 6px;\n height: 20px;\n border: 1px solid white;\n color: white;\n font-weight: 100;\n cursor: pointer;\n}\n\n.social-icon:hover {\n background-color: rgba(255, 255, 255, 0.25);\n transition: background-color 0.3s ease-in-out;\n}\n\n.custom-underline {\n text-decoration: underline;\n text-decoration-thickness: 3px;\n}\n\n.topright-arrow {\n font-size: 15px;\n font-weight: 200;\n}\n\n/* Phone screen */\n@media (max-width: 480px) {\n .banner-content {\n max-width: 85%;\n }\n\n h1 .border-text {\n /* font-size: 70px; */\n font-size: 2.5em;\n }\n\n .banner-container h2 {\n font-size: 1.2em;\n }\n\n .social-icon {\n font-size: 0.8em;\n }\n\n .social-icons-container {\n gap: 10px;\n }\n}\n",".about-container {\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n background: linear-gradient(to right, #6a4d9e, #23856c);\n font-family: \"Cambon\", serif;\n min-height: 100vh;\n padding: 20px;\n color: white;\n}\n\n.about-wrapper {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n flex-wrap: wrap;\n max-width: 1200px;\n gap: 110px;\n width: 100%;\n}\n\n.about-text-container {\n text-align: left;\n max-width: 650px;\n}\n\n.about-img-container {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n}\n\n.about-container h1 {\n font-size: 55px;\n font-weight: 300;\n font-style: italic;\n letter-spacing: -0.03em;\n}\n\n.about-container p {\n /* font-family: \"DM Sans\", sans-serif; */\n font-family: \"Authentic Sans\", sans-serif;\n font-weight: 90;\n font-size: 20px;\n}\n\n.about-img {\n width: 350px;\n}\n\n.about-img.rounded {\n border-radius: 200px 200px 0 0;\n}\n\n/* Phone screen */\n@media (max-width: 480px) {\n .about-wrapper {\n gap: 0;\n }\n\n .about-wrapper {\n padding: 80px 0;\n }\n\n .about-img {\n width: 80%;\n }\n\n .about-text-container {\n width: 80%;\n }\n\n .about-container h1 {\n font-size: 1.7em;\n }\n\n .about-container p {\n font-size: 0.8em;\n }\n}\n",".experience-container {\n background-color: #f6f3f3;\n padding: 20px;\n color: black;\n align-items: center;\n font-family: \"Authentic Sans\", sans-serif;\n}\n\n.experience-container h1 {\n font-family: \"Cambon\", sans-serif;\n font-size: 40px;\n font-weight: 300;\n font-style: italic;\n letter-spacing: -0.03em;\n}\n\n.experience-wrapper {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n position: relative;\n flex-wrap: wrap;\n}\n\n.experience-wrapper.row {\n flex-direction: row;\n gap: 100px;\n}\n\n.experience-wrapper.col {\n flex-direction: column;\n}\n\n.experience-text.title {\n padding-top: 2%;\n font-weight: 150;\n font-size: 22px;\n}\n\n.experience-text.subtitle {\n padding: 0.5%;\n font-weight: 130;\n font-size: 20px;\n}\n\n.experience-text.heading1 {\n padding: 0.5%;\n font-weight: 90;\n font-size: 15px;\n color: black;\n}\n\n.experience-text.body {\n padding-top: 2%;\n font-weight: 50;\n font-size: 13px;\n color: rgb(100, 100, 100);\n line-height: 1.25em;\n}\n\n.section-container {\n padding: 20px;\n margin: 10px 0;\n width: 500px;\n background-color: white;\n border-radius: 10px;\n transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;\n}\n\n.section-container:hover {\n transform: scale(1.03);\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n}\n\n.section-text {\n margin: 1% 0;\n font-family: \"Authentic Sans\", sans-serif;\n font-weight: 50;\n font-size: 15px;\n text-align: left;\n}\n\n.experience-text.date {\n display: inline-block;\n padding: 5px;\n margin: 1% 0;\n background: rgba(32, 178, 170, 0.2);\n color: lightseagreen;\n font-size: 12px;\n font-weight: 100;\n}\n\n.topright-arrow {\n font-size: 15px;\n font-weight: 200;\n}\n\n/* Phone screen */\n@media (max-width: 480px) {\n .experience-wrapper {\n flex-direction: column;\n align-items: center;\n }\n\n .section-container {\n width: 85%;\n }\n}\n",".projects-container {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n position: relative;\n background: #f6f3f3;\n color: black;\n}\n\n.projects-container h1 {\n font-family: \"Cambon\", sans-serif;\n font-size: 40px;\n font-weight: 300;\n font-style: italic;\n letter-spacing: -0.03em;\n}\n\n.projects-wrapper {\n padding-bottom: 3%;\n display: flex;\n align-items: center;\n justify-content: center;\n max-width: 1300px;\n flex-direction: row;\n flex-wrap: wrap;\n}\n\n.project-box {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n position: relative;\n margin: 20px 30px;\n width: 300px;\n height: 350px;\n border-radius: 10px;\n background-color: white;\n transition: box-shadow 0.3s ease-in-out;\n}\n\n.project-img {\n padding-bottom: 20px;\n width: 270px;\n height: 180px;\n margin: 10px 0px;\n background-color: white;\n transition: opacity 0.3s ease-in-out;\n object-fit: contain;\n}\n\n.stack-container {\n justify-content: center;\n margin-bottom: 5px;\n display: flex;\n flex-wrap: nowrap;\n width: 270px;\n overflow-x: auto;\n gap: 5px;\n transition: opacity 0.3s ease-in-out;\n}\n\n.stack-container::-webkit-scrollbar {\n display: none;\n}\n\n.stack-item {\n padding: 5px 7px;\n height: 15px;\n font-size: 12px;\n font-weight: 100;\n background: rgba(32, 178, 170, 0.2);\n color: lightseagreen;\n}\n\n.project-title {\n margin-top: 10px;\n line-height: 1.3em;\n font-size: 20px;\n max-width: 250px;\n font-weight: 130;\n transition: opacity 0.3s ease-in-out;\n}\n\n.project-description {\n display: block;\n font-size: 15px;\n font-weight: 90;\n width: 70%;\n position: absolute;\n opacity: 0;\n color: black !important;\n transition: opacity 0.3s ease-in-out;\n}\n\n.project-description a {\n color: black;\n text-decoration: underline;\n}\n\n.project-description p {\n line-height: 1.4em;\n}\n\n.project-box:hover {\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n}\n\n.project-box:hover .project-description {\n opacity: 1;\n}\n\n.project-box:hover .project-img,\n.project-box:hover .stack-container,\n.project-box:hover .project-title {\n opacity: 0;\n}\n\n.topright-arrow {\n font-size: 15px;\n font-weight: 200;\n}\n",".footer-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n position: relative;\n height: 8em;\n background: linear-gradient(to right, #8360c3, #2ebf91);\n font-family: \"Authentic Sans\", sans-serif;\n color: white !important;\n}\n\n.footer-text {\n padding: 5px;\n font-weight: 90;\n letter-spacing: -0.03em;\n display: inline-block;\n}\n\n.footer-text a {\n color: white; /* Change the text color */\n text-decoration: underline; /* Add an underline */\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/css/main.ecdc5cac.css b/static/css/main.ecdc5cac.css deleted file mode 100644 index 84cf9f3..0000000 --- a/static/css/main.ecdc5cac.css +++ /dev/null @@ -1,2 +0,0 @@ -@font-face{font-family:Authentic Sans;font-style:normal;font-weight:60;src:url(/static/media/AUTHENTICSans-60.c2d7f225e9f359e3fd84.otf) format("truetype")}@font-face{font-family:Authentic Sans;font-style:normal;font-weight:90;src:url(/static/media/AUTHENTICSans-90.908da577d4fe9600bc69.otf) format("truetype")}@font-face{font-family:Authentic Sans;font-style:bold;font-weight:130;src:url(/static/media/AUTHENTICSans-130.9a5b6d143578fcf2a0e4.otf) format("truetype")}@font-face{font-family:Authentic Sans;font-style:bold;font-weight:150;src:url(/static/media/AUTHENTICSans-150.21c295327338419cb20e.otf) format("truetype")}@font-face{font-family:Cambon;font-style:italic;font-weight:200;src:url(/static/media/Cambon-ExtraLightItalic.31c4ce262002d8301d6d.ttf) format("truetype")}@font-face{font-family:Cambon;font-style:italic;font-weight:300;src:url(/static/media/Cambon-LightItalic.35fb6551fbb4eab43f14.ttf) format("truetype")}@font-face{font-family:Cambon;font-style:italic;font-weight:400;src:url(/static/media/Cambon-Italic.c3c7452decedff46b461.ttf) format("truetype")}@font-face{font-family:Cambon;font-style:normal;font-weight:400;src:url(/static/media/Cambon-Regular.18ba77534e6a288b9e23.ttf) format("truetype")}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}.App{text-align:center}html{scroll-behavior:smooth}body{background:linear-gradient(90deg,#8360c3,#2ebf91);color:#fff!important;font-family:Authentic Sans,sans-serif!important;font-weight:400;overflow-x:hidden;position:relative}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.nav-wrapper{padding:18px 25px;position:fixed;top:0;transition:.32s ease-in-out;width:100vw;z-index:30}a{text-decoration:none}.nav-wrapper.default{background-color:initial}.nav-wrapper.scrolled .logo,.nav-wrapper.scrolled .menu-item{color:#000}.nav-wrapper.scrolled .menu-item.resume{border:1px solid #000}.nav-content{align-items:center;display:flex;justify-content:space-between}.logo{color:#fff;cursor:pointer;display:flex;flex-direction:row;font-size:25px;font-weight:100;transition:transform .3s ease-in-out}.logo.lastname{font-family:Cambon,sans-serif;font-size:28px;font-style:italic;font-weight:300}.logo:hover{transform:scale(1.05)}.menu-wrapper{align-items:center;display:flex;gap:20px;margin:0 20px;padding:0 30px}.menu-item{color:#fff;cursor:pointer;font-size:13px;font-weight:100;padding:10px 15px;position:relative}.menu-item.active{text-decoration:underline}.menu-item.resume{border:1px solid #fff}.menu-item.resume:hover{background-color:#ffffff40;transition:background-color .3s ease}.banner-container{align-items:center;display:flex;height:100vh;justify-content:center;position:relative;top:0;z-index:10}.banner-content{max-width:800px;text-align:left}.banner-container h1{display:block;font-size:70px;font-weight:100;letter-spacing:.8px;line-height:1;margin:0}.banner-container h2{font-size:20px;font-weight:90;line-height:1.3em;margin-top:30px}.border-text{display:inline-block;font-family:Cambon,serif;font-style:italic;font-weight:300;letter-spacing:-.03em}h1 .border-text{font-size:75px}h2 .border-text{font-size:25px}.social-icons-container{align-items:center;display:flex;gap:20px}.social-icon{border:1px solid #fff;color:#fff;cursor:pointer;font-weight:100;height:20px;margin-top:5px;padding:6px}.social-icon:hover{background-color:#ffffff40;transition:background-color .3s ease-in-out}.custom-underline{text-decoration:underline;text-decoration-thickness:3px}.logo-pic{cursor:pointer;height:auto;width:5%}.about-container{background:linear-gradient(90deg,#6a4d9e,#23856c);color:#fff;font-family:Cambon,serif;height:100vh;padding:20px;position:relative}.about-container,.about-wrapper{align-items:center;display:flex;justify-content:center}.about-wrapper{flex-direction:row;gap:110px;max-width:1200px;width:100%}.about-text-container{max-width:650px;text-align:left}.about-img-container{display:flex;flex-direction:column}.about-container h1{font-size:55px;font-style:italic;font-weight:300;letter-spacing:-.03em}.about-container h2{font-size:30px}.about-container p{font-family:Authentic Sans,sans-serif;font-size:20px;font-weight:90}.img-rounded{border-radius:200px 200px 0 0}.experience-container{align-items:center;background-color:#f6f3f3;color:#000;font-family:Authentic Sans,sans-serif;padding:20px}.experience-container h1{font-family:Cambon,sans-serif;font-size:40px;font-style:italic;font-weight:300;letter-spacing:-.03em}.experience-wrapper{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:center;position:relative}.experience-wrapper.row{flex-direction:row;gap:100px}.experience-wrapper.col{flex-direction:column}.experience-text.title{font-size:22px;font-weight:150;padding-top:2%}.experience-text.subtitle{font-size:20px;font-weight:130;padding:.5%}.experience-text.heading1{color:#000;font-size:15px;font-weight:90;padding:.5%}.experience-text.body{color:#646464;font-size:13px;font-weight:50;line-height:1.25em;padding-top:2%}.section-container{background-color:#fff;border-radius:10px;margin:10px 0;padding:20px;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;width:500px}.section-container:hover{box-shadow:0 4px 8px #0003;transform:scale(1.03)}.section-text{font-family:Authentic Sans,sans-serif;font-size:15px;font-weight:50;margin:1% 0;text-align:left}.experience-text.date{background:#20b2aa33;color:#20b2aa;display:inline-block;font-size:12px;font-weight:100;margin:1% 0;padding:5px}@media (max-width:768px){.experience-wrapper{align-items:center;flex-direction:column}.section-container{width:100%}}.projects-container{align-items:center;background:#f6f3f3;color:#000;display:flex;flex-direction:column;justify-content:center;position:relative}.projects-container h1{font-family:Cambon,sans-serif;font-size:40px;font-style:italic;font-weight:300;letter-spacing:-.03em}.projects-wrapper{flex-direction:row;flex-wrap:wrap;max-width:80%;padding-bottom:3%}.project-box,.projects-wrapper{align-items:center;display:flex;justify-content:center}.project-box{background-color:#fff;border-radius:10px;flex-direction:column;height:350px;margin:20px 30px;position:relative;transition:box-shadow .3s ease-in-out;width:300px}.project-img{background-color:#fff;height:180px;margin:10px 0;object-fit:contain;padding-bottom:20px}.project-img,.stack-container{transition:opacity .3s ease-in-out;width:270px}.stack-container{display:flex;flex-wrap:nowrap;gap:5px;justify-content:center;margin-bottom:5px;overflow-x:auto}.stack-container::-webkit-scrollbar{display:none}.stack-item{background:#20b2aa33;color:#20b2aa;font-size:12px;font-weight:100;height:15px;padding:5px 7px}.project-title{font-size:20px;font-weight:130;line-height:1.3em;margin-top:10px;max-width:250px;transition:opacity .3s ease-in-out}.project-description{color:#000!important;display:block;font-size:15px;font-weight:90;opacity:0;position:absolute;transition:opacity .3s ease-in-out;width:70%}.project-description a{color:#000;text-decoration:underline}.project-description p{line-height:1.4em}.project-box:hover{box-shadow:0 4px 8px #0003}.project-box:hover .project-description{opacity:1}.project-box:hover .project-img,.project-box:hover .project-title,.project-box:hover .stack-container{opacity:0}.topright-arrow{font-size:15px;font-weight:200}.footer-container{align-items:center;background:linear-gradient(90deg,#8360c3,#2ebf91);color:#fff!important;display:flex;flex-direction:column;font-family:Authentic Sans,sans-serif;height:8em;justify-content:center;position:relative}.footer-text{display:inline-block;font-weight:90;letter-spacing:-.03em;padding:5px}.footer-text a{color:#fff;text-decoration:underline} -/*# sourceMappingURL=main.ecdc5cac.css.map*/ \ No newline at end of file diff --git a/static/css/main.ecdc5cac.css.map b/static/css/main.ecdc5cac.css.map deleted file mode 100644 index 68e351e..0000000 --- a/static/css/main.ecdc5cac.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"static/css/main.ecdc5cac.css","mappings":"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","sources":["index.css","App.css","components/Navbar/Navbar.css","components/Banner/Banner.css","components/About/About.css","components/Experience/Experience.css","components/Projects/Projects.css","components/Footer/Footer.css"],"sourcesContent":["/* Authentic Sans font definitions */\n@font-face {\n font-family: \"Authentic Sans\";\n src: url(\"./fonts/AUTHENTICSans-60.otf\") format(\"truetype\");\n font-weight: 60;\n font-style: normal;\n}\n\n@font-face {\n font-family: \"Authentic Sans\";\n src: url(\"./fonts/AUTHENTICSans-90.otf\") format(\"truetype\");\n font-weight: 90;\n font-style: normal;\n}\n\n@font-face {\n font-family: \"Authentic Sans\";\n src: url(\"./fonts/AUTHENTICSans-130.otf\") format(\"truetype\");\n font-weight: 130;\n font-style: bold;\n}\n\n@font-face {\n font-family: \"Authentic Sans\";\n src: url(\"./fonts/AUTHENTICSans-150.otf\") format(\"truetype\");\n font-weight: 150;\n font-style: bold;\n}\n\n/* Cambon font definitions */\n@font-face {\n font-family: \"Cambon\";\n src: url(\"./fonts/Cambon-ExtraLightItalic.ttf\") format(\"truetype\");\n font-weight: 200;\n font-style: italic;\n}\n\n@font-face {\n font-family: \"Cambon\";\n src: url(\"./fonts/Cambon-LightItalic.ttf\") format(\"truetype\");\n font-weight: 300;\n font-style: italic;\n}\n\n@font-face {\n font-family: \"Cambon\";\n src: url(\"./fonts/Cambon-Italic.ttf\") format(\"truetype\");\n font-weight: normal;\n font-style: italic;\n}\n\n@font-face {\n font-family: \"Cambon\";\n src: url(\"./fonts/Cambon-Regular.ttf\") format(\"truetype\");\n font-weight: normal;\n font-style: normal;\n}\n\nbody {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\",\n \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\",\n sans-serif;\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",".App {\n text-align: center;\n}\n\nhtml {\n scroll-behavior: smooth;\n}\n\nbody {\n font-weight: 400;\n overflow-x: hidden;\n position: relative;\n /* background: linear-gradient(to right, #aa4b6b, #6b6b83, #3b8d99); */\n background: linear-gradient(to right, #8360c3, #2ebf91);\n font-family: \"Authentic Sans\", sans-serif !important;\n color: white !important;\n}\n\n.App-logo {\n height: 40vmin;\n pointer-events: none;\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .App-logo {\n animation: App-logo-spin infinite 20s linear;\n }\n}\n\n.App-header {\n background-color: #282c34;\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n font-size: calc(10px + 2vmin);\n color: white;\n}\n\n.App-link {\n color: #61dafb;\n}\n\n@keyframes App-logo-spin {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n}\n",".nav-wrapper {\n padding: 18px 25px;\n position: fixed;\n width: 100vw;\n top: 0;\n z-index: 30;\n transition: 0.32s ease-in-out;\n}\n\na {\n text-decoration: none;\n}\n\n.nav-wrapper.default {\n background-color: transparent; /* Default background color */\n}\n\n.nav-wrapper.scrolled {\n /* Choose background color later */\n}\n\n.nav-wrapper.scrolled .logo,\n.nav-wrapper.scrolled .menu-item {\n color: black;\n}\n\n.nav-wrapper.scrolled .menu-item.resume {\n border: 1px solid black;\n}\n\n.nav-content {\n display: flex;\n align-items: center;\n justify-content: space-between;\n /* margin: 0 auto; */\n}\n\n.logo {\n display: flex;\n flex-direction: row;\n font-weight: 100;\n font-size: 25px;\n cursor: pointer;\n color: white;\n transition: transform 0.3s ease-in-out;\n}\n\n.logo.lastname {\n font-family: \"Cambon\", sans-serif;\n font-style: italic;\n font-size: 28px;\n font-weight: 300;\n}\n\n.logo:hover {\n transform: scale(1.05);\n}\n\n.menu-wrapper {\n margin: 0 20px;\n padding: 0 30px;\n display: flex;\n align-items: center;\n gap: 20px;\n}\n\n.menu-item {\n padding: 10px 15px;\n font-size: 13px;\n font-weight: 100;\n position: relative;\n cursor: pointer;\n color: white;\n}\n\n.menu-item.active {\n text-decoration: underline;\n}\n\n.menu-item.resume {\n border: 1px solid white;\n}\n\n.menu-item.resume:hover {\n background-color: rgba(255, 255, 255, 0.25);\n transition: background-color 0.3s ease;\n}\n",".banner-container {\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n height: 100vh;\n top: 0;\n z-index: 10;\n}\n\n.banner-content {\n text-align: left;\n max-width: 800px;\n}\n\n.banner-container h1 {\n margin: 0;\n font-size: 70px;\n font-weight: 100;\n letter-spacing: 0.8px;\n line-height: 1;\n display: block;\n}\n\n.banner-container h2 {\n margin-top: 30px;\n font-size: 20px;\n font-weight: 90;\n line-height: 1.3em;\n}\n\n.border-text {\n font-family: \"Cambon\", serif;\n font-weight: 300;\n font-style: italic;\n letter-spacing: -0.03em;\n display: inline-block;\n}\n\nh1 .border-text {\n font-size: 75px;\n}\n\nh2 .border-text {\n font-size: 25px;\n}\n\n.social-icons-container {\n display: flex;\n align-items: center;\n gap: 20px;\n}\n\n.social-icon {\n margin-top: 5px;\n padding: 6px;\n height: 20px;\n border: 1px solid white;\n color: white;\n font-weight: 100;\n cursor: pointer;\n}\n\n.social-icon:hover {\n background-color: rgba(255, 255, 255, 0.25);\n transition: background-color 0.3s ease-in-out;\n}\n\n.custom-underline {\n text-decoration: underline;\n text-decoration-thickness: 3px;\n}\n\n.topright-arrow {\n font-size: 15px;\n font-weight: 200;\n}\n\n.logo-pic {\n width: 5%;\n height: auto;\n cursor: pointer;\n}\n\n/* .down-arrow {\n display: flex;\n flex-direction: column;\n padding-top: 150px;\n text-align: center;\n font-size: 35px;\n transition: 0.3s;\n animation: bounce 3s infinite;\n} */\n",".about-container {\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n /* background-color: rgb(35, 35, 35); */\n background: linear-gradient(to right, #6a4d9e, #23856c);\n font-family: \"Cambon\", serif;\n height: 100vh;\n padding: 20px;\n /* color: black; */\n color: white;\n}\n\n.about-wrapper {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n max-width: 1200px;\n gap: 110px;\n width: 100%;\n}\n\n.about-text-container {\n text-align: left;\n max-width: 650px;\n}\n\n.about-img-container {\n display: flex;\n flex-direction: column;\n}\n\n/* .about-container :is(h1, h2, p, span) {\n background: linear-gradient(to right, #8360c3, #2ebf91);\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n} */\n\n.about-container h1 {\n font-size: 55px;\n font-weight: 300;\n font-style: italic;\n letter-spacing: -0.03em;\n}\n\n.about-container h2 {\n font-size: 30px;\n}\n\n.about-container p {\n /* font-family: \"DM Sans\", sans-serif; */\n font-family: \"Authentic Sans\", sans-serif;\n font-weight: 90;\n font-size: 20px;\n}\n\n.img-rounded {\n border-radius: 200px 200px 0 0;\n}\n",".experience-container {\n background-color: #f6f3f3;\n padding: 20px;\n color: black;\n align-items: center;\n font-family: \"Authentic Sans\", sans-serif;\n}\n\n.experience-container h1 {\n font-family: \"Cambon\", sans-serif;\n font-size: 40px;\n font-weight: 300;\n font-style: italic;\n letter-spacing: -0.03em;\n}\n\n.experience-wrapper {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n position: relative;\n flex-wrap: wrap;\n}\n\n.experience-wrapper.row {\n flex-direction: row;\n gap: 100px;\n}\n\n.experience-wrapper.col {\n flex-direction: column;\n}\n\n.experience-text.title {\n padding-top: 2%;\n font-weight: 150;\n font-size: 22px;\n}\n\n.experience-text.subtitle {\n padding: 0.5%;\n font-weight: 130;\n font-size: 20px;\n}\n\n.experience-text.heading1 {\n padding: 0.5%;\n font-weight: 90;\n font-size: 15px;\n color: black;\n}\n\n.experience-text.body {\n padding-top: 2%;\n font-weight: 50;\n font-size: 13px;\n color: rgb(100, 100, 100);\n line-height: 1.25em;\n}\n\n.section-container {\n padding: 20px;\n margin: 10px 0;\n width: 500px;\n background-color: white;\n border-radius: 10px;\n transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;\n}\n\n.section-container:hover {\n transform: scale(1.03);\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n}\n\n.section-text {\n margin: 1% 0;\n font-family: \"Authentic Sans\", sans-serif;\n font-weight: 50;\n font-size: 15px;\n text-align: left;\n}\n\n.experience-text.date {\n display: inline-block;\n padding: 5px;\n margin: 1% 0;\n background: rgba(32, 178, 170, 0.2);\n color: lightseagreen;\n font-size: 12px;\n font-weight: 100;\n}\n\n.topright-arrow {\n font-size: 15px;\n font-weight: 200;\n}\n\n@media (max-width: 768px) {\n .experience-wrapper {\n flex-direction: column;\n align-items: center;\n }\n\n .section-container {\n width: 100%;\n }\n}\n",".projects-container {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n position: relative;\n background: #f6f3f3;\n color: black;\n}\n\n.projects-container h1 {\n font-family: \"Cambon\", sans-serif;\n font-size: 40px;\n font-weight: 300;\n font-style: italic;\n letter-spacing: -0.03em;\n}\n\n.projects-wrapper {\n padding-bottom: 3%;\n display: flex;\n align-items: center;\n justify-content: center;\n max-width: 80%;\n flex-direction: row;\n flex-wrap: wrap;\n}\n\n.project-box {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n position: relative;\n margin: 20px 30px;\n width: 300px;\n height: 350px;\n border-radius: 10px;\n background-color: white;\n transition: box-shadow 0.3s ease-in-out;\n}\n\n.project-img {\n padding-bottom: 20px;\n width: 270px;\n height: 180px;\n margin: 10px 0px;\n background-color: white;\n transition: opacity 0.3s ease-in-out;\n object-fit: contain;\n}\n\n.stack-container {\n justify-content: center;\n margin-bottom: 5px;\n display: flex;\n flex-wrap: nowrap;\n width: 270px;\n overflow-x: auto;\n gap: 5px;\n transition: opacity 0.3s ease-in-out;\n}\n\n.stack-container::-webkit-scrollbar {\n display: none;\n}\n\n.stack-item {\n padding: 5px 7px;\n height: 15px;\n font-size: 12px;\n font-weight: 100;\n background: rgba(32, 178, 170, 0.2);\n color: lightseagreen;\n}\n\n.project-title {\n margin-top: 10px;\n line-height: 1.3em;\n font-size: 20px;\n max-width: 250px;\n font-weight: 130;\n transition: opacity 0.3s ease-in-out;\n}\n\n.project-description {\n display: block;\n font-size: 15px;\n font-weight: 90;\n width: 70%;\n position: absolute;\n opacity: 0;\n color: black !important;\n transition: opacity 0.3s ease-in-out;\n}\n\n.project-description a {\n color: black;\n text-decoration: underline;\n}\n\n.project-description p {\n line-height: 1.4em;\n}\n\n.project-box:hover {\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n}\n\n.project-box:hover .project-description {\n opacity: 1;\n}\n\n.project-box:hover .project-img,\n.project-box:hover .stack-container,\n.project-box:hover .project-title {\n opacity: 0;\n}\n\n.topright-arrow {\n font-size: 15px;\n font-weight: 200;\n}\n",".footer-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n position: relative;\n height: 8em;\n background: linear-gradient(to right, #8360c3, #2ebf91);\n font-family: \"Authentic Sans\", sans-serif;\n color: white !important;\n}\n\n.footer-text {\n padding: 5px;\n font-weight: 90;\n letter-spacing: -0.03em;\n display: inline-block;\n}\n\n.footer-text a {\n color: white; /* Change the text color */\n text-decoration: underline; /* Add an underline */\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/js/main.a213438f.js b/static/js/main.36dee730.js similarity index 84% rename from static/js/main.a213438f.js rename to static/js/main.36dee730.js index 6612c4e..6fcacce 100644 --- a/static/js/main.a213438f.js +++ b/static/js/main.36dee730.js @@ -1,3 +1,3 @@ -/*! For license information please see main.a213438f.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