From 314f43569025bbea2d179ff1664288975b246f75 Mon Sep 17 00:00:00 2001 From: Olivia Jiang Date: Mon, 24 Jun 2024 12:29:59 -0700 Subject: [PATCH] Updates --- asset-manifest.json | 13 +++++++------ index.html | 2 +- static/css/main.6f28c914.css.map | 1 - .../{main.6f28c914.css => main.e69896da.css} | 4 ++-- static/css/main.e69896da.css.map | 1 + static/js/main.44d2a06c.js | 3 --- static/js/main.44d2a06c.js.map | 1 - static/js/main.a703cd18.js | 3 +++ ...LICENSE.txt => main.a703cd18.js.LICENSE.txt} | 0 static/js/main.a703cd18.js.map | 1 + .../googleplaylogo.eb9fcd76b261c0644515.png | Bin 0 -> 23758 bytes 11 files changed, 15 insertions(+), 14 deletions(-) delete mode 100644 static/css/main.6f28c914.css.map rename static/css/{main.6f28c914.css => main.e69896da.css} (93%) create mode 100644 static/css/main.e69896da.css.map delete mode 100644 static/js/main.44d2a06c.js delete mode 100644 static/js/main.44d2a06c.js.map create mode 100644 static/js/main.a703cd18.js rename static/js/{main.44d2a06c.js.LICENSE.txt => main.a703cd18.js.LICENSE.txt} (100%) create mode 100644 static/js/main.a703cd18.js.map create mode 100644 static/media/googleplaylogo.eb9fcd76b261c0644515.png diff --git a/asset-manifest.json b/asset-manifest.json index 1747cfe..33906db 100644 --- a/asset-manifest.json +++ b/asset-manifest.json @@ -1,7 +1,7 @@ { "files": { - "main.css": "/olivia-jiang-website/static/css/main.6f28c914.css", - "main.js": "/olivia-jiang-website/static/js/main.44d2a06c.js", + "main.css": "/olivia-jiang-website/static/css/main.e69896da.css", + "main.js": "/olivia-jiang-website/static/js/main.a703cd18.js", "static/js/787.8e7f92ec.chunk.js": "/olivia-jiang-website/static/js/787.8e7f92ec.chunk.js", "static/media/alternativeperu.jpg": "/olivia-jiang-website/static/media/alternativeperu.458defecbb207a0192ba.jpg", "static/media/research.jpg": "/olivia-jiang-website/static/media/research.665b7651cb46fb62f674.jpg", @@ -14,14 +14,15 @@ "static/media/gdiaclogo.png": "/olivia-jiang-website/static/media/gdiaclogo.a39fe6e81ef081914893.png", "static/media/Olivia-Jiang-Resume.pdf": "/olivia-jiang-website/static/media/Olivia-Jiang-Resume.7a038fa7a116e993e57b.pdf", "static/media/githublogo.png": "/olivia-jiang-website/static/media/githublogo.43e4321025d70241c2d2.png", + "static/media/googleplaylogo.png": "/olivia-jiang-website/static/media/googleplaylogo.eb9fcd76b261c0644515.png", "static/media/logo.svg": "/olivia-jiang-website/static/media/logo.6ce24c58023cc2f8fd88fe9d219db6c6.svg", "index.html": "/olivia-jiang-website/index.html", - "main.6f28c914.css.map": "/olivia-jiang-website/static/css/main.6f28c914.css.map", - "main.44d2a06c.js.map": "/olivia-jiang-website/static/js/main.44d2a06c.js.map", + "main.e69896da.css.map": "/olivia-jiang-website/static/css/main.e69896da.css.map", + "main.a703cd18.js.map": "/olivia-jiang-website/static/js/main.a703cd18.js.map", "787.8e7f92ec.chunk.js.map": "/olivia-jiang-website/static/js/787.8e7f92ec.chunk.js.map" }, "entrypoints": [ - "static/css/main.6f28c914.css", - "static/js/main.44d2a06c.js" + "static/css/main.e69896da.css", + "static/js/main.a703cd18.js" ] } \ No newline at end of file diff --git a/index.html b/index.html index 230c0e1..e97da0b 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.6f28c914.css.map b/static/css/main.6f28c914.css.map deleted file mode 100644 index f9d6eba..0000000 --- a/static/css/main.6f28c914.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"static/css/main.6f28c914.css","mappings":"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","sources":["index.css","App.css","components/sidebar/sidebar.css","components/home/home.css","components/about/about.css","components/resume/resume.css","components/portfolio/portfolio.css","components/portfolio/ProjectDetails.css","components/contact/contact.css"],"sourcesContent":["/* google fonts */\n@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@600&display=swap');\n\n/* variables css */\n:root{\n /*colors*/\n /*color mode HSL(hue,saturation,lightness)*/\n --first-color: #0080FE;\n --title-color: hsl(244,24%, 26%);\n --text-color: hsl(244,16%, 43%);\n --body-color: #ADD8E6;\n --container-color: #fff;\n\n /*fonts*/\n /*.5rem = 8px | 1rem = 16 px */\n --body-font: 'Rubik', sans-serif;\n --h1-font-size: 2.25rem;\n --h2-font-size:1.5rem;\n --h2-font-size:1.5rem;\n --normal-font-size:1rem;\n --small-font-size:0.875rem;\n --smaller-font-size:0.813rem;\n\n /*font weight*/\n --font-medium:500;\n --font-semibold:600;\n --font-bold:700;\n\n /*box shadow*/\n --shadow: 0px 5px 20px rgb(69 67 96 / 10%);\n\n /*border radius*/\n --border-radius:20px;\n}\n\n/*Responsive typography*/\n@media screen and (max-width:1024px){\n :root{\n --h1-font-size: 1.75rem;\n --h2-font-size:1.25rem;\n --h2-font-size:1rem;\n --normal-font-size:0.938rem;\n --small-font-size:0.813rem;\n --smaller-font-size:0.rem;\n }\n}\n\n/* base */\n*{\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\nhtml{\n scroll-behavior: smooth;\n}\nbody,\nbutton,\ninput,\ntextarea{\n font-family: var(--body-font);\n font-size: var(--normal-font-size);\n}\nbody{\n background-color: var(--body-color);\n line-height:1.7;\n color:var(--text-color);\n}\nh1,h2,h3{\n color: var(--title-color);\n font-weight: var(--font-semibold);\n line-height: 1.2;\n}\nu1{\n list-style: none;\n}\na{\n text-decoration: none;\n}\nbutton{\n cursor:pointer;\n border:none;\n outline:none;\n}\nimg{\n max-width: 100%;\n height:auto;\n vertical-align: middle;\n}\n/* resuable css */\n.container{\nmax-width: 1080px;\npadding-left: 15px;\npadding-right: 15px;\nmargin: 0 auto;\n}\n\n.grid{\n display:grid;\n}\n.section{\n padding-top: 7rem;\n padding-bottom: 2rem;\n}\n.section_title{\n font-size: var(--h1-font-size);\n margin-left: 0.875 rem;\n font-weight: var(--font-bold);\n position: relative;\n margin-bottom: 3.75rem;\n}\n.section_title::before{\n content: '';\n /* background: url(); */\n height: 2.25rem;\n width: 2.25rem;\n position: absolute;\n left: -0.875rem;\n top:-0.875rem;\n}\n\n.btn {\n padding: 0.75rem 2rem;\n line-height: 1;\n border-radius: 1.875rem;\n box-shadow: 0 0 1px rgba(0, 0, 0, 0%);\n border: 1px solid transparent;\n color: #fff;\n display: inline-block;\n background-color: var(--first-color);\n font-weight: var(--font-bold);\n}\n\n@keyframes button-push {\n 50% {\n transform: scale(0.8);\n }\n 100%{\n transform: scale(1);\n }\n}\n\n.btn:hover{\n animation:button-push 0.3s linear 1;\n}\n",".App {\n text-align: center;\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\n.main{\n margin-left:110px;\n}\n\n",".aside{\n position: fixed;\n left : 20px;\n top: 0;\n background: var(--body-color);\n border-right: 1px solid rbga(0,0,0,0.05);\n padding: 2.5 rem;\n width: 90px;\n min-height:100vh;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n z-index: 10;\n}\n\n.nav_list{\n list-style-type: none;\n display: flex;\n flex-direction: column;\n row-gap: 1rem;\n}\n\n.nav_link{\n font-size: 1.5rem;\n color:var(--title-color);\n font-weight: var(--font-bold);\n transition: .3s;\n}\n\n.nav_link:hover{\n color:#2a52be;\n}\n\n.copyright{\n color: hsl(245, 15%, 65%);\n font-size: var(--small-font-size);\n transform: rotate(-180deg);\n writing-mode: vertical-rl;\n}",".home{\n position: relative;\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.intro{\n max-width: 540px;\n /* background-color: antiquewhite; */\n text-align: center;\n}\n\n.home_img{\n margin-bottom: 1.5 rem;\n}\n\n.home_name{\n font-size: var(--h1-font-size);\n font-weight: var(--font-bold);\n margin-bottom: 0.5rem;\n}\n\n.home_socials{\n display:flex;\n column-gap: 1.75rem;\n margin: 1.5rem 0;\n justify-content: center;\n}\n\n.home_social-link{\n color:var(--title-color);\n font-size: 1.3rem;\n transition: 0.3s;\n}\n\n.home_social-link:hover{\n color:#2a52be;\n}\n\n.scroll_down{\n position: absolute;\n bottom: 2.5rem;\n left: 0;\n width: 100%;\n}\n\n.home_scroll-name{\n font-size:var(--small-font-size);\n}\n\n.mouse{\n border: 2px solid var(--text-color);\n display:block;\n height: 1.6rem;\n width: 1.25rem;\n margin: auto;\n margin-top: 0.75rem;\n border-radius: 1rem;\n position:relative;\n}\n\n@keyframes ani-mouse{\n 0%{\n top:29%;\n }\n 15%{\n top:50%;\n }\n 50%{\n top:50%;\n }\n 100%{\n top:29%;\n }\n}\n\n.wheel{\n background-color: var(--title-color);\n border-radius: 100%;\n width: 0.25rem;\n height: 0.25rem;\n position:absolute;\n top:0.5rem;\n left:50%;\n transform: translateX(-50%);\n animation:ani-mouse 2s linear infinite;\n\n}",".about_container {\n display: grid;\n grid-template-columns: minmax(auto, 300px) 1fr;\n align-items: center;\n column-gap: 2rem; \n}\n\n.about_img {\n width: 75%; \n height: auto; \n border-radius: 50%; \n object-fit: cover; \n}\n\n\n.about_data{\n display: grid;\n padding: 1.875rem;\n background-color: var(--container-color);\n box-shadow: var(--shadow);\n border-radius: var(--border-radius);\n grid-template-columns: repeat(2,1fr);\n grid-template-areas: \"info skills\";\n column-gap: 1.875rem;\n align-items: flex-start;\n position: relative;\n}\n\n.about_data::before{\n content: ' ';\n width: 0;\n height: 0;\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-right: 15px solid var(--container-color);\n left: -0.93rem;\n top:20%;\n}\n\n.about_info{\n grid-area: info;\n text-align: left;\n}\n\n.about_description{\n margin-bottom: 1rem;\n /* text-align: justify; */\n}\n\n.about_skills{\n grid-area: skills;\n row-gap: 1.25rem;\n}\n\n.skills_titles{\n display: flex;\n justify-content: space-between;\n}\n\n.skills_name{\n font-size:var(--normal-font-size);\n font-weight: var(--font-medium);\n\n}\n\n.skills_number{\n line-height: 1.2;\n}\n\n.skills_bar,\n.skills_percentage{\n height: 7px;\n border-radius: 0.25rem;\n}\n\n.skills_bar{\n background-color: aliceblue;\n}\n\n.skills_percentage{\n display:block;\n}\n\n.clickable-text {\n color: #007bff;\n cursor: pointer;\n}\n\n.clickable-text:hover {\n text-decoration: none;\n}",".resume_container{\n grid-template-columns: repeat(2,1fr);\n column-gap: 1.875rem;\n}\n\n.timeline{\n background-color: var(--container-color);\n padding: 1.875rem;\n border-radius: var(--border-radius);\n position: relative;\n box-shadow: var(--shadow);\n}\n\n.timeline_item{\n position: relative;\n padding-left: 3.125rem;\n padding-bottom: 3.125rem;\n}\n\n.timeline_item:last-child{\n padding-bottom: 0;\n}\n\n.timeline_item:before{\n content: ' ';\n width: 1px;\n height: 100%;\n background-color: var(--first-color);\n position: absolute;\n left: 0.25rem;\n top: 0;\n}\n\n.timeline .icon-briefcase,\n.timeline .icon-envelope-letter {\n position: absolute;\n left: -0.4374rem;\n top: 0;\n font-size: var(--h2-font-size);\n color: var(--first-color);\n background-color: var(--container-color);\n padding: 0.04375rem 0;\n}\n\n.timeline_data{\n color: grey;\n font-size: var(--small-font-size);\n}\n\n.timeline_title{\n font-size: var(--h3-font-size);\n margin: 0.5rem;\n}",".work_filters{\n display: flex;\n align-items: center;\n column-gap: 1.875rem;\n margin-bottom: 2.5rem;\n}\n\n.work_item{\n cursor: pointer;\n font-weight: var(--font-bold);\n}\n\n.work_item:hover{\n color: var(--first-color);\n}\n\n.work_container{\n grid-template-columns: repeat(3,1fr);\n gap:1.875rem;\n}\n\n.work_card{\n position: relative;\n overflow: hidden;\n border-radius: var(--border-radius);\n box-shadow: var(--shadow);\n}\n\n.work_mask{\n background: #6693F5;\n position:absolute;\n left: 0;\n top: 0;\n height: 100%;\n width: 100%;\n transition: 0.3s;\n opacity: 0;\n}\n.work_card:hover .work_mask{\n opacity: 0.9;\n}\n\n.work_category{\n color: #fff;\n background-color: var(--first-color);\n border-bottom-left-radius: 0.98rem;\n border-bottom-left-radius: 0.98rem;\n position: absolute;\n top: 0;\n left: 1.5rem;\n font-size: var(--small-font-size);\n display: inline-block;\n padding: 0.19rem 0.625rem;\n transform: translateY(-40px);\n transition: 0.3s;\n}\n\n.work_title{\n color: #fff;\n font-size: var(--h3-font-size);\n margin: 0 0 0.98rem;\n padding: 0 1.25rem;\n position: absolute;\n top: 3.75rem;\n transform: translateY(30px);\n opacity: 0;\n}\n\n.work_button{\n color: #fff;\n position: absolute;\n bottom: 1.5rem;\n left:1.5rem;\n font-size: var(--h3-font-size);\n display: block;\n background-color: darkblue;\n height: 40px;\n width: 40px;\n cursor: pointer;\n border-radius: 50%;\n text-align: center;\n line-height: 42px;\n transform: 0.3s;\n opacity: 0;\n}\n\n.read_more_button {\n color: #fff;\n position: absolute;\n bottom: 1.5rem;\n right: 1.5rem;\n font-size: var(--h3-font-size);\n display: block;\n background-color: darkblue;\n padding: 0.5rem 1rem;\n cursor: pointer;\n border-radius: 0.25rem;\n text-align: center;\n transition: 0.3s;\n opacity: 0;\n text-decoration: none;\n}\n\n.work_card:hover .work_button,\n.work_card:hover .read_more_button {\n opacity: 1;\n}\n\n.work_card:hover .work_title,\n.work_card:hover .work_category{\n opacity: 1;\n transform: translateY(0);\n}\n.work_thumbnail {\n display: flex;\n justify-content: center;\n align-items:center;\n}\n.work_img{\n max-width: 100%;\n max-height: 100%;\n object-fit: contain;\n display: block;\n}\n.work_bott {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}",".modal-overlay {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: rgba(0, 0, 0, 0.5);\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 1000;\n}\n\n.modal-container {\n background: white;\n padding: 20px;\n border-radius: 10px;\n position: relative;\n max-width: 800px;\n width: 100%;\n height:80%;\n overflow: hidden;\n}\n\n.modal-close-button {\n position: absolute;\n top: 10px;\n right: 10px;\n border: none;\n background: none;\n font-size: 1.5rem;\n cursor: pointer;\n}\n\n.modal-content {\n margin-top: 20px;\n max-height: 80vh;\n overflow-y: auto;\n}\n\n.modal-content h2, .modal-content img, .modal-content p {\n padding: 0 10px;\n}\n\n.modal-content img {\n width: 100%;\n height: auto;\n}\n\n.details-title{\n padding-top: 20px;\n padding-bottom: 20px;\n flex-direction: row;\n align-items: stretch;\n}\n\n.details-links{\n display: flex; /* Ensures flexbox is used */\n flex-direction: row; /* Aligns children horizontally */\n flex-wrap: wrap; /* Allows items to wrap as needed */\n align-items: center; /* Centers items vertically */\n justify-content: start; /* Aligns items to the start of the container */\n}\n\n.details-link {\n margin: 10px 0;\n display: flex;\n align-items: center;\n justify-content: center;\n padding-left: 5px;\n padding-right: 5px;\n}\n\n.details-link a {\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: #f0f0f0;\n border-radius: 8px;\n padding: 5px 10px; \n text-decoration: none; \n}\n\n.details-link img {\n height: 30px; \n width: auto; \n display: block; \n}\n\n.details-link a:hover {\n background-color: #e0e0e0;\n}\n",".contact_content{\n align-self: center;\n}"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/css/main.6f28c914.css b/static/css/main.e69896da.css similarity index 93% rename from static/css/main.6f28c914.css rename to static/css/main.e69896da.css index 94081b0..06c8711 100644 --- a/static/css/main.6f28c914.css +++ b/static/css/main.e69896da.css @@ -1,2 +1,2 @@ -@import url(https://fonts.googleapis.com/css2?family=Rubik:wght@600&display=swap);:root{--first-color:#0080fe;--title-color:#353252;--text-color:#5e5c7f;--body-color:#add8e6;--container-color:#fff;--body-font:"Rubik",sans-serif;--h1-font-size:2.25rem;--h2-font-size:1.5rem;--normal-font-size:1rem;--small-font-size:0.875rem;--smaller-font-size:0.813rem;--font-medium:500;--font-semibold:600;--font-bold:700;--shadow:0px 5px 20px #4543601a;--border-radius:20px}@media screen and (max-width:1024px){:root{--h1-font-size:1.75rem;--h2-font-size:1.25rem;--h2-font-size:1rem;--normal-font-size:0.938rem;--small-font-size:0.813rem;--smaller-font-size:0.rem}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body,button,input,textarea{font-family:Rubik,sans-serif;font-family:var(--body-font);font-size:1rem;font-size:var(--normal-font-size)}body{background-color:#add8e6;background-color:var(--body-color);color:#5e5c7f;color:var(--text-color);line-height:1.7}h1,h2,h3{color:#353252;color:var(--title-color);font-weight:600;font-weight:var(--font-semibold);line-height:1.2}u1{list-style:none}a{text-decoration:none}button{border:none;cursor:pointer;outline:none}img{height:auto;max-width:100%;vertical-align:middle}.container{margin:0 auto;max-width:1080px;padding-left:15px;padding-right:15px}.grid{display:grid}.section{padding-bottom:2rem;padding-top:7rem}.section_title{font-size:2.25rem;font-size:var(--h1-font-size);font-weight:700;font-weight:var(--font-bold);margin-bottom:3.75rem;margin-left:.875 rem;position:relative}.section_title:before{content:"";height:2.25rem;left:-.875rem;position:absolute;top:-.875rem;width:2.25rem}.btn{background-color:#0080fe;background-color:var(--first-color);border:1px solid #0000;border-radius:1.875rem;box-shadow:0 0 1px #0000;color:#fff;display:inline-block;font-weight:700;font-weight:var(--font-bold);line-height:1;padding:.75rem 2rem}@keyframes button-push{50%{transform:scale(.8)}to{transform:scale(1)}}.btn:hover{animation:button-push .3s linear 1}.App{text-align:center}.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)}}.main{margin-left:110px}.aside{background:var(--body-color);border-right:1px solid rbga(0,0,0,.05);justify-content:space-between;left:20px;min-height:100vh;padding:2.5 rem;position:fixed;top:0;width:90px;z-index:10}.aside,.nav_list{display:flex;flex-direction:column}.nav_list{list-style-type:none;row-gap:1rem}.nav_link{color:var(--title-color);font-size:1.5rem;font-weight:var(--font-bold);transition:.3s}.nav_link:hover{color:#2a52be}.copyright{color:#9b98b3;font-size:var(--small-font-size);transform:rotate(-180deg);writing-mode:vertical-rl}.home{align-items:center;display:flex;justify-content:center;min-height:100vh;position:relative}.intro{max-width:540px;text-align:center}.home_img{margin-bottom:1.5 rem}.home_name{font-size:var(--h1-font-size);font-weight:var(--font-bold);margin-bottom:.5rem}.home_socials{column-gap:1.75rem;display:flex;justify-content:center;margin:1.5rem 0}.home_social-link{color:var(--title-color);font-size:1.3rem;transition:.3s}.home_social-link:hover{color:#2a52be}.scroll_down{bottom:2.5rem;left:0;position:absolute;width:100%}.home_scroll-name{font-size:var(--small-font-size)}.mouse{border:2px solid var(--text-color);border-radius:1rem;display:block;height:1.6rem;margin:.75rem auto auto;position:relative;width:1.25rem}@keyframes ani-mouse{0%{top:29%}15%{top:50%}50%{top:50%}to{top:29%}}.wheel{animation:ani-mouse 2s linear infinite;background-color:var(--title-color);border-radius:100%;height:.25rem;left:50%;position:absolute;top:.5rem;transform:translateX(-50%);width:.25rem}.about_container{grid-column-gap:2rem;align-items:center;column-gap:2rem;display:grid;grid-template-columns:minmax(auto,300px) 1fr}.about_img{border-radius:50%;height:auto;object-fit:cover;width:75%}.about_data{grid-column-gap:1.875rem;align-items:flex-start;background-color:var(--container-color);border-radius:var(--border-radius);box-shadow:var(--shadow);column-gap:1.875rem;display:grid;grid-template-areas:"info skills";grid-template-columns:repeat(2,1fr);padding:1.875rem;position:relative}.about_data:before{border-bottom:10px solid #0000;border-right:15px solid var(--container-color);border-top:10px solid #0000;content:" ";height:0;left:-.93rem;top:20%;width:0}.about_info{grid-area:info;text-align:left}.about_description{margin-bottom:1rem}.about_skills{grid-area:skills;row-gap:1.25rem}.skills_titles{display:flex;justify-content:space-between}.skills_name{font-size:var(--normal-font-size);font-weight:var(--font-medium)}.skills_number{line-height:1.2}.skills_bar,.skills_percentage{border-radius:.25rem;height:7px}.skills_bar{background-color:#f0f8ff}.skills_percentage{display:block}.clickable-text{color:#007bff;cursor:pointer}.clickable-text:hover{text-decoration:none}.resume_container{column-gap:1.875rem;grid-template-columns:repeat(2,1fr)}.timeline{background-color:var(--container-color);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:1.875rem;position:relative}.timeline_item{padding-bottom:3.125rem;padding-left:3.125rem;position:relative}.timeline_item:last-child{padding-bottom:0}.timeline_item:before{background-color:var(--first-color);content:" ";height:100%;left:.25rem;position:absolute;top:0;width:1px}.timeline .icon-briefcase,.timeline .icon-envelope-letter{background-color:var(--container-color);color:var(--first-color);font-size:var(--h2-font-size);left:-.4374rem;padding:.04375rem 0;position:absolute;top:0}.timeline_data{color:grey;font-size:var(--small-font-size)}.timeline_title{font-size:var(--h3-font-size);margin:.5rem}.work_filters{align-items:center;column-gap:1.875rem;display:flex;margin-bottom:2.5rem}.work_item{cursor:pointer;font-weight:var(--font-bold)}.work_item:hover{color:var(--first-color)}.work_container{gap:1.875rem;grid-template-columns:repeat(3,1fr)}.work_card{border-radius:var(--border-radius);box-shadow:var(--shadow);overflow:hidden;position:relative}.work_mask{background:#6693f5;height:100%;left:0;opacity:0;position:absolute;top:0;transition:.3s;width:100%}.work_card:hover .work_mask{opacity:.9}.work_category{background-color:var(--first-color);border-bottom-left-radius:.98rem;color:#fff;display:inline-block;font-size:var(--small-font-size);left:1.5rem;padding:.19rem .625rem;position:absolute;top:0;transform:translateY(-40px);transition:.3s}.work_title{margin:0 0 .98rem;padding:0 1.25rem;top:3.75rem;transform:translateY(30px)}.work_button,.work_title{color:#fff;font-size:var(--h3-font-size);opacity:0;position:absolute}.work_button{border-radius:50%;height:40px;left:1.5rem;line-height:42px;transform:.3s;width:40px}.read_more_button,.work_button{background-color:#00008b;bottom:1.5rem;cursor:pointer;display:block;text-align:center}.read_more_button{border-radius:.25rem;color:#fff;font-size:var(--h3-font-size);opacity:0;padding:.5rem 1rem;position:absolute;right:1.5rem;text-decoration:none;transition:.3s}.work_card:hover .read_more_button,.work_card:hover .work_button{opacity:1}.work_card:hover .work_category,.work_card:hover .work_title{opacity:1;transform:translateY(0)}.work_thumbnail{align-items:center;display:flex;justify-content:center}.work_img{display:block;max-height:100%;max-width:100%;object-fit:contain}.work_bott{justify-content:space-between}.modal-overlay,.work_bott{align-items:center;display:flex}.modal-overlay{background-color:#00000080;bottom:0;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-container{background:#fff;border-radius:10px;height:80%;max-width:800px;overflow:hidden;padding:20px;position:relative;width:100%}.modal-close-button{background:none;border:none;cursor:pointer;font-size:1.5rem;position:absolute;right:10px;top:10px}.modal-content{margin-top:20px;max-height:80vh;overflow-y:auto}.modal-content h2,.modal-content img,.modal-content p{padding:0 10px}.modal-content img{height:auto;width:100%}.details-title{align-items:stretch;flex-direction:row;padding-bottom:20px;padding-top:20px}.details-links{flex-direction:row;flex-wrap:wrap;justify-content:start}.details-link,.details-links{align-items:center;display:flex}.details-link{justify-content:center;margin:10px 0;padding-left:5px;padding-right:5px}.details-link a{align-items:center;background-color:#f0f0f0;border-radius:8px;display:flex;justify-content:center;padding:5px 10px;text-decoration:none}.details-link img{display:block;height:30px;width:auto}.details-link a:hover{background-color:#e0e0e0}.contact_content{align-self:center} -/*# sourceMappingURL=main.6f28c914.css.map*/ \ No newline at end of file +@import url(https://fonts.googleapis.com/css2?family=Rubik:wght@600&display=swap);:root{--first-color:#0080fe;--title-color:#353252;--text-color:#5e5c7f;--body-color:#add8e6;--container-color:#fff;--body-font:"Rubik",sans-serif;--h1-font-size:2.25rem;--h2-font-size:1.5rem;--normal-font-size:1rem;--small-font-size:0.875rem;--smaller-font-size:0.813rem;--font-medium:500;--font-semibold:600;--font-bold:700;--shadow:0px 5px 20px #4543601a;--border-radius:20px}@media screen and (max-width:1024px){:root{--h1-font-size:1.75rem;--h2-font-size:1.25rem;--h2-font-size:1rem;--normal-font-size:0.938rem;--small-font-size:0.813rem;--smaller-font-size:0.rem}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body,button,input,textarea{font-family:Rubik,sans-serif;font-family:var(--body-font);font-size:1rem;font-size:var(--normal-font-size)}body{background-color:#add8e6;background-color:var(--body-color);color:#5e5c7f;color:var(--text-color);line-height:1.7}h1,h2,h3{color:#353252;color:var(--title-color);font-weight:600;font-weight:var(--font-semibold);line-height:1.2}u1{list-style:none}a{text-decoration:none}button{border:none;cursor:pointer;outline:none}img{height:auto;max-width:100%;vertical-align:middle}.container{margin:0 auto;max-width:1080px;padding-left:15px;padding-right:15px}.grid{display:grid}.section{padding-bottom:2rem;padding-top:7rem}.section_title{font-size:2.25rem;font-size:var(--h1-font-size);font-weight:700;font-weight:var(--font-bold);margin-bottom:3.75rem;margin-left:.875 rem;position:relative}.section_title:before{content:"";height:2.25rem;left:-.875rem;position:absolute;top:-.875rem;width:2.25rem}.btn{background-color:#0080fe;background-color:var(--first-color);border:1px solid #0000;border-radius:1.875rem;box-shadow:0 0 1px #0000;color:#fff;display:inline-block;font-weight:700;font-weight:var(--font-bold);line-height:1;padding:.75rem 2rem}@keyframes button-push{50%{transform:scale(.8)}to{transform:scale(1)}}.btn:hover{animation:button-push .3s linear 1}.App{text-align:center}.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)}}.main{margin-left:110px}.aside{background:var(--body-color);border-right:1px solid rbga(0,0,0,.05);justify-content:space-between;left:20px;min-height:100vh;padding:2.5 rem;position:fixed;top:0;width:90px;z-index:10}.aside,.nav_list{display:flex;flex-direction:column}.nav_list{list-style-type:none;row-gap:1rem}.nav_link{color:var(--title-color);font-size:1.5rem;font-weight:var(--font-bold);transition:.3s}.nav_link:hover{color:#2a52be}.copyright{color:#9b98b3;font-size:var(--small-font-size);transform:rotate(-180deg);writing-mode:vertical-rl}.home{align-items:center;display:flex;justify-content:center;min-height:100vh;position:relative}.intro{max-width:540px;text-align:center}.home_img{margin-bottom:1.5 rem}.home_name{font-size:var(--h1-font-size);font-weight:var(--font-bold);margin-bottom:.5rem}.home_socials{column-gap:1.75rem;display:flex;justify-content:center;margin:1.5rem 0}.home_social-link{color:var(--title-color);font-size:1.3rem;transition:.3s}.home_social-link:hover{color:#2a52be}.scroll_down{bottom:2.5rem;left:0;position:absolute;width:100%}.home_scroll-name{font-size:var(--small-font-size)}.mouse{border:2px solid var(--text-color);border-radius:1rem;display:block;height:1.6rem;margin:.75rem auto auto;position:relative;width:1.25rem}@keyframes ani-mouse{0%{top:29%}15%{top:50%}50%{top:50%}to{top:29%}}.wheel{animation:ani-mouse 2s linear infinite;background-color:var(--title-color);border-radius:100%;height:.25rem;left:50%;position:absolute;top:.5rem;transform:translateX(-50%);width:.25rem}.about_container{grid-column-gap:2rem;align-items:center;column-gap:2rem;display:grid;grid-template-columns:minmax(auto,300px) 1fr}.about_img{border-radius:50%;height:auto;object-fit:cover;width:75%}.about_data{grid-column-gap:1.875rem;align-items:flex-start;background-color:var(--container-color);border-radius:var(--border-radius);box-shadow:var(--shadow);column-gap:1.875rem;display:grid;grid-template-areas:"info skills";grid-template-columns:repeat(2,1fr);padding:1.875rem;position:relative}.about_data:before{border-bottom:10px solid #0000;border-right:15px solid var(--container-color);border-top:10px solid #0000;content:" ";height:0;left:-.93rem;top:20%;width:0}.about_info{grid-area:info;text-align:left}.about_description{margin-bottom:1rem}.about_skills{grid-area:skills;row-gap:1.25rem}.skills_titles{display:flex;justify-content:space-between}.skills_name{font-size:var(--normal-font-size);font-weight:var(--font-medium)}.skills_number{line-height:1.2}.skills_bar,.skills_percentage{border-radius:.25rem;height:7px}.skills_bar{background-color:#f0f8ff}.skills_percentage{display:block}.clickable-text{color:#007bff;cursor:pointer}.clickable-text:hover{text-decoration:none}.resume_container{column-gap:1.875rem;grid-template-columns:repeat(2,1fr)}.timeline{background-color:var(--container-color);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:1.875rem;position:relative}.timeline_item{padding-bottom:3.125rem;padding-left:3.125rem;position:relative}.timeline_item:last-child{padding-bottom:0}.timeline_item:before{background-color:var(--first-color);content:" ";height:100%;left:.25rem;position:absolute;top:0;width:1px}.timeline .icon-briefcase,.timeline .icon-envelope-letter{background-color:var(--container-color);color:var(--first-color);font-size:var(--h2-font-size);left:-.4374rem;padding:.04375rem 0;position:absolute;top:0}.timeline_data{color:grey;font-size:var(--small-font-size)}.timeline_title{font-size:var(--h3-font-size);margin:.5rem}.work_filters{align-items:center;column-gap:1.875rem;display:flex;margin-bottom:2.5rem}.work_item{cursor:pointer;font-weight:var(--font-bold)}.work_item:hover{color:var(--first-color)}.work_container{gap:1.875rem;grid-template-columns:repeat(3,1fr)}.work_card{border-radius:var(--border-radius);box-shadow:var(--shadow);overflow:hidden;position:relative}.work_mask{background:#6693f5;height:100%;left:0;opacity:0;position:absolute;top:0;transition:.3s;width:100%}.work_card:hover .work_mask{opacity:.9}.work_category{background-color:var(--first-color);border-bottom-left-radius:.98rem;color:#fff;display:inline-block;font-size:var(--small-font-size);left:1.5rem;padding:.19rem .625rem;position:absolute;top:0;transform:translateY(-40px);transition:.3s}.work_title{margin:0 0 .98rem;padding:0 1.25rem;top:3.75rem;transform:translateY(30px)}.work_button,.work_title{color:#fff;font-size:var(--h3-font-size);opacity:0;position:absolute}.work_button{border-radius:50%;height:40px;left:1.5rem;line-height:42px;transform:.3s;width:40px}.read_more_button,.work_button{background-color:#00008b;bottom:1.5rem;cursor:pointer;display:block;text-align:center}.read_more_button{border-radius:.25rem;color:#fff;font-size:var(--h3-font-size);opacity:0;padding:.5rem 1rem;position:absolute;right:1.5rem;text-decoration:none;transition:.3s}.work_card:hover .read_more_button,.work_card:hover .work_button{opacity:1}.work_card:hover .work_category,.work_card:hover .work_title{opacity:1;transform:translateY(0)}.work_thumbnail{align-items:center;display:flex;justify-content:center}.work_img{display:block;max-height:100%;max-width:100%;object-fit:contain}.work_bott{justify-content:space-between}.modal-overlay,.work_bott{align-items:center;display:flex}.modal-overlay{background-color:#00000080;bottom:0;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-container{background:#fff;border-radius:10px;height:80%;max-width:800px;overflow:hidden;padding:20px;position:relative;width:100%}.modal-close-button{background:none;border:none;cursor:pointer;font-size:1.5rem;position:absolute;right:10px;top:10px}.modal-content{margin-top:20px;max-height:80vh;overflow-y:auto}.modal-content h2,.modal-content img,.modal-content p{padding:0 10px}.modal-content img{height:auto;width:100%}.details-title{align-items:stretch;flex-direction:row;padding-bottom:20px;padding-top:20px}.details-links{flex-direction:row;flex-wrap:wrap;justify-content:start}.details-link,.details-links{align-items:center;display:flex}.details-link{justify-content:center;margin:10px 0;padding-left:5px;padding-right:5px}.details-link a{align-items:center;border-radius:8px;color:#f0f0f0;display:flex;justify-content:center;padding:5px 10px;text-decoration:none}.details-link img{display:block;height:30px;width:auto}.details-link a:hover{background-color:#e0e0e0}.tech-stack-container{border:2px solid;border-radius:8px;display:flex;flex-direction:column;flex-wrap:wrap;gap:10px;margin-bottom:20px;margin-top:20px;padding:10px}.tech-item{background-color:#ffffff1a;border-radius:5px;color:#000;padding:5px 10px}.padding{padding:30px}.contact_content{align-self:center} +/*# sourceMappingURL=main.e69896da.css.map*/ \ No newline at end of file diff --git a/static/css/main.e69896da.css.map b/static/css/main.e69896da.css.map new file mode 100644 index 0000000..e8b005e --- /dev/null +++ b/static/css/main.e69896da.css.map @@ -0,0 +1 @@ +{"version":3,"file":"static/css/main.e69896da.css","mappings":"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","sources":["index.css","App.css","components/sidebar/sidebar.css","components/home/home.css","components/about/about.css","components/resume/resume.css","components/portfolio/portfolio.css","components/portfolio/ProjectDetails.css","components/contact/contact.css"],"sourcesContent":["/* google fonts */\n@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@600&display=swap');\n\n/* variables css */\n:root{\n /*colors*/\n /*color mode HSL(hue,saturation,lightness)*/\n --first-color: #0080FE;\n --title-color: hsl(244,24%, 26%);\n --text-color: hsl(244,16%, 43%);\n --body-color: #ADD8E6;\n --container-color: #fff;\n\n /*fonts*/\n /*.5rem = 8px | 1rem = 16 px */\n --body-font: 'Rubik', sans-serif;\n --h1-font-size: 2.25rem;\n --h2-font-size:1.5rem;\n --h2-font-size:1.5rem;\n --normal-font-size:1rem;\n --small-font-size:0.875rem;\n --smaller-font-size:0.813rem;\n\n /*font weight*/\n --font-medium:500;\n --font-semibold:600;\n --font-bold:700;\n\n /*box shadow*/\n --shadow: 0px 5px 20px rgb(69 67 96 / 10%);\n\n /*border radius*/\n --border-radius:20px;\n}\n\n/*Responsive typography*/\n@media screen and (max-width:1024px){\n :root{\n --h1-font-size: 1.75rem;\n --h2-font-size:1.25rem;\n --h2-font-size:1rem;\n --normal-font-size:0.938rem;\n --small-font-size:0.813rem;\n --smaller-font-size:0.rem;\n }\n}\n\n/* base */\n*{\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\nhtml{\n scroll-behavior: smooth;\n}\nbody,\nbutton,\ninput,\ntextarea{\n font-family: var(--body-font);\n font-size: var(--normal-font-size);\n}\nbody{\n background-color: var(--body-color);\n line-height:1.7;\n color:var(--text-color);\n}\nh1,h2,h3{\n color: var(--title-color);\n font-weight: var(--font-semibold);\n line-height: 1.2;\n}\nu1{\n list-style: none;\n}\na{\n text-decoration: none;\n}\nbutton{\n cursor:pointer;\n border:none;\n outline:none;\n}\nimg{\n max-width: 100%;\n height:auto;\n vertical-align: middle;\n}\n/* resuable css */\n.container{\nmax-width: 1080px;\npadding-left: 15px;\npadding-right: 15px;\nmargin: 0 auto;\n}\n\n.grid{\n display:grid;\n}\n.section{\n padding-top: 7rem;\n padding-bottom: 2rem;\n}\n.section_title{\n font-size: var(--h1-font-size);\n margin-left: 0.875 rem;\n font-weight: var(--font-bold);\n position: relative;\n margin-bottom: 3.75rem;\n}\n.section_title::before{\n content: '';\n /* background: url(); */\n height: 2.25rem;\n width: 2.25rem;\n position: absolute;\n left: -0.875rem;\n top:-0.875rem;\n}\n\n.btn {\n padding: 0.75rem 2rem;\n line-height: 1;\n border-radius: 1.875rem;\n box-shadow: 0 0 1px rgba(0, 0, 0, 0%);\n border: 1px solid transparent;\n color: #fff;\n display: inline-block;\n background-color: var(--first-color);\n font-weight: var(--font-bold);\n}\n\n@keyframes button-push {\n 50% {\n transform: scale(0.8);\n }\n 100%{\n transform: scale(1);\n }\n}\n\n.btn:hover{\n animation:button-push 0.3s linear 1;\n}\n",".App {\n text-align: center;\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\n.main{\n margin-left:110px;\n}\n\n",".aside{\n position: fixed;\n left : 20px;\n top: 0;\n background: var(--body-color);\n border-right: 1px solid rbga(0,0,0,0.05);\n padding: 2.5 rem;\n width: 90px;\n min-height:100vh;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n z-index: 10;\n}\n\n.nav_list{\n list-style-type: none;\n display: flex;\n flex-direction: column;\n row-gap: 1rem;\n}\n\n.nav_link{\n font-size: 1.5rem;\n color:var(--title-color);\n font-weight: var(--font-bold);\n transition: .3s;\n}\n\n.nav_link:hover{\n color:#2a52be;\n}\n\n.copyright{\n color: hsl(245, 15%, 65%);\n font-size: var(--small-font-size);\n transform: rotate(-180deg);\n writing-mode: vertical-rl;\n}",".home{\n position: relative;\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.intro{\n max-width: 540px;\n /* background-color: antiquewhite; */\n text-align: center;\n}\n\n.home_img{\n margin-bottom: 1.5 rem;\n}\n\n.home_name{\n font-size: var(--h1-font-size);\n font-weight: var(--font-bold);\n margin-bottom: 0.5rem;\n}\n\n.home_socials{\n display:flex;\n column-gap: 1.75rem;\n margin: 1.5rem 0;\n justify-content: center;\n}\n\n.home_social-link{\n color:var(--title-color);\n font-size: 1.3rem;\n transition: 0.3s;\n}\n\n.home_social-link:hover{\n color:#2a52be;\n}\n\n.scroll_down{\n position: absolute;\n bottom: 2.5rem;\n left: 0;\n width: 100%;\n}\n\n.home_scroll-name{\n font-size:var(--small-font-size);\n}\n\n.mouse{\n border: 2px solid var(--text-color);\n display:block;\n height: 1.6rem;\n width: 1.25rem;\n margin: auto;\n margin-top: 0.75rem;\n border-radius: 1rem;\n position:relative;\n}\n\n@keyframes ani-mouse{\n 0%{\n top:29%;\n }\n 15%{\n top:50%;\n }\n 50%{\n top:50%;\n }\n 100%{\n top:29%;\n }\n}\n\n.wheel{\n background-color: var(--title-color);\n border-radius: 100%;\n width: 0.25rem;\n height: 0.25rem;\n position:absolute;\n top:0.5rem;\n left:50%;\n transform: translateX(-50%);\n animation:ani-mouse 2s linear infinite;\n\n}",".about_container {\n display: grid;\n grid-template-columns: minmax(auto, 300px) 1fr;\n align-items: center;\n column-gap: 2rem; \n}\n\n.about_img {\n width: 75%; \n height: auto; \n border-radius: 50%; \n object-fit: cover; \n}\n\n\n.about_data{\n display: grid;\n padding: 1.875rem;\n background-color: var(--container-color);\n box-shadow: var(--shadow);\n border-radius: var(--border-radius);\n grid-template-columns: repeat(2,1fr);\n grid-template-areas: \"info skills\";\n column-gap: 1.875rem;\n align-items: flex-start;\n position: relative;\n}\n\n.about_data::before{\n content: ' ';\n width: 0;\n height: 0;\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-right: 15px solid var(--container-color);\n left: -0.93rem;\n top:20%;\n}\n\n.about_info{\n grid-area: info;\n text-align: left;\n}\n\n.about_description{\n margin-bottom: 1rem;\n /* text-align: justify; */\n}\n\n.about_skills{\n grid-area: skills;\n row-gap: 1.25rem;\n}\n\n.skills_titles{\n display: flex;\n justify-content: space-between;\n}\n\n.skills_name{\n font-size:var(--normal-font-size);\n font-weight: var(--font-medium);\n\n}\n\n.skills_number{\n line-height: 1.2;\n}\n\n.skills_bar,\n.skills_percentage{\n height: 7px;\n border-radius: 0.25rem;\n}\n\n.skills_bar{\n background-color: aliceblue;\n}\n\n.skills_percentage{\n display:block;\n}\n\n.clickable-text {\n color: #007bff;\n cursor: pointer;\n}\n\n.clickable-text:hover {\n text-decoration: none;\n}",".resume_container{\n grid-template-columns: repeat(2,1fr);\n column-gap: 1.875rem;\n}\n\n.timeline{\n background-color: var(--container-color);\n padding: 1.875rem;\n border-radius: var(--border-radius);\n position: relative;\n box-shadow: var(--shadow);\n}\n\n.timeline_item{\n position: relative;\n padding-left: 3.125rem;\n padding-bottom: 3.125rem;\n}\n\n.timeline_item:last-child{\n padding-bottom: 0;\n}\n\n.timeline_item:before{\n content: ' ';\n width: 1px;\n height: 100%;\n background-color: var(--first-color);\n position: absolute;\n left: 0.25rem;\n top: 0;\n}\n\n.timeline .icon-briefcase,\n.timeline .icon-envelope-letter {\n position: absolute;\n left: -0.4374rem;\n top: 0;\n font-size: var(--h2-font-size);\n color: var(--first-color);\n background-color: var(--container-color);\n padding: 0.04375rem 0;\n}\n\n.timeline_data{\n color: grey;\n font-size: var(--small-font-size);\n}\n\n.timeline_title{\n font-size: var(--h3-font-size);\n margin: 0.5rem;\n}",".work_filters{\n display: flex;\n align-items: center;\n column-gap: 1.875rem;\n margin-bottom: 2.5rem;\n}\n\n.work_item{\n cursor: pointer;\n font-weight: var(--font-bold);\n}\n\n.work_item:hover{\n color: var(--first-color);\n}\n\n.work_container{\n grid-template-columns: repeat(3,1fr);\n gap:1.875rem;\n}\n\n.work_card{\n position: relative;\n overflow: hidden;\n border-radius: var(--border-radius);\n box-shadow: var(--shadow);\n}\n\n.work_mask{\n background: #6693F5;\n position:absolute;\n left: 0;\n top: 0;\n height: 100%;\n width: 100%;\n transition: 0.3s;\n opacity: 0;\n}\n.work_card:hover .work_mask{\n opacity: 0.9;\n}\n\n.work_category{\n color: #fff;\n background-color: var(--first-color);\n border-bottom-left-radius: 0.98rem;\n border-bottom-left-radius: 0.98rem;\n position: absolute;\n top: 0;\n left: 1.5rem;\n font-size: var(--small-font-size);\n display: inline-block;\n padding: 0.19rem 0.625rem;\n transform: translateY(-40px);\n transition: 0.3s;\n}\n\n.work_title{\n color: #fff;\n font-size: var(--h3-font-size);\n margin: 0 0 0.98rem;\n padding: 0 1.25rem;\n position: absolute;\n top: 3.75rem;\n transform: translateY(30px);\n opacity: 0;\n}\n\n.work_button{\n color: #fff;\n position: absolute;\n bottom: 1.5rem;\n left:1.5rem;\n font-size: var(--h3-font-size);\n display: block;\n background-color: darkblue;\n height: 40px;\n width: 40px;\n cursor: pointer;\n border-radius: 50%;\n text-align: center;\n line-height: 42px;\n transform: 0.3s;\n opacity: 0;\n}\n\n.read_more_button {\n color: #fff;\n position: absolute;\n bottom: 1.5rem;\n right: 1.5rem;\n font-size: var(--h3-font-size);\n display: block;\n background-color: darkblue;\n padding: 0.5rem 1rem;\n cursor: pointer;\n border-radius: 0.25rem;\n text-align: center;\n transition: 0.3s;\n opacity: 0;\n text-decoration: none;\n}\n\n.work_card:hover .work_button,\n.work_card:hover .read_more_button {\n opacity: 1;\n}\n\n.work_card:hover .work_title,\n.work_card:hover .work_category{\n opacity: 1;\n transform: translateY(0);\n}\n.work_thumbnail {\n display: flex;\n justify-content: center;\n align-items:center;\n}\n.work_img{\n max-width: 100%;\n max-height: 100%;\n object-fit: contain;\n display: block;\n}\n.work_bott {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}",".modal-overlay {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: rgba(0, 0, 0, 0.5);\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 1000;\n}\n\n.modal-container {\n background: white;\n padding: 20px;\n border-radius: 10px;\n position: relative;\n max-width: 800px;\n width: 100%;\n height:80%;\n overflow: hidden;\n \n}\n\n.modal-close-button {\n position: absolute;\n top: 10px;\n right: 10px;\n border: none;\n background: none;\n font-size: 1.5rem;\n cursor: pointer;\n}\n\n.modal-content {\n margin-top: 20px;\n max-height: 80vh;\n overflow-y: auto;\n}\n\n.modal-content h2, .modal-content img, .modal-content p {\n padding: 0 10px;\n}\n\n.modal-content img {\n width: 100%;\n height: auto;\n}\n\n.details-title{\n padding-top: 20px;\n padding-bottom: 20px;\n flex-direction: row;\n align-items: stretch;\n}\n\n.details-links{\n display: flex; /* Ensures flexbox is used */\n flex-direction: row; /* Aligns children horizontally */\n flex-wrap: wrap; /* Allows items to wrap as needed */\n align-items: center; /* Centers items vertically */\n justify-content: start; /* Aligns items to the start of the container */\n}\n\n.details-link {\n margin: 10px 0;\n display: flex;\n align-items: center;\n justify-content: center;\n padding-left: 5px;\n padding-right: 5px;\n}\n\n.details-link a {\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 8px;\n padding: 5px 10px; \n text-decoration: none; \n color: #f0f0f0;\n}\n\n.details-link img {\n height: 30px; \n width: auto; \n display: block; \n}\n\n.details-link a:hover {\n background-color: #e0e0e0;\n}\n\n.tech-stack-container {\n border: 2px solid;\n border-radius: 8px;\n padding: 10px;\n margin-top: 20px;\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n flex-direction: column;\n margin-bottom: 20px;\n}\n\n.tech-item {\n background-color: rgba(255, 255, 255, 0.1);\n padding: 5px 10px;\n border-radius: 5px;\n color: black;\n}\n\n.padding{\n padding: 30px;\n}",".contact_content{\n align-self: center;\n}"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/js/main.44d2a06c.js b/static/js/main.44d2a06c.js deleted file mode 100644 index b40d2e0..0000000 --- a/static/js/main.44d2a06c.js +++ /dev/null @@ -1,3 +0,0 @@ -/*! For license information please see main.44d2a06c.js.LICENSE.txt */ -(()=>{var e={725:e=>{"use strict";var t=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,r=Object.prototype.propertyIsEnumerable;e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach((function(e){r[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(a){return!1}}()?Object.assign:function(e,a){for(var l,i,o=function(e){if(null===e||void 0===e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}(e),u=1;u{"use strict";var r=n(47);function a(){}function l(){}l.resetWarningCache=a,e.exports=function(){function e(e,t,n,a,l,i){if(i!==r){var o=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw o.name="Invariant Violation",o}}function t(){return e}e.isRequired=e;var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:l,resetWarningCache:a};return n.PropTypes=n,n}},7:(e,t,n)=>{e.exports=n(888)()},47:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},463:(e,t,n)=>{"use strict";var r=n(791),a=n(296);function l(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n