From de11834f3981fa0f149d49429d1f90141081167b Mon Sep 17 00:00:00 2001 From: Olivia Jiang Date: Fri, 19 Jan 2024 17:25:11 -0800 Subject: [PATCH] Updates --- asset-manifest.json | 19 ++++++++++++------ index.html | 2 +- .../{main.e33b83c1.css => main.b54646de.css} | 4 ++-- static/css/main.b54646de.css.map | 1 + static/css/main.e33b83c1.css.map | 1 - static/js/main.4ec299bf.js | 3 --- static/js/main.672b2ed7.js | 3 +++ ...CENSE.txt => main.672b2ed7.js.LICENSE.txt} | 0 ...n.4ec299bf.js.map => main.672b2ed7.js.map} | 2 +- ...ivia-Jiang-Resume.56cd54be73f428d858a1.pdf | Bin 0 -> 72490 bytes .../alternativeperu.458defecbb207a0192ba.jpg | Bin 0 -> 2182461 bytes static/media/art.e2738910904cdfd2276b.jpg | Bin 0 -> 152387 bytes static/media/coin.91e5e8fdd63fb27ddf20.jpg | Bin 0 -> 963225 bytes static/media/game.5a1591ac1e87fd90cb1e.jpg | Bin 0 -> 134668 bytes .../media/learnwell.5976b81049ecab2e0bec.jpg | Bin 0 -> 507052 bytes .../media/research.665b7651cb46fb62f674.jpg | Bin 0 -> 1289700 bytes 16 files changed, 21 insertions(+), 14 deletions(-) rename static/css/{main.e33b83c1.css => main.b54646de.css} (94%) create mode 100644 static/css/main.b54646de.css.map delete mode 100644 static/css/main.e33b83c1.css.map delete mode 100644 static/js/main.4ec299bf.js create mode 100644 static/js/main.672b2ed7.js rename static/js/{main.4ec299bf.js.LICENSE.txt => main.672b2ed7.js.LICENSE.txt} (100%) rename static/js/{main.4ec299bf.js.map => main.672b2ed7.js.map} (51%) create mode 100644 static/media/Olivia-Jiang-Resume.56cd54be73f428d858a1.pdf create mode 100644 static/media/alternativeperu.458defecbb207a0192ba.jpg create mode 100644 static/media/art.e2738910904cdfd2276b.jpg create mode 100644 static/media/coin.91e5e8fdd63fb27ddf20.jpg create mode 100644 static/media/game.5a1591ac1e87fd90cb1e.jpg create mode 100644 static/media/learnwell.5976b81049ecab2e0bec.jpg create mode 100644 static/media/research.665b7651cb46fb62f674.jpg diff --git a/asset-manifest.json b/asset-manifest.json index 0b9189e..533b2b7 100644 --- a/asset-manifest.json +++ b/asset-manifest.json @@ -1,17 +1,24 @@ { "files": { - "main.css": "/olivia-jiang-website/static/css/main.e33b83c1.css", - "main.js": "/olivia-jiang-website/static/js/main.4ec299bf.js", + "main.css": "/olivia-jiang-website/static/css/main.b54646de.css", + "main.js": "/olivia-jiang-website/static/js/main.672b2ed7.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", + "static/media/coin.jpg": "/olivia-jiang-website/static/media/coin.91e5e8fdd63fb27ddf20.jpg", + "static/media/learnwell.jpg": "/olivia-jiang-website/static/media/learnwell.5976b81049ecab2e0bec.jpg", "static/media/olivia.jpg": "/olivia-jiang-website/static/media/olivia.2004462da64299122025.jpg", + "static/media/art.jpg": "/olivia-jiang-website/static/media/art.e2738910904cdfd2276b.jpg", + "static/media/game.jpg": "/olivia-jiang-website/static/media/game.5a1591ac1e87fd90cb1e.jpg", + "static/media/Olivia-Jiang-Resume.pdf": "/olivia-jiang-website/static/media/Olivia-Jiang-Resume.56cd54be73f428d858a1.pdf", "static/media/logo.svg": "/olivia-jiang-website/static/media/logo.6ce24c58023cc2f8fd88fe9d219db6c6.svg", "index.html": "/olivia-jiang-website/index.html", - "main.e33b83c1.css.map": "/olivia-jiang-website/static/css/main.e33b83c1.css.map", - "main.4ec299bf.js.map": "/olivia-jiang-website/static/js/main.4ec299bf.js.map", + "main.b54646de.css.map": "/olivia-jiang-website/static/css/main.b54646de.css.map", + "main.672b2ed7.js.map": "/olivia-jiang-website/static/js/main.672b2ed7.js.map", "787.8e7f92ec.chunk.js.map": "/olivia-jiang-website/static/js/787.8e7f92ec.chunk.js.map" }, "entrypoints": [ - "static/css/main.e33b83c1.css", - "static/js/main.4ec299bf.js" + "static/css/main.b54646de.css", + "static/js/main.672b2ed7.js" ] } \ No newline at end of file diff --git a/index.html b/index.html index d8c8123..d6e4e9b 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.e33b83c1.css b/static/css/main.b54646de.css similarity index 94% rename from static/css/main.e33b83c1.css rename to static/css/main.b54646de.css index f49394a..aa51123 100644 --- a/static/css/main.e33b83c1.css +++ b/static/css/main.b54646de.css @@ -1,2 +1,2 @@ -@import url(https://fonts.googleapis.com/css2?family=Rubik:wght@600&display=swap);:root{--first-color:#ff4d61;--title-color:#353252;--text-color:#5e5c7f;--body-color:#f9f7fd;--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:#f9f7fd;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:#ff4d61;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}.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:#0080fe;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{background-color:#00008b;border-radius:50%;bottom:1.5rem;cursor:pointer;display:block;height:40px;left:1.5rem;line-height:42px;text-align:center;transform:.3s;width:40px}.work_card:hover .work_button{opacity:1}.work_card:hover .work_category,.work_card:hover .work_title{opacity:1;transform:translateY(0)}.contact_content{align-self:center} -/*# sourceMappingURL=main.e33b83c1.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}.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{background-color:#00008b;border-radius:50%;bottom:1.5rem;cursor:pointer;display:block;height:40px;left:1.5rem;line-height:42px;text-align:center;transform:.3s;width:40px}.work_card:hover .work_button{opacity:1}.work_card:hover .work_category,.work_card:hover .work_title{opacity:1;transform:translateY(0)}.contact_content{align-self:center} +/*# sourceMappingURL=main.b54646de.css.map*/ \ No newline at end of file diff --git a/static/css/main.b54646de.css.map b/static/css/main.b54646de.css.map new file mode 100644 index 0000000..99d2ef2 --- /dev/null +++ b/static/css/main.b54646de.css.map @@ -0,0 +1 @@ +{"version":3,"file":"static/css/main.b54646de.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/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/* .cs{\n width:90%;\n background-color: aquamarine;\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.work_card:hover .work_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\n",".contact_content{\n align-self: center;\n}"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/css/main.e33b83c1.css.map b/static/css/main.e33b83c1.css.map deleted file mode 100644 index de84ef8..0000000 --- a/static/css/main.e33b83c1.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"static/css/main.e33b83c1.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/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: hsl(353,100%,65%);\n --title-color: hsl(244,24%, 26%);\n --text-color: hsl(244,16%, 43%);\n --body-color: hsl(258,60%, 98%);\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/* .cs{\n width:90%;\n background-color: aquamarine;\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: #0080FE;\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.work_card:hover .work_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\n",".contact_content{\n align-self: center;\n}"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/js/main.4ec299bf.js b/static/js/main.4ec299bf.js deleted file mode 100644 index c51474d..0000000 --- a/static/js/main.4ec299bf.js +++ /dev/null @@ -1,3 +0,0 @@ -/*! For license information please see main.4ec299bf.js.LICENSE.txt */ -(()=>{"use strict";var e={463:(e,n,t)=>{var r=t(791),l=t(296);function a(e){for(var n="https://reactjs.org/docs/error-decoder.html?invariant="+e,t=1;t