From 96c2246f976aa363b01d0fd22428b3739c8f80cb Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" Date: Fri, 8 Dec 2023 03:03:06 +0000 Subject: [PATCH] Updates --- asset-manifest.json | 14 ++++++++------ index.html | 2 +- .../{main.9187e0d1.css => main.1e4767e8.css} | 4 ++-- static/css/main.1e4767e8.css.map | 1 + static/css/main.9187e0d1.css.map | 1 - static/js/main.1240d0b2.js | 3 +++ ...ICENSE.txt => main.1240d0b2.js.LICENSE.txt} | 0 static/js/main.1240d0b2.js.map | 1 + static/js/main.85eaac06.js | 3 --- static/js/main.85eaac06.js.map | 1 - .../goldman-sachs.1d802e406a8c2f6fa41f.png | Bin 0 -> 40811 bytes static/media/paypal.04b3edb65b438fe60d98.png | Bin 0 -> 116385 bytes 12 files changed, 16 insertions(+), 14 deletions(-) rename static/css/{main.9187e0d1.css => main.1e4767e8.css} (67%) create mode 100644 static/css/main.1e4767e8.css.map delete mode 100644 static/css/main.9187e0d1.css.map create mode 100644 static/js/main.1240d0b2.js rename static/js/{main.85eaac06.js.LICENSE.txt => main.1240d0b2.js.LICENSE.txt} (100%) create mode 100644 static/js/main.1240d0b2.js.map delete mode 100644 static/js/main.85eaac06.js delete mode 100644 static/js/main.85eaac06.js.map create mode 100644 static/media/goldman-sachs.1d802e406a8c2f6fa41f.png create mode 100644 static/media/paypal.04b3edb65b438fe60d98.png diff --git a/asset-manifest.json b/asset-manifest.json index 30883fa..773280b 100644 --- a/asset-manifest.json +++ b/asset-manifest.json @@ -1,17 +1,19 @@ { "files": { - "main.css": "/about-me/static/css/main.9187e0d1.css", - "main.js": "/about-me/static/js/main.85eaac06.js", + "main.css": "/about-me/static/css/main.1e4767e8.css", + "main.js": "/about-me/static/js/main.1240d0b2.js", "static/js/787.7745e9b0.chunk.js": "/about-me/static/js/787.7745e9b0.chunk.js", "static/media/about.png": "/about-me/static/media/about.02da6e71fa69c0273ef3.png", + "static/media/paypal.png": "/about-me/static/media/paypal.04b3edb65b438fe60d98.png", + "static/media/goldman-sachs.png": "/about-me/static/media/goldman-sachs.1d802e406a8c2f6fa41f.png", "static/media/home.png": "/about-me/static/media/home.c54f1134fa4e336fd6ce.png", "index.html": "/about-me/index.html", - "main.9187e0d1.css.map": "/about-me/static/css/main.9187e0d1.css.map", - "main.85eaac06.js.map": "/about-me/static/js/main.85eaac06.js.map", + "main.1e4767e8.css.map": "/about-me/static/css/main.1e4767e8.css.map", + "main.1240d0b2.js.map": "/about-me/static/js/main.1240d0b2.js.map", "787.7745e9b0.chunk.js.map": "/about-me/static/js/787.7745e9b0.chunk.js.map" }, "entrypoints": [ - "static/css/main.9187e0d1.css", - "static/js/main.85eaac06.js" + "static/css/main.1e4767e8.css", + "static/js/main.1240d0b2.js" ] } \ No newline at end of file diff --git a/index.html b/index.html index 3665b6a..abd6cd6 100644 --- a/index.html +++ b/index.html @@ -1 +1 @@ -Khang Le
\ No newline at end of file +Khang Le
\ No newline at end of file diff --git a/static/css/main.9187e0d1.css b/static/css/main.1e4767e8.css similarity index 67% rename from static/css/main.9187e0d1.css rename to static/css/main.1e4767e8.css index 0f3c4f3..758dbd8 100644 --- a/static/css/main.9187e0d1.css +++ b/static/css/main.1e4767e8.css @@ -1,2 +1,2 @@ -@import url(https://cdn.jsdelivr.net/npm/boxicons@2.0.5/css/boxicons.min.css);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap);.react-toggle{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;background-color:initial;border:0;cursor:pointer;display:inline-block;padding:0;position:relative;touch-action:pan-x;-webkit-user-select:none;user-select:none}.react-toggle-screenreader-only{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.react-toggle--disabled{cursor:not-allowed;opacity:.5;transition:opacity .25s}.react-toggle-track{background-color:#4d4d4d;border-radius:30px;height:24px;padding:0;transition:all .2s ease;width:50px}.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#000}.react-toggle--checked .react-toggle-track{background-color:#19ab27}.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#128d15}.react-toggle-track-check{bottom:0;height:10px;left:8px;line-height:0;margin-bottom:auto;margin-top:auto;opacity:0;position:absolute;top:0;transition:opacity .25s ease;width:14px}.react-toggle--checked .react-toggle-track-check,.react-toggle-track-x{opacity:1;transition:opacity .25s ease}.react-toggle-track-x{bottom:0;height:10px;line-height:0;margin-bottom:auto;margin-top:auto;position:absolute;right:10px;top:0;width:10px}.react-toggle--checked .react-toggle-track-x{opacity:0}.react-toggle-thumb{background-color:#fafafa;border:1px solid #4d4d4d;border-radius:50%;box-sizing:border-box;height:22px;left:1px;position:absolute;top:1px;transition:all .5s cubic-bezier(.23,1,.32,1) 0ms;transition:all .25s ease;width:22px}.react-toggle--checked .react-toggle-thumb{border-color:#19ab27;left:27px}.react-toggle--focus .react-toggle-thumb{box-shadow:0 0 2px 3px #0099e0}.react-toggle:active:not(.react-toggle--disabled) .react-toggle-thumb{box-shadow:0 0 5px 5px #0099e0}:root{--header-height:3rem;--font-semi:600;--body-color:#fff;--first-color:#4285f4;--first-color-hover:#005a9c;--second-color:#0e2431;--container-color:#fff;--link-color:#408bd0;--body-font:"Poppins",sans-serif;--big-font-size:2rem;--medium-font-size:1.5rem;--normal-font-size:0.938rem;--mb-1:0.5rem;--mb-2:1rem;--mb-3:1.5rem;--mb-4:2rem;--mb-5:2.5rem;--mb-6:3rem;--z-back:-10;--z-normal:1;--z-tooltip:10;--z-fixed:100}@media screen and (min-width:768px){:root{--big-font-size:3.5rem;--medium-font-size:2rem;--normal-font-size:1rem}}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:#fff;background-color:var(--body-color);color:#0e2431;color:var(--second-color);font-family:Poppins,sans-serif;font-family:var(--body-font);font-size:.938rem;font-size:var(--normal-font-size);margin:3rem 0 0;margin:var(--header-height) 0 0 0;transition:all .2s ease-in-out}h1,h2,h3,p,ul{margin:0}ul{list-style:none;padding:0}a{color:#408bd0;color:var(--link-color);text-decoration:none}img{display:block;height:auto;max-width:100%}body.dark__theme{--body-color:#27302c;--second-color:#fff;--container-color:#1d2521}.toggle__item{cursor:pointer;position:absolute;right:1rem;top:1.8rem}.toggle__icon{color:#fff;font-size:.8rem}.toggle__theme.react-toggle--checked .react-toggle-track{background-color:#4285f4;background-color:var(--first-color)}.toggle__theme.react-toggle--checked:hover:not(.react-toggle__disable) .react-toggle-track{background-color:#005a9c;background-color:var(--first-color-hover)}.toggle__theme.react-toggle--checked .react-toggle-thumb{border-color:#4285f4;border-color:var(--first-color)}.external__link:hover{border-bottom:1px solid}.section-title{color:#4285f4;color:var(--first-color);font-size:1.5rem;font-size:var(--medium-font-size);margin-bottom:2rem;margin-bottom:var(--mb-4);margin-top:1rem;margin-top:var(--mb-2);position:relative;text-align:center}.section-title:after{background-color:#4285f4;background-color:var(--first-color);content:"";height:.18rem;left:0;margin:auto;position:absolute;right:0;top:2.5rem;width:64px}.section{padding-bottom:2rem;padding-top:3rem}.bd-container{margin-left:1rem;margin-left:var(--mb-2);margin-right:1rem;margin-right:var(--mb-2);max-width:1024px;width:calc(100% - 2rem)}.bd-grid{grid-column-gap:2rem;display:grid;grid-template-columns:100%}.l-header{background-color:#fff;background-color:var(--container-color);box-shadow:0 1px 4px #92a1b026;left:0;position:fixed;top:0;width:100%;z-index:100;z-index:var(--z-fixed)}.nav{align-items:center;display:flex;font-weight:600;font-weight:var(--font-semi);height:3rem;height:var(--header-height);justify-content:space-between}@media screen and (max-width:768px){.nav__menu{background-color:#fff;background-color:var(--container-color);box-shadow:-1px 0 4px #92a1b026;height:100%;padding:2rem;position:fixed;right:-100%;top:3rem;top:var(--header-height);transition:.5s;width:80%}}.nav__item{margin-bottom:2rem;margin-bottom:var(--mb-4)}.nav__link{color:#0e2431;color:var(--second-color)}.nav__link,.nav__link:hover{position:relative}.nav__link:hover:after{background-color:#4285f4;background-color:var(--first-color);content:"";height:.18rem;left:0;position:absolute;top:2rem;width:100%}.nav__logo,.nav__toggle{color:#0e2431;color:var(--second-color)}.nav__toggle{cursor:pointer;font-size:1.5rem}.active:after{background-color:#4285f4;background-color:var(--first-color);content:"";height:.18rem;left:0;position:absolute;top:2rem;width:100%}.show{right:0}.home{height:calc(100vh - 3rem);row-gap:1rem}.home__data{align-self:center;margin-top:3rem;margin-top:var(--mb-6)}.home__data,.home__intro{margin-bottom:1.5rem;margin-bottom:var(--mb-3)}.home__title{font-size:2rem;font-size:var(--big-font-size)}.home__title-color{color:#4285f4;color:var(--first-color)}.home__content{font-size:1.5rem;font-size:var(--medium-font-size);font-weight:600;font-weight:var(--font-semi)}.home__social{display:flex;flex-direction:column}.home__social-icon{color:#0e2431;color:var(--second-color);font-size:1.5rem;margin-bottom:1rem;margin-bottom:var(--mb-2);width:-webkit-max-content;width:max-content}.home__social-icon:hover{color:#4285f4;color:var(--first-color)}.home__img{bottom:0;position:absolute;right:0;width:295px}.home__button{background-color:#4285f4;background-color:var(--first-color);border-radius:.5rem;color:#fff;display:inline-block;font-weight:600;font-weight:var(--font-semi);padding:.75rem 2.5rem}.home__button:hover{background-color:#005a9c;background-color:var(--first-color-hover)}.about__container{row-gap:2rem}.about__subtitle{margin-bottom:1rem;margin-bottom:var(--mb-2);text-align:center}.about__img{justify-self:center}.about__img img{border-radius:.5rem;width:200px}.skills__container{row-gap:2rem}.skills__subtitle{text-align:center}.skills__data{align-items:center;background-color:#fff;background-color:var(--container-color);border-radius:.5rem;box-shadow:0 2px 4px 0 #0003;display:flex;font-weight:600;font-weight:var(--font-semi);justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--mb-2);padding:.5rem 1rem;position:relative;text-align:left}.skills__icon{color:#4285f4;color:var(--first-color);font-size:2rem;margin-right:1rem;margin-right:var(--mb-2)}.skills__names{align-items:center;display:flex}.skills__bar{background-color:#4285f4;background-color:var(--first-color);border-radius:.5rem;bottom:0;height:.25rem;left:0;position:absolute;z-index:-10;z-index:var(--z-back)}.skills__html{width:95%}.skills__css{width:85%}.skills__js{width:65%}.skills__ux{width:85%}.skills__img{border-radius:.5rem}.project__container,.work__container{background:#fff;background:var(--container-color);border:1px solid rgba(0,0,0,.125);border-radius:.25rem;box-shadow:0 2px 4px 0 #0003;margin-top:2rem;margin-top:var(--mb-4);overflow:hidden;padding:1em;text-overflow:ellipsis}.footer{background-color:#1d2521;color:#fff;font-weight:600;font-weight:var(--font-semi);padding:2rem 0;text-align:center}.footer__title{font-size:2rem}.footer__social,.footer__title{margin-bottom:2rem;margin-bottom:var(--mb-4)}.footer__icon{color:#fff;font-size:1.5rem;margin:0 1rem;margin:0 var(--mb-2)}@media screen and (min-width:768px){body{margin:0}.section-title:after{top:3rem;width:80px}.nav{height:4rem;height:calc(var(--header-height) + 1rem)}.nav__list{display:flex;padding-top:0}.nav__item{margin-bottom:0;margin-left:3rem;margin-left:var(--mb-6)}.nav__toggle{display:none}.nav__link,.toggle__item{color:#0e2431;color:var(--second-color)}.toggle__item{margin-left:3rem;margin-left:var(--mb-6);position:static}.home{align-items:center;grid-template-columns:2fr 1fr;height:100vh;text-align:left;text-align:initial}.home__data{align-self:flex-end;margin-bottom:3rem;margin-bottom:var(--mb-6);margin-top:0}.home__intro{margin-bottom:2.5rem;margin-bottom:var(--mb-5)}.home__social{align-self:flex-end;flex-direction:row;padding-bottom:2.5rem;padding-top:0}.home__social-icon{margin-bottom:0;margin-right:2rem;margin-right:var(--mb-4)}.home__img{bottom:15%;width:457px}.about__container,.skills__container{align-items:center;grid-template-columns:repeat(2,1fr);text-align:left;text-align:initial}.about__img img{width:300px}.about__subtitle,.skills__subtitle{text-align:left;text-align:initial}}@media screen and (min-width:1024px){.bd-container{margin-left:auto;margin-right:auto}.home__img{right:10%}.project__text,.work__text{margin-left:2rem;margin-right:2rem}} -/*# sourceMappingURL=main.9187e0d1.css.map*/ \ No newline at end of file +@import url(https://cdn.jsdelivr.net/npm/boxicons@2.0.5/css/boxicons.min.css);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap);.react-toggle{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;background-color:initial;border:0;cursor:pointer;display:inline-block;padding:0;position:relative;touch-action:pan-x;-webkit-user-select:none;user-select:none}.react-toggle-screenreader-only{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.react-toggle--disabled{cursor:not-allowed;opacity:.5;transition:opacity .25s}.react-toggle-track{background-color:#4d4d4d;border-radius:30px;height:24px;padding:0;transition:all .2s ease;width:50px}.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#000}.react-toggle--checked .react-toggle-track{background-color:#19ab27}.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#128d15}.react-toggle-track-check{bottom:0;height:10px;left:8px;line-height:0;margin-bottom:auto;margin-top:auto;opacity:0;position:absolute;top:0;transition:opacity .25s ease;width:14px}.react-toggle--checked .react-toggle-track-check,.react-toggle-track-x{opacity:1;transition:opacity .25s ease}.react-toggle-track-x{bottom:0;height:10px;line-height:0;margin-bottom:auto;margin-top:auto;position:absolute;right:10px;top:0;width:10px}.react-toggle--checked .react-toggle-track-x{opacity:0}.react-toggle-thumb{background-color:#fafafa;border:1px solid #4d4d4d;border-radius:50%;box-sizing:border-box;height:22px;left:1px;position:absolute;top:1px;transition:all .5s cubic-bezier(.23,1,.32,1) 0ms;transition:all .25s ease;width:22px}.react-toggle--checked .react-toggle-thumb{border-color:#19ab27;left:27px}.react-toggle--focus .react-toggle-thumb{box-shadow:0 0 2px 3px #0099e0}.react-toggle:active:not(.react-toggle--disabled) .react-toggle-thumb{box-shadow:0 0 5px 5px #0099e0}:root{--header-height:3rem;--font-semi:600;--body-color:#fff;--first-color:#4285f4;--first-color-hover:#005a9c;--second-color:#0e2431;--container-color:#fff;--link-color:#408bd0;--body-font:"Poppins",sans-serif;--big-font-size:2rem;--medium-font-size:1.5rem;--normal-font-size:0.938rem;--mb-1:0.5rem;--mb-2:1rem;--mb-3:1.5rem;--mb-4:2rem;--mb-5:2.5rem;--mb-6:3rem;--z-back:-10;--z-normal:1;--z-tooltip:10;--z-fixed:100}@media screen and (min-width:768px){:root{--big-font-size:3.5rem;--medium-font-size:2rem;--normal-font-size:1rem}}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:#fff;background-color:var(--body-color);color:#0e2431;color:var(--second-color);font-family:Poppins,sans-serif;font-family:var(--body-font);font-size:.938rem;font-size:var(--normal-font-size);margin:3rem 0 0;margin:var(--header-height) 0 0 0;transition:all .2s ease-in-out}h1,h2,h3,p,ul{margin:0}ul{list-style:none;padding:0}a{color:#408bd0;color:var(--link-color);text-decoration:none}img{display:block;height:auto;max-width:100%}body.dark__theme{--body-color:#27302c;--second-color:#fff;--container-color:#1d2521}.toggle__item{cursor:pointer;position:absolute;right:1rem;top:1.8rem}.toggle__icon{color:#fff;font-size:.8rem}.toggle__theme.react-toggle--checked .react-toggle-track{background-color:#4285f4;background-color:var(--first-color)}.toggle__theme.react-toggle--checked:hover:not(.react-toggle__disable) .react-toggle-track{background-color:#005a9c;background-color:var(--first-color-hover)}.toggle__theme.react-toggle--checked .react-toggle-thumb{border-color:#4285f4;border-color:var(--first-color)}.external__link:hover{border-bottom:1px solid}.section-title{color:#4285f4;color:var(--first-color);font-size:1.5rem;font-size:var(--medium-font-size);margin-bottom:2rem;margin-bottom:var(--mb-4);margin-top:1rem;margin-top:var(--mb-2);position:relative;text-align:center}.section-title:after{background-color:#4285f4;background-color:var(--first-color);content:"";height:.18rem;left:0;margin:auto;position:absolute;right:0;top:2.5rem;width:64px}.section{padding-bottom:2rem;padding-top:3rem}.bd-container{margin-left:1rem;margin-left:var(--mb-2);margin-right:1rem;margin-right:var(--mb-2);max-width:1024px;width:calc(100% - 2rem)}.bd-grid{grid-column-gap:2rem;display:grid;grid-template-columns:100%}.l-header{background-color:#fff;background-color:var(--container-color);box-shadow:0 1px 4px #92a1b026;left:0;position:fixed;top:0;width:100%;z-index:100;z-index:var(--z-fixed)}.nav{align-items:center;display:flex;font-weight:600;font-weight:var(--font-semi);height:3rem;height:var(--header-height);justify-content:space-between}@media screen and (max-width:768px){.nav__menu{background-color:#fff;background-color:var(--container-color);box-shadow:-1px 0 4px #92a1b026;height:100%;padding:2rem;position:fixed;right:-100%;top:3rem;top:var(--header-height);transition:.5s;width:80%}}.nav__item{margin-bottom:2rem;margin-bottom:var(--mb-4)}.nav__link{color:#0e2431;color:var(--second-color)}.nav__link,.nav__link:hover{position:relative}.nav__link:hover:after{background-color:#4285f4;background-color:var(--first-color);content:"";height:.18rem;left:0;position:absolute;top:2rem;width:100%}.nav__logo,.nav__toggle{color:#0e2431;color:var(--second-color)}.nav__toggle{cursor:pointer;font-size:1.5rem}.active:after{background-color:#4285f4;background-color:var(--first-color);content:"";height:.18rem;left:0;position:absolute;top:2rem;width:100%}.show{right:0}.home{height:calc(100vh - 3rem);row-gap:1rem}.home__data{align-self:center;margin-top:3rem;margin-top:var(--mb-6)}.home__data,.home__intro{margin-bottom:1.5rem;margin-bottom:var(--mb-3)}.home__title{font-size:2rem;font-size:var(--big-font-size)}.home__title-color{color:#4285f4;color:var(--first-color)}.home__content{font-size:1.5rem;font-size:var(--medium-font-size);font-weight:600;font-weight:var(--font-semi)}.home__social{display:flex;flex-direction:column}.home__social-icon{color:#0e2431;color:var(--second-color);font-size:1.5rem;margin-bottom:1rem;margin-bottom:var(--mb-2);width:-webkit-max-content;width:max-content}.home__social-icon:hover{color:#4285f4;color:var(--first-color)}.home__img{bottom:0;position:absolute;right:0;width:295px}.home__button{background-color:#4285f4;background-color:var(--first-color);border-radius:.5rem;color:#fff;display:inline-block;font-weight:600;font-weight:var(--font-semi);padding:.75rem 2.5rem}.home__button:hover{background-color:#005a9c;background-color:var(--first-color-hover)}.about__container{row-gap:2rem}.about__subtitle{margin-bottom:1rem;margin-bottom:var(--mb-2);text-align:center}.about__img{justify-self:center}.about__img img{border-radius:.5rem;width:200px}.skills__container{row-gap:1.5rem;row-gap:var(--mb-3)}.skills__subtitle{text-align:center}.skills__list{grid-gap:1.5rem;grid-gap:var(--mb-3);display:grid;gap:1.5rem;gap:var(--mb-3)}.skills__data{align-items:center;background-color:#fff;background-color:var(--container-color);border-radius:.5rem;box-shadow:0 2px 4px 0 #0003;display:flex;font-weight:600;font-weight:var(--font-semi);justify-content:space-between;padding:.5rem 1rem;position:relative;text-align:left}.skills__icon{color:#4285f4;color:var(--first-color);font-size:2rem;margin-right:1rem;margin-right:var(--mb-2)}.skills__names{align-items:center;display:flex}.skills__bar{background-color:#4285f4;background-color:var(--first-color);border-radius:.5rem;bottom:0;height:.25rem;left:0;position:absolute;z-index:-10;z-index:var(--z-back)}.skills__html{width:95%}.skills__css{width:85%}.skills__js{width:65%}.skills__ux{width:85%}.skills__img{border-radius:.5rem}.project__container,.work__container{background:#fff;background:var(--container-color);border:1px solid rgba(0,0,0,.125);border-radius:.25rem;box-shadow:0 2px 4px 0 #0003;overflow:hidden;padding:1em;text-overflow:ellipsis}.project__list{grid-gap:3rem;grid-gap:var(--mb-6);display:grid;gap:3rem;gap:var(--mb-6)}.project__text{margin-left:1rem;margin-left:var(--mb-2);margin-right:1rem;margin-right:var(--mb-2)}.work__grid{display:grid;grid-template-columns:25% 75%}.work__img{margin:auto;width:60px}.work__text{margin:1rem;margin:var(--mb-2)}.work__list{grid-gap:2rem;grid-gap:var(--mb-4);display:grid;gap:2rem;gap:var(--mb-4);grid-auto-rows:1fr}.footer{background-color:#1d2521;color:#fff;font-weight:600;font-weight:var(--font-semi);padding:2rem 0;text-align:center}.footer__title{font-size:2rem}.footer__social,.footer__title{margin-bottom:2rem;margin-bottom:var(--mb-4)}.footer__icon{color:#fff;font-size:1.5rem;margin:0 1rem;margin:0 var(--mb-2)}@media screen and (min-width:768px){body{margin:0}.section-title:after{top:3rem;width:80px}.nav{height:4rem;height:calc(var(--header-height) + 1rem)}.nav__list{display:flex;padding-top:0}.nav__item{margin-bottom:0;margin-left:3rem;margin-left:var(--mb-6)}.nav__toggle{display:none}.nav__link,.toggle__item{color:#0e2431;color:var(--second-color)}.toggle__item{margin-left:3rem;margin-left:var(--mb-6);position:static}.home{align-items:center;grid-template-columns:2fr 1fr;height:100vh;text-align:left;text-align:initial}.home__data{align-self:flex-end;margin-bottom:3rem;margin-bottom:var(--mb-6);margin-top:0}.home__intro{margin-bottom:2.5rem;margin-bottom:var(--mb-5)}.home__social{align-self:flex-end;flex-direction:row;padding-bottom:2.5rem;padding-top:0}.home__social-icon{margin-bottom:0;margin-right:2rem;margin-right:var(--mb-4)}.home__img{bottom:15%;width:457px}.about__container,.skills__container{align-items:center;grid-template-columns:repeat(2,1fr);text-align:left;text-align:initial}.about__img img{width:300px}.about__subtitle,.skills__subtitle{text-align:left;text-align:initial}.work__list{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:1024px){.bd-container{margin-left:auto;margin-right:auto}.home__img{right:10%}} +/*# sourceMappingURL=main.1e4767e8.css.map*/ \ No newline at end of file diff --git a/static/css/main.1e4767e8.css.map b/static/css/main.1e4767e8.css.map new file mode 100644 index 0000000..a05731b --- /dev/null +++ b/static/css/main.1e4767e8.css.map @@ -0,0 +1 @@ +{"version":3,"file":"static/css/main.1e4767e8.css","mappings":"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","sources":["../node_modules/react-toggle/style.css","styles/index.css"],"sourcesContent":[".react-toggle {\n touch-action: pan-x;\n\n display: inline-block;\n position: relative;\n cursor: pointer;\n background-color: transparent;\n border: 0;\n padding: 0;\n\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n\n -webkit-tap-highlight-color: rgba(0,0,0,0);\n -webkit-tap-highlight-color: transparent;\n}\n\n.react-toggle-screenreader-only {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n}\n\n.react-toggle--disabled {\n cursor: not-allowed;\n opacity: 0.5;\n -webkit-transition: opacity 0.25s;\n transition: opacity 0.25s;\n}\n\n.react-toggle-track {\n width: 50px;\n height: 24px;\n padding: 0;\n border-radius: 30px;\n background-color: #4D4D4D;\n -webkit-transition: all 0.2s ease;\n -moz-transition: all 0.2s ease;\n transition: all 0.2s ease;\n}\n\n.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track {\n background-color: #000000;\n}\n\n.react-toggle--checked .react-toggle-track {\n background-color: #19AB27;\n}\n\n.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {\n background-color: #128D15;\n}\n\n.react-toggle-track-check {\n position: absolute;\n width: 14px;\n height: 10px;\n top: 0px;\n bottom: 0px;\n margin-top: auto;\n margin-bottom: auto;\n line-height: 0;\n left: 8px;\n opacity: 0;\n -webkit-transition: opacity 0.25s ease;\n -moz-transition: opacity 0.25s ease;\n transition: opacity 0.25s ease;\n}\n\n.react-toggle--checked .react-toggle-track-check {\n opacity: 1;\n -webkit-transition: opacity 0.25s ease;\n -moz-transition: opacity 0.25s ease;\n transition: opacity 0.25s ease;\n}\n\n.react-toggle-track-x {\n position: absolute;\n width: 10px;\n height: 10px;\n top: 0px;\n bottom: 0px;\n margin-top: auto;\n margin-bottom: auto;\n line-height: 0;\n right: 10px;\n opacity: 1;\n -webkit-transition: opacity 0.25s ease;\n -moz-transition: opacity 0.25s ease;\n transition: opacity 0.25s ease;\n}\n\n.react-toggle--checked .react-toggle-track-x {\n opacity: 0;\n}\n\n.react-toggle-thumb {\n transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0ms;\n position: absolute;\n top: 1px;\n left: 1px;\n width: 22px;\n height: 22px;\n border: 1px solid #4D4D4D;\n border-radius: 50%;\n background-color: #FAFAFA;\n\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n\n -webkit-transition: all 0.25s ease;\n -moz-transition: all 0.25s ease;\n transition: all 0.25s ease;\n}\n\n.react-toggle--checked .react-toggle-thumb {\n left: 27px;\n border-color: #19AB27;\n}\n\n.react-toggle--focus .react-toggle-thumb {\n -webkit-box-shadow: 0px 0px 3px 2px #0099E0;\n -moz-box-shadow: 0px 0px 3px 2px #0099E0;\n box-shadow: 0px 0px 2px 3px #0099E0;\n}\n\n.react-toggle:active:not(.react-toggle--disabled) .react-toggle-thumb {\n -webkit-box-shadow: 0px 0px 5px 5px #0099E0;\n -moz-box-shadow: 0px 0px 5px 5px #0099E0;\n box-shadow: 0px 0px 5px 5px #0099E0;\n}\n","/*===== BOX ICONS =====*/\n@import url(\"https://cdn.jsdelivr.net/npm/boxicons@2.0.5/css/boxicons.min.css\");\n/*===== GOOGLE FONTS =====*/\n@import url(\"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap\");\n/*===== REACT TOGGLE =====*/\n@import url(\"react-toggle/style.css\");\n\n:root {\n /*===== Variables CSS =====*/\n --header-height: 3rem;\n --font-semi: 600;\n /*===== Colores =====*/\n --body-color: #ffffff;\n --first-color: #4285f4;\n --first-color-hover: #005a9c;\n --second-color: #0e2431;\n --container-color: #ffffff;\n --link-color: #408bd0;\n /*===== Fuente y tipografia =====*/\n --body-font: \"Poppins\", sans-serif;\n --big-font-size: 2rem;\n --medium-font-size: 1.5rem;\n --normal-font-size: 0.938rem;\n /*===== Margenes =====*/\n --mb-1: 0.5rem;\n --mb-2: 1rem;\n --mb-3: 1.5rem;\n --mb-4: 2rem;\n --mb-5: 2.5rem;\n --mb-6: 3rem;\n /*===== z index =====*/\n --z-back: -10;\n --z-normal: 1;\n --z-tooltip: 10;\n --z-fixed: 100;\n}\n@media screen and (min-width: 768px) {\n :root {\n --big-font-size: 3.5rem;\n --medium-font-size: 2rem;\n --normal-font-size: 1rem;\n }\n}\n\n/*===== BASE =====*/\n*,\n::before,\n::after {\n box-sizing: border-box;\n}\nhtml {\n scroll-behavior: smooth;\n}\nbody {\n margin: var(--header-height) 0 0 0;\n font-family: var(--body-font);\n font-size: var(--normal-font-size);\n color: var(--second-color);\n background-color: var(--body-color);\n transition: all 0.2s ease-in-out;\n}\nh1,\nh2,\nh3,\np {\n margin: 0;\n}\nul {\n margin: 0;\n padding: 0;\n list-style: none;\n}\na {\n text-decoration: none;\n color: var(--link-color);\n}\nimg {\n max-width: 100%;\n height: auto;\n display: block;\n}\n\n/*========== Variables Dark theme ==========*/\nbody.dark__theme {\n --body-color: #27302c;\n --second-color: #ffffff;\n --container-color: #1d2521;\n}\n\n/*========== Toggle Dark/Light ==========*/\n.toggle__item {\n position: absolute;\n right: 1rem;\n top: 1.8rem;\n cursor: pointer;\n}\n.toggle__icon {\n color: #ffffff;\n font-size: 0.8rem;\n}\n.toggle__theme.react-toggle--checked .react-toggle-track {\n background-color: var(--first-color);\n}\n.toggle__theme.react-toggle--checked:hover:not(.react-toggle__disable)\n .react-toggle-track {\n background-color: var(--first-color-hover);\n}\n.toggle__theme.react-toggle--checked .react-toggle-thumb {\n border-color: var(--first-color);\n}\n\n/*========== External link ==========*/\n.external__link:hover {\n border-bottom: 1px solid;\n}\n\n/*===== CLASS CSS ===== */\n.section-title {\n position: relative;\n font-size: var(--medium-font-size);\n color: var(--first-color);\n margin-top: var(--mb-2);\n margin-bottom: var(--mb-4);\n text-align: center;\n}\n.section-title::after {\n position: absolute;\n content: \"\";\n width: 64px;\n height: 0.18rem;\n left: 0;\n right: 0;\n margin: auto;\n top: 2.5rem;\n background-color: var(--first-color);\n}\n.section {\n padding-top: 3rem;\n padding-bottom: 2rem;\n}\n\n/*===== LAYOUT =====*/\n.bd-container {\n max-width: 1024px;\n width: calc(100% - 2rem);\n margin-left: var(--mb-2);\n margin-right: var(--mb-2);\n}\n.bd-grid {\n display: grid;\n grid-template-columns: 100%;\n grid-column-gap: 2rem;\n}\n.l-header {\n width: 100%;\n position: fixed;\n top: 0;\n left: 0;\n z-index: var(--z-fixed);\n background-color: var(--container-color);\n box-shadow: 0 1px 4px rgba(146, 161, 176, 0.15);\n}\n\n/*===== NAV =====*/\n.nav {\n height: var(--header-height);\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-weight: var(--font-semi);\n}\n@media screen and (max-width: 768px) {\n .nav__menu {\n position: fixed;\n top: var(--header-height);\n right: -100%;\n width: 80%;\n height: 100%;\n padding: 2rem;\n background-color: var(--container-color);\n transition: 0.5s;\n box-shadow: -1px 0 4px rgba(146, 161, 176, 0.15);\n }\n}\n.nav__item {\n margin-bottom: var(--mb-4);\n}\n.nav__link {\n position: relative;\n color: var(--second-color);\n}\n.nav__link:hover {\n position: relative;\n}\n.nav__link:hover::after {\n position: absolute;\n content: \"\";\n width: 100%;\n height: 0.18rem;\n left: 0;\n top: 2rem;\n background-color: var(--first-color);\n}\n.nav__logo {\n color: var(--second-color);\n}\n.nav__toggle {\n color: var(--second-color);\n font-size: 1.5rem;\n cursor: pointer;\n}\n\n/*Active menu*/\n.active::after {\n position: absolute;\n content: \"\";\n width: 100%;\n height: 0.18rem;\n left: 0;\n top: 2rem;\n background-color: var(--first-color);\n}\n\n/*=== Show menu ===*/\n.show {\n right: 0;\n}\n\n/*===== HOME =====*/\n.home {\n height: calc(100vh - 3rem);\n row-gap: 1rem;\n}\n.home__data {\n align-self: center;\n margin-top: var(--mb-6);\n margin-bottom: var(--mb-3);\n}\n.home__intro {\n margin-bottom: var(--mb-3);\n}\n.home__title {\n font-size: var(--big-font-size);\n}\n.home__title-color {\n color: var(--first-color);\n}\n.home__content {\n font-weight: var(--font-semi);\n font-size: var(--medium-font-size);\n}\n.home__social {\n display: flex;\n flex-direction: column;\n}\n.home__social-icon {\n width: max-content;\n margin-bottom: var(--mb-2);\n font-size: 1.5rem;\n color: var(--second-color);\n}\n.home__social-icon:hover {\n color: var(--first-color);\n}\n.home__img {\n position: absolute;\n right: 0;\n bottom: 0;\n width: 295px;\n}\n\n/*===== HOME BUTTON =====*/\n.home__button {\n display: inline-block;\n background-color: var(--first-color);\n color: #fff;\n padding: 0.75rem 2.5rem;\n font-weight: var(--font-semi);\n border-radius: 0.5rem;\n}\n.home__button:hover {\n background-color: var(--first-color-hover);\n}\n\n/* ===== ABOUT =====*/\n.about__container {\n row-gap: 2rem;\n}\n.about__subtitle {\n margin-bottom: var(--mb-2);\n text-align: center;\n}\n.about__img {\n justify-self: center;\n}\n.about__img img {\n width: 200px;\n border-radius: 0.5rem;\n}\n\n/* ===== SKILLS =====*/\n.skills__container {\n row-gap: var(--mb-3);\n}\n.skills__subtitle {\n text-align: center;\n}\n.skills__list {\n display: grid;\n gap: var(--mb-3);\n}\n.skills__data {\n display: flex;\n justify-content: space-between;\n align-items: center;\n position: relative;\n font-weight: var(--font-semi);\n padding: 0.5rem 1rem;\n border-radius: 0.5rem;\n box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);\n text-align: left;\n background-color: var(--container-color);\n}\n.skills__icon {\n font-size: 2rem;\n margin-right: var(--mb-2);\n color: var(--first-color);\n}\n.skills__names {\n display: flex;\n align-items: center;\n}\n.skills__bar {\n position: absolute;\n left: 0;\n bottom: 0;\n background-color: var(--first-color);\n height: 0.25rem;\n border-radius: 0.5rem;\n z-index: var(--z-back);\n}\n.skills__html {\n width: 95%;\n}\n.skills__css {\n width: 85%;\n}\n.skills__js {\n width: 65%;\n}\n.skills__ux {\n width: 85%;\n}\n.skills__img {\n border-radius: 0.5rem;\n}\n\n/* ===== PROJECTS & WORK =====*/\n.project__container,\n.work__container {\n overflow: hidden;\n text-overflow: ellipsis;\n background: var(--container-color);\n box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);\n border: 1px solid rgba(0, 0, 0, 0.125);\n border-radius: 0.25rem;\n padding: 1em;\n}\n.project__list {\n display: grid;\n gap: var(--mb-6);\n}\n.project__text {\n margin-left: var(--mb-2);\n margin-right: var(--mb-2);\n}\n.work__grid {\n display: grid;\n grid-template-columns: 25% 75%;\n}\n.work__img {\n width: 60px;\n margin: auto;\n}\n.work__text {\n margin: var(--mb-2);\n}\n.work__list {\n display: grid;\n gap: var(--mb-4);\n grid-auto-rows: 1fr;\n}\n/* .work__list {\n display: flex;\n flex-wrap: wrap;\n gap: var(--mb-6);\n justify-content: center;\n margin-top: var(--mb-4)\n}\n.work__list > div {\n width: 100%;\n} */\n\n/* ===== FOOTER =====*/\n.footer {\n background-color: #1d2521;\n color: #ffffff;\n text-align: center;\n font-weight: var(--font-semi);\n padding: 2rem 0;\n}\n.footer__title {\n font-size: 2rem;\n margin-bottom: var(--mb-4);\n}\n.footer__social {\n margin-bottom: var(--mb-4);\n}\n.footer__icon {\n font-size: 1.5rem;\n color: #ffffff;\n margin: 0 var(--mb-2);\n}\n\n/* ===== MEDIA QUERIES=====*/\n@media screen and (min-width: 768px) {\n body {\n margin: 0;\n }\n .section-title::after {\n width: 80px;\n top: 3rem;\n }\n\n .nav {\n height: calc(var(--header-height) + 1rem);\n }\n .nav__list {\n display: flex;\n padding-top: 0;\n }\n .nav__item {\n margin-left: var(--mb-6);\n margin-bottom: 0;\n }\n .nav__toggle {\n display: none;\n }\n .nav__link {\n color: var(--second-color);\n }\n\n .toggle__item {\n position: initial;\n color: var(--second-color);\n margin-left: var(--mb-6);\n }\n\n .home {\n height: 100vh;\n grid-template-columns: 2fr 1fr;\n align-items: center;\n text-align: initial;\n }\n .home__data {\n align-self: flex-end;\n margin-top: 0;\n margin-bottom: var(--mb-6);\n }\n .home__intro {\n margin-bottom: var(--mb-5);\n }\n .home__social {\n padding-top: 0;\n padding-bottom: 2.5rem;\n flex-direction: row;\n align-self: flex-end;\n }\n .home__social-icon {\n margin-bottom: 0;\n margin-right: var(--mb-4);\n }\n .home__img {\n width: 457px;\n bottom: 15%;\n }\n\n .about__container,\n .skills__container {\n grid-template-columns: repeat(2, 1fr);\n align-items: center;\n text-align: initial;\n }\n .about__img img {\n width: 300px;\n }\n\n .about__subtitle,\n .skills__subtitle {\n text-align: initial;\n }\n\n .work__list {\n grid-template-columns: repeat(2, 1fr);\n }\n /* .work__list > div {\n width: 45%;\n } */\n}\n\n@media screen and (min-width: 1024px) {\n .bd-container {\n margin-left: auto;\n margin-right: auto;\n }\n .home__img {\n right: 10%;\n }\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/css/main.9187e0d1.css.map b/static/css/main.9187e0d1.css.map deleted file mode 100644 index 9035a3d..0000000 --- a/static/css/main.9187e0d1.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"static/css/main.9187e0d1.css","mappings":"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","sources":["../node_modules/react-toggle/style.css","styles/index.css"],"sourcesContent":[".react-toggle {\n touch-action: pan-x;\n\n display: inline-block;\n position: relative;\n cursor: pointer;\n background-color: transparent;\n border: 0;\n padding: 0;\n\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n\n -webkit-tap-highlight-color: rgba(0,0,0,0);\n -webkit-tap-highlight-color: transparent;\n}\n\n.react-toggle-screenreader-only {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n}\n\n.react-toggle--disabled {\n cursor: not-allowed;\n opacity: 0.5;\n -webkit-transition: opacity 0.25s;\n transition: opacity 0.25s;\n}\n\n.react-toggle-track {\n width: 50px;\n height: 24px;\n padding: 0;\n border-radius: 30px;\n background-color: #4D4D4D;\n -webkit-transition: all 0.2s ease;\n -moz-transition: all 0.2s ease;\n transition: all 0.2s ease;\n}\n\n.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track {\n background-color: #000000;\n}\n\n.react-toggle--checked .react-toggle-track {\n background-color: #19AB27;\n}\n\n.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {\n background-color: #128D15;\n}\n\n.react-toggle-track-check {\n position: absolute;\n width: 14px;\n height: 10px;\n top: 0px;\n bottom: 0px;\n margin-top: auto;\n margin-bottom: auto;\n line-height: 0;\n left: 8px;\n opacity: 0;\n -webkit-transition: opacity 0.25s ease;\n -moz-transition: opacity 0.25s ease;\n transition: opacity 0.25s ease;\n}\n\n.react-toggle--checked .react-toggle-track-check {\n opacity: 1;\n -webkit-transition: opacity 0.25s ease;\n -moz-transition: opacity 0.25s ease;\n transition: opacity 0.25s ease;\n}\n\n.react-toggle-track-x {\n position: absolute;\n width: 10px;\n height: 10px;\n top: 0px;\n bottom: 0px;\n margin-top: auto;\n margin-bottom: auto;\n line-height: 0;\n right: 10px;\n opacity: 1;\n -webkit-transition: opacity 0.25s ease;\n -moz-transition: opacity 0.25s ease;\n transition: opacity 0.25s ease;\n}\n\n.react-toggle--checked .react-toggle-track-x {\n opacity: 0;\n}\n\n.react-toggle-thumb {\n transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0ms;\n position: absolute;\n top: 1px;\n left: 1px;\n width: 22px;\n height: 22px;\n border: 1px solid #4D4D4D;\n border-radius: 50%;\n background-color: #FAFAFA;\n\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n\n -webkit-transition: all 0.25s ease;\n -moz-transition: all 0.25s ease;\n transition: all 0.25s ease;\n}\n\n.react-toggle--checked .react-toggle-thumb {\n left: 27px;\n border-color: #19AB27;\n}\n\n.react-toggle--focus .react-toggle-thumb {\n -webkit-box-shadow: 0px 0px 3px 2px #0099E0;\n -moz-box-shadow: 0px 0px 3px 2px #0099E0;\n box-shadow: 0px 0px 2px 3px #0099E0;\n}\n\n.react-toggle:active:not(.react-toggle--disabled) .react-toggle-thumb {\n -webkit-box-shadow: 0px 0px 5px 5px #0099E0;\n -moz-box-shadow: 0px 0px 5px 5px #0099E0;\n box-shadow: 0px 0px 5px 5px #0099E0;\n}\n","/*===== BOX ICONS =====*/\n@import url(\"https://cdn.jsdelivr.net/npm/boxicons@2.0.5/css/boxicons.min.css\");\n/*===== GOOGLE FONTS =====*/\n@import url(\"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap\");\n/*===== REACT TOGGLE =====*/\n@import url(\"react-toggle/style.css\");\n\n:root {\n /*===== Variables CSS =====*/\n --header-height: 3rem;\n --font-semi: 600;\n /*===== Colores =====*/\n --body-color: #ffffff;\n --first-color: #4285f4;\n --first-color-hover: #005a9c;\n --second-color: #0e2431;\n --container-color: #ffffff;\n --link-color: #408bd0;\n /*===== Fuente y tipografia =====*/\n --body-font: \"Poppins\", sans-serif;\n --big-font-size: 2rem;\n --medium-font-size: 1.5rem;\n --normal-font-size: 0.938rem;\n /*===== Margenes =====*/\n --mb-1: 0.5rem;\n --mb-2: 1rem;\n --mb-3: 1.5rem;\n --mb-4: 2rem;\n --mb-5: 2.5rem;\n --mb-6: 3rem;\n /*===== z index =====*/\n --z-back: -10;\n --z-normal: 1;\n --z-tooltip: 10;\n --z-fixed: 100;\n}\n@media screen and (min-width: 768px) {\n :root {\n --big-font-size: 3.5rem;\n --medium-font-size: 2rem;\n --normal-font-size: 1rem;\n }\n}\n\n/*===== BASE =====*/\n*,\n::before,\n::after {\n box-sizing: border-box;\n}\nhtml {\n scroll-behavior: smooth;\n}\nbody {\n margin: var(--header-height) 0 0 0;\n font-family: var(--body-font);\n font-size: var(--normal-font-size);\n color: var(--second-color);\n background-color: var(--body-color);\n transition: all 0.2s ease-in-out;\n}\nh1,\nh2,\nh3,\np {\n margin: 0;\n}\nul {\n margin: 0;\n padding: 0;\n list-style: none;\n}\na {\n text-decoration: none;\n color: var(--link-color);\n}\nimg {\n max-width: 100%;\n height: auto;\n display: block;\n}\n\n/*========== Variables Dark theme ==========*/\nbody.dark__theme {\n --body-color: #27302c;\n --second-color: #ffffff;\n --container-color: #1d2521;\n}\n\n/*========== Toggle Dark/Light ==========*/\n.toggle__item {\n position: absolute;\n right: 1rem;\n top: 1.8rem;\n cursor: pointer;\n}\n.toggle__icon {\n color: #ffffff;\n font-size: 0.8rem;\n}\n.toggle__theme.react-toggle--checked .react-toggle-track {\n background-color: var(--first-color);\n}\n.toggle__theme.react-toggle--checked:hover:not(.react-toggle__disable)\n .react-toggle-track {\n background-color: var(--first-color-hover);\n}\n.toggle__theme.react-toggle--checked .react-toggle-thumb {\n border-color: var(--first-color);\n}\n\n/*========== External link ==========*/\n.external__link:hover {\n border-bottom: 1px solid;\n}\n\n/*===== CLASS CSS ===== */\n.section-title {\n position: relative;\n font-size: var(--medium-font-size);\n color: var(--first-color);\n margin-top: var(--mb-2);\n margin-bottom: var(--mb-4);\n text-align: center;\n}\n.section-title::after {\n position: absolute;\n content: \"\";\n width: 64px;\n height: 0.18rem;\n left: 0;\n right: 0;\n margin: auto;\n top: 2.5rem;\n background-color: var(--first-color);\n}\n.section {\n padding-top: 3rem;\n padding-bottom: 2rem;\n}\n\n/*===== LAYOUT =====*/\n.bd-container {\n max-width: 1024px;\n width: calc(100% - 2rem);\n margin-left: var(--mb-2);\n margin-right: var(--mb-2);\n}\n.bd-grid {\n display: grid;\n grid-template-columns: 100%;\n grid-column-gap: 2rem;\n}\n.l-header {\n width: 100%;\n position: fixed;\n top: 0;\n left: 0;\n z-index: var(--z-fixed);\n background-color: var(--container-color);\n box-shadow: 0 1px 4px rgba(146, 161, 176, 0.15);\n}\n\n/*===== NAV =====*/\n.nav {\n height: var(--header-height);\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-weight: var(--font-semi);\n}\n@media screen and (max-width: 768px) {\n .nav__menu {\n position: fixed;\n top: var(--header-height);\n right: -100%;\n width: 80%;\n height: 100%;\n padding: 2rem;\n background-color: var(--container-color);\n transition: 0.5s;\n box-shadow: -1px 0 4px rgba(146, 161, 176, 0.15);\n }\n}\n.nav__item {\n margin-bottom: var(--mb-4);\n}\n.nav__link {\n position: relative;\n color: var(--second-color);\n}\n.nav__link:hover {\n position: relative;\n}\n.nav__link:hover::after {\n position: absolute;\n content: \"\";\n width: 100%;\n height: 0.18rem;\n left: 0;\n top: 2rem;\n background-color: var(--first-color);\n}\n.nav__logo {\n color: var(--second-color);\n}\n.nav__toggle {\n color: var(--second-color);\n font-size: 1.5rem;\n cursor: pointer;\n}\n\n/*Active menu*/\n.active::after {\n position: absolute;\n content: \"\";\n width: 100%;\n height: 0.18rem;\n left: 0;\n top: 2rem;\n background-color: var(--first-color);\n}\n\n/*=== Show menu ===*/\n.show {\n right: 0;\n}\n\n/*===== HOME =====*/\n.home {\n height: calc(100vh - 3rem);\n row-gap: 1rem;\n}\n.home__data {\n align-self: center;\n margin-top: var(--mb-6);\n margin-bottom: var(--mb-3);\n}\n.home__intro {\n margin-bottom: var(--mb-3);\n}\n.home__title {\n font-size: var(--big-font-size);\n}\n.home__title-color {\n color: var(--first-color);\n}\n.home__content {\n font-weight: var(--font-semi);\n font-size: var(--medium-font-size);\n}\n.home__social {\n display: flex;\n flex-direction: column;\n}\n.home__social-icon {\n width: max-content;\n margin-bottom: var(--mb-2);\n font-size: 1.5rem;\n color: var(--second-color);\n}\n.home__social-icon:hover {\n color: var(--first-color);\n}\n.home__img {\n position: absolute;\n right: 0;\n bottom: 0;\n width: 295px;\n}\n\n/*===== HOME BUTTON =====*/\n.home__button {\n display: inline-block;\n background-color: var(--first-color);\n color: #fff;\n padding: 0.75rem 2.5rem;\n font-weight: var(--font-semi);\n border-radius: 0.5rem;\n}\n.home__button:hover {\n background-color: var(--first-color-hover);\n}\n\n/* ===== ABOUT =====*/\n.about__container {\n row-gap: 2rem;\n}\n.about__subtitle {\n margin-bottom: var(--mb-2);\n text-align: center;\n}\n.about__img {\n justify-self: center;\n}\n.about__img img {\n width: 200px;\n border-radius: 0.5rem;\n}\n\n/* ===== SKILLS =====*/\n.skills__container {\n row-gap: 2rem;\n}\n.skills__subtitle {\n text-align: center;\n}\n.skills__data {\n display: flex;\n justify-content: space-between;\n align-items: center;\n position: relative;\n font-weight: var(--font-semi);\n padding: 0.5rem 1rem;\n margin-bottom: var(--mb-2);\n border-radius: 0.5rem;\n box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);\n text-align: left;\n background-color: var(--container-color);\n}\n.skills__icon {\n font-size: 2rem;\n margin-right: var(--mb-2);\n color: var(--first-color);\n}\n.skills__names {\n display: flex;\n align-items: center;\n}\n.skills__bar {\n position: absolute;\n left: 0;\n bottom: 0;\n background-color: var(--first-color);\n height: 0.25rem;\n border-radius: 0.5rem;\n z-index: var(--z-back);\n}\n.skills__html {\n width: 95%;\n}\n.skills__css {\n width: 85%;\n}\n.skills__js {\n width: 65%;\n}\n.skills__ux {\n width: 85%;\n}\n.skills__img {\n border-radius: 0.5rem;\n}\n\n/* ===== PROJECTS & WORK =====*/\n.project__container,\n.work__container {\n margin-top: var(--mb-4);\n overflow: hidden;\n text-overflow: ellipsis;\n background: var(--container-color);\n box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);\n border: 1px solid rgba(0, 0, 0, 0.125);\n border-radius: 0.25rem;\n padding: 1em;\n}\n\n/* ===== FOOTER =====*/\n.footer {\n background-color: #1d2521;\n color: #ffffff;\n text-align: center;\n font-weight: var(--font-semi);\n padding: 2rem 0;\n}\n.footer__title {\n font-size: 2rem;\n margin-bottom: var(--mb-4);\n}\n.footer__social {\n margin-bottom: var(--mb-4);\n}\n.footer__icon {\n font-size: 1.5rem;\n color: #ffffff;\n margin: 0 var(--mb-2);\n}\n\n/* ===== MEDIA QUERIES=====*/\n@media screen and (min-width: 768px) {\n body {\n margin: 0;\n }\n .section-title::after {\n width: 80px;\n top: 3rem;\n }\n\n .nav {\n height: calc(var(--header-height) + 1rem);\n }\n .nav__list {\n display: flex;\n padding-top: 0;\n }\n .nav__item {\n margin-left: var(--mb-6);\n margin-bottom: 0;\n }\n .nav__toggle {\n display: none;\n }\n .nav__link {\n color: var(--second-color);\n }\n\n .toggle__item {\n position: initial;\n color: var(--second-color);\n margin-left: var(--mb-6);\n }\n\n .home {\n height: 100vh;\n grid-template-columns: 2fr 1fr;\n align-items: center;\n text-align: initial;\n }\n .home__data {\n align-self: flex-end;\n margin-top: 0;\n margin-bottom: var(--mb-6);\n }\n .home__intro {\n margin-bottom: var(--mb-5);\n }\n .home__social {\n padding-top: 0;\n padding-bottom: 2.5rem;\n flex-direction: row;\n align-self: flex-end;\n }\n .home__social-icon {\n margin-bottom: 0;\n margin-right: var(--mb-4);\n }\n .home__img {\n width: 457px;\n bottom: 15%;\n }\n\n .about__container,\n .skills__container {\n grid-template-columns: repeat(2, 1fr);\n align-items: center;\n text-align: initial;\n }\n .about__img img {\n width: 300px;\n }\n\n .about__subtitle,\n .skills__subtitle {\n text-align: initial;\n }\n}\n\n@media screen and (min-width: 1024px) {\n .bd-container {\n margin-left: auto;\n margin-right: auto;\n }\n .home__img {\n right: 10%;\n }\n .project__text,\n .work__text {\n margin-left: 2rem;\n margin-right: 2rem;\n }\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/js/main.1240d0b2.js b/static/js/main.1240d0b2.js new file mode 100644 index 0000000..3bbd33d --- /dev/null +++ b/static/js/main.1240d0b2.js @@ -0,0 +1,3 @@ +/*! For license information please see main.1240d0b2.js.LICENSE.txt */ +(()=>{var e={694:(e,t)=>{var n;!function(){"use strict";var r={}.hasOwnProperty;function i(){for(var e=[],t=0;t{"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(i){return!1}}()?Object.assign:function(e,i){for(var a,l,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 i(){}function a(){}a.resetWarningCache=i,e.exports=function(){function e(e,t,n,i,a,l){if(l!==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:a,resetWarningCache:i};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),i=n(725),a=n(296);function l(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n