diff --git a/css/style.css b/css/style.css index a2436a4..547d50e 100644 --- a/css/style.css +++ b/css/style.css @@ -1 +1 @@ -html{--color-primario:#F4FFFD;--color-secundario:#23272E;--color-secundario-rgb:35, 39, 46;--nav-color: #8CBDCF;--blue-opuesto: #245167;--nav-logo-color: grey;scroll-behavior:smooth}html[data-theme=dark]{--color-primario:#23272E;--color-secundario:#F4FFFD;--color-secundario-rgb:244, 255, 253;--nav-color: #245167;--blue-opuesto: #8CBDCF}*{padding:0;margin:0;box-sizing:border-box}.gridblock{display:grid;grid-gap:5px;grid-template-columns:repeat(auto-fit, minmax(20rem, 1fr));grid-auto-flow:dense;place-items:center;text-align:center}.paragraph{font-size:calc(20px + (30 - 20) * ((100vw - 500px) / (1600 - 500)));text-align:justify}.title{position:relative;left:5%;display:inline-block;margin-bottom:30px;font-size:calc(40px + (60 - 40) * ((100vw - 500px) / (1600 - 500)));color:#f24263}.section{padding-top:80px;height:100vh}body{font-family:"Roboto",sans-serif;background:var(--color-primario);color:var(--color-secundario);transition:all .5s ease}header{position:relative;width:100%;height:100vh;overflow:hidden;background:url("../assets/images/fondo.webp") fixed center/cover}.sesgoabajo{position:absolute;bottom:0;left:0;filter:drop-shadow(0 -6px 10px rgba(var(--color-secundario-rgb), 0.6));border-width:0 0 calc((15vh + 15vw)/2) 100vw;border-style:solid;border-color:rgba(0,0,0,0) rgba(0,0,0,0) var(--color-primario) rgba(0,0,0,0);transition:all .5s ease}.nav__theme{position:absolute;left:9em;z-index:2}.checkTheme{position:relative;display:flex;background:#23272e;border-radius:1000px;border:none;outline:none;cursor:pointer}.checkTheme::after{content:"";position:absolute;top:0;left:0;right:unset;display:block;width:30px;height:30px;background:#f4fffd;border-radius:100px;box-shadow:0px 0px 2px 2px rgba(0,0,0,.2);transition:.3s ease all}.checkTheme--dark{background:#f3ca40;color:#23272e}.checkTheme--dark::after{right:0;left:unset}.checkTheme__icon{display:block;width:30px;height:30px;line-height:30px;background:none;color:#f4fffd}.flags{position:fixed;width:75px;display:flex;left:15em;align-items:center;justify-content:space-between}.flags__item{width:30px}.flags__img{display:block;cursor:pointer}.nav{position:fixed;display:flex;width:100%;padding:25px;align-items:center;justify-content:space-between;transition:all .5s ease;z-index:1}.nav--active{padding:15px;background:var(--nav-color);box-shadow:0px 3px 5px rgba(var(--color-secundario-rgb), 0.4)}.nav--active .nav__logo,.nav--active .nav__link,.nav--active .nav__menu{color:var(--color-secundario)}@media screen and (min-width: 1025px)and (hover: hover){.nav--active .nav__link:hover{background:var(--color-secundario);color:var(--color-primario)}}.nav__link i{margin-right:5px}.nav__logo{display:block;width:100px;font-size:25px;text-shadow:0.2px 0.2px var(--nav-logo-color), 1px 1px var(--nav-logo-color), 1.2px 1.2px var(--nav-logo-color), 1.4px 1.4px var(--nav-logo-color), 1.6px 1.6px var(--nav-logo-color);color:#f4fffd;transition:all .5s ease;z-index:2}.nav__logo:hover{text-shadow:2px 0px 6px rgba(var(--color-secundario-rgb), 0.4),-2px 0px 6px rgba(var(--color-secundario-rgb), 0.4),0px -2px 6px rgba(var(--color-secundario-rgb), 0.4),0px 2px 6px rgba(var(--color-secundario-rgb), 0.4)}.nav__logo::before{font-size:30px;content:"<"}.nav__logo::after{font-size:30px;content:">"}.nav__list{display:flex}.nav__item{margin:10px;list-style:none}.nav__link{text-decoration:none;font-weight:bold;color:#f4fffd;transition:all .5s ease}@media screen and (min-width: 1025px)and (hover: hover){.nav__link:hover{padding:5px 10px;background:#f3ca40;color:#23262d;border-radius:15px}}.nav__menu{display:none;padding:5px;font-size:20px;color:#f4fffd}.sectionHome{position:absolute;left:50%;top:50%;max-width:60%;min-width:90%;height:auto;transform:translate(-50%, -50%)}.sectionHome__Photo{max-width:80%;margin:10px 0;border-radius:100%;filter:drop-shadow(1vw 0px 0 rgba(243, 202, 64, 0.7))}.infoHome{border-radius:30px;color:#f4fffd;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px)}.infoHome__title{display:inline-block;margin:20px 0;height:1.3em;white-space:nowrap;width:16ch;font-size:calc(40px + 15*(100vw - 700px)/900);border-right:3px solid #f4fffd;animation:typing 2.5s steps(19),blink .5s infinite step-end alternate;overflow:hidden}.infoHome__description{display:inline-block;margin:0 15px 5% 15px}@keyframes typing{from{width:0}}@keyframes blink{50%{border-color:rgba(0,0,0,0)}}.about__container{position:relative;max-width:90%;min-width:90%;margin:0px auto;height:auto}.about__img{max-width:calc(200px + (500 - 200) * ((100vw - 500px) / (1600 - 500)));border-radius:30% 70% 70% 30%/30% 30% 70% 70%;background:#f24236;box-shadow:inset -50px 50px 0 2px #f3ca40,var(--blue-opuesto) 0px 20px 30px -10px;transition:all .5s ease}.about__info{margin-top:20px;font-weight:bold}.about__description{line-height:1.5em}.about__title{left:5%}.button{position:relative;display:inline-flex;width:calc(200px + (280 - 200) * ((100vw - 500px) / (1600 - 500)));height:calc(60px + (80 - 60) * ((100vw - 500px) / (1600 - 500)));margin-top:10px;overflow:hidden;align-items:center;font-size:20px;font-style:italic;font-weight:900;text-transform:uppercase;color:var(--color-primario);background:var(--color-secundario);border:none;border-radius:50px;transition:.3s ease all;cursor:pointer}.button__description{width:200px;position:absolute;left:50%;font-size:calc(14px + (19 - 14) * ((100vw - 700px) / (1600 - 700)));transition:.4s ease-in-out all;transform:translate(-50%)}.icon{position:absolute;left:-10px;display:flex;width:25px;height:25px;margin-right:10px;font-size:1.3em;align-items:center;transition:.3s ease-in-out all;opacity:0}@media(hover: hover){.button:hover{background:#f24236}.button:hover .icon{left:calc(100% - 50px);opacity:1}.button:hover span{left:30%}}.skill__container{margin:0 30px;display:flex;flex-wrap:wrap}.skill__item{margin:10px;flex-grow:1}.section--skill{height:auto}.skill__title{left:50%;transform:translate(-50%)}.skill__img{display:flex;justify-content:center;align-items:center;margin:auto;--medidas: calc(140px + (180 - 140) * ((100vw - 500px) / (1600 - 500)));width:var(--medidas);height:var(--medidas)}.skill__logo{margin:auto;display:block;width:calc(110px + (120 - 110) * ((100vw - 500px) / (1600 - 500)));filter:drop-shadow(0 0 10px rgba(var(--color-secundario-rgb), 0.4))}.skill__logo--java{width:calc(90px + (110 - 90) * ((100vw - 500px) / (1600 - 500)))}.skill__name{background:#f24236;margin:0 auto;width:150px;padding:6px;border-radius:10px;height:30px;display:block;font-weight:700;text-align:center;justify-items:center}.project{max-width:1200px;margin:auto;perspective:1000px;display:flex;justify-content:center;flex-wrap:wrap}.project__item{margin:20px;perspective:1000px}.project__item:hover .card{transform:rotateY(180deg)}.project__description{margin-top:30px;font-size:18px}.card__title{font-size:2em}.card__title-back{font-size:1.5em}.card{width:350px;height:400px;position:relative;transform-style:preserve-3d;transition:all 600ms}.card__img{width:100%;height:100%;border-radius:20px}.card__side{width:100%;height:100%;position:absolute;top:0;left:0;backface-visibility:hidden;transform-style:preserve-3d;border-radius:20px}.card__side--front{background-size:cover;background-position:center;box-shadow:0px 2px 10px 2px rgba(var(--color-secundario-rgb), 0.25);transition:all .5s ease}.card__side--back{transform:rotateY(180deg);transition:all .5s ease}.card__side--back--proyecto-r{background:rgba(40,89,113,.94);background:-webkit-gradient(left top, left bottom, color-stop(0%, rgba(40, 89, 113, 0.94)), color-stop(76%, rgba(58, 58, 59, 0.88)), color-stop(100%, rgba(244, 255, 253, 0.86)));background:linear-gradient(to bottom, rgba(40, 89, 113, 0.94) 0%, rgba(58, 58, 59, 0.88) 76%, rgba(244, 255, 253, 0.86) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#285971", endColorstr="#f4fffd", GradientType=0)}.card__body-front{width:100%;height:100%;text-align:center;padding:40px;display:flex;justify-content:center;align-items:center;color:#fff;transform:translateZ(60px)}.card__body-back{padding:40px;text-align:center;transform:translateZ(60px);color:#fff}.card__links{position:fixed;align-items:center;top:290px;left:50%;transform:translate(-50%);justify-content:center;display:flex}.card__link{margin:30px 10px 0;padding:6.5px 30px;font-size:16px;cursor:pointer;border:2px #245167 solid;box-shadow:1px 1px 30px -5px #8cbdcf;border-radius:10px;transition:all 400ms}.card__link--demo{color:#f4fffd;background:#245167}.card__link--demo:active{box-shadow:inset 0 0 10px #245167}@media(hover: hover){.card__link--demo:hover{color:#245167;font-weight:900;background:rgba(0,0,0,0)}}.card__link--code{color:#245167;font-weight:900;background:rgba(0,0,0,0)}.card__link--code:active{box-shadow:inset 0 0 10px #f4fffd}@media(hover: hover){.card__link--code:hover{background-color:#245167;font-weight:normal;color:#f4fffd}}.bg{width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,.4);border-radius:20px}.form__contact{margin-top:50px;max-width:50%;min-width:80%;margin-left:auto;margin-right:auto}.contact-form{list-style-type:none}.margin__input{margin-bottom:2.5em}.form__dato,.form__msg{width:100%;margin:0;padding-bottom:1.4em;box-sizing:border-box;border-top:0px;border-right:0px;border-left:0px;border-bottom:3px solid var(--blue-opuesto);background:none;font-weight:700;font-size:18px;transition:ease-in-out .25s}.form__msg{min-height:50px;max-height:500px;white-space:pre-wrap;word-wrap:break-word;resize:vertical;overflow:hidden}.contact-form ::-webkit-input-placeholder{font-size:12px;color:var(--color-secundario);text-transform:uppercase;font-weight:900;font-style:italic}.form__dato:focus,.form__msg:focus,.form__btn:focus{outline:none;resize:none;border-bottom:3px solid #f24236}.form__btn{color:var(--color-secundario);background:rgba(0,0,0,0);border:3px solid #f3ca40;height:74px;width:200px;float:right;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:1px;transition:ease-in-out .25s}.btn__icon{vertical-align:middle;transition:ease-in-out .25s;font-size:18px;margin-left:5px;color:var(--color-secundario)}.form__btn:hover{background:#f3ca40;color:#23272e}.form__btn:hover .btn__icon{margin-left:15px;color:#23272e}.form__dato:-webkit-autofill,.form__dato:-webkit-autofill:hover,.form__dato:-webkit-autofill:focus{-webkit-box-shadow:0 0 0px 1000px var(--color-primario) inset;-webkit-text-fill-color:var(--color-secundario)}.text-left{margin-bottom:20px;display:inline-block}.col-md-6,.col-md-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px}@media(min-width: 992px){.form__contact{height:550px}.col-md-6,.col-md-12{float:left}.col-md-12{width:100%}.col-md-6{width:50%}}@media(max-width: 993px){.form__contact{margin-bottom:120px}}.list-social{display:block;margin-top:50px;margin-bottom:50px;height:100px;position:relative}.blockContac{display:flex;height:auto;justify-content:center;min-width:300px;align-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.redeslist__item{display:inline-block;margin:0 5px;width:50px;height:50px;text-align:center}.redeslist__link{display:block;padding:0 10px;line-height:50px;background:var(--color-secundario);color:var(--color-primario);box-shadow:0 3px 5px 0px rgba(var(--color-secundario-rgb), 0.4);font-size:18px;transition:.2s}.redeslist:hover a{filter:blur(2px)}.redeslist__item a:hover{box-shadow:0 5px 5px 0px rgba(var(--color-secundario-rgb), 0.5);transform:translateY(-3px) scale(1.05);filter:none}.redeslist__link:hover{color:#f4fffd}.redeslist__link--facebook:hover{background:#3b5998}.redeslist__link--linkedin:hover{background:#0e76a8}.redeslist__link--instagram:hover{background:#e1306c}.redeslist__link--twitter:hover{background:#00acee}.redeslist__link--github:hover{background:#6e5494}@media screen and (max-width: 1024px){.nav__menu{display:block}.nav__menu:active{color:#f24236}.nav__item{border:1px solid rgba(0,0,0,0);margin:0;text-align:left}.nav--active .nav__link{color:#f4fffd}.nav__link{display:inline-block;width:250px;padding:15px 50px;background:rgba(35,38,45,.3)}.nav__link:active{background:#f24263;color:#f4fffd}.nav__list{position:absolute;top:0;left:0;flex-direction:column;display:flex;width:251px;height:100vh;background:var(--nav-color);align-items:center;justify-content:center;transition:all .5s ease;transform:translateX(-100%)}.nav__list--active{transform:translateX(0);box-shadow:5px 0 10px rgba(var(--color-secundario-rgb), 0.6)}.section{height:auto}}@media screen and (max-width: 731px){.about__description{text-align:center}}.nav__item--active .nav__link{color:#f24236}/*# sourceMappingURL=style.css.map */ \ No newline at end of file +html{--color-primario:#F4FFFD;--color-secundario:#23272E;--color-secundario-rgb:35, 39, 46;--nav-color: #8CBDCF;--blue-opuesto: #245167;--nav-logo-color: grey;scroll-behavior:smooth}html[data-theme=dark]{--color-primario:#23272E;--color-secundario:#F4FFFD;--color-secundario-rgb:244, 255, 253;--nav-color: #245167;--blue-opuesto: #8CBDCF}*{padding:0;margin:0;box-sizing:border-box}.gridblock{display:grid;grid-gap:5px;grid-template-columns:repeat(auto-fit, minmax(20rem, 1fr));grid-auto-flow:dense;place-items:center;text-align:center}.paragraph{font-size:calc(20px + (30 - 20) * ((100vw - 500px) / (1600 - 500)));text-align:justify}.title{position:relative;left:5%;display:inline-block;margin-bottom:30px;font-size:calc(40px + (60 - 40) * ((100vw - 500px) / (1600 - 500)));color:#f24263}.section{padding-top:80px;height:100vh}body{font-family:"Roboto",sans-serif;background:var(--color-primario);color:var(--color-secundario);transition:all .5s ease}header{position:relative;width:100%;height:100vh;overflow:hidden;background:url("../assets/images/fondo.webp") fixed center/cover}.sesgoabajo{position:absolute;bottom:0;left:0;filter:drop-shadow(0 -6px 10px rgba(var(--color-secundario-rgb), 0.6));border-width:0 0 calc((15vh + 15vw)/2) 100vw;border-style:solid;border-color:rgba(0,0,0,0) rgba(0,0,0,0) var(--color-primario) rgba(0,0,0,0);transition:all .5s ease}.nav__theme{position:absolute;left:9em;z-index:2}.checkTheme{position:relative;display:flex;background:#23272e;border-radius:1000px;border:none;outline:none;cursor:pointer}.checkTheme::after{content:"";position:absolute;top:0;left:0;right:unset;display:block;width:30px;height:30px;background:#f4fffd;border-radius:100px;box-shadow:0px 0px 2px 2px rgba(0,0,0,.2);transition:.3s ease all}.checkTheme--dark{background:#f3ca40;color:#23272e}.checkTheme--dark::after{right:0;left:unset}.checkTheme__icon{display:block;width:30px;height:30px;line-height:30px;background:none;color:#f4fffd}.flags{position:fixed;width:75px;display:flex;left:15em;align-items:center;justify-content:space-between}.flags__item{width:30px}.flags__img{display:block;cursor:pointer}.nav{position:fixed;display:flex;width:100%;padding:25px;align-items:center;justify-content:space-between;transition:all .5s ease;z-index:1}.nav--active{padding:15px;background:var(--nav-color);box-shadow:0px 3px 5px rgba(var(--color-secundario-rgb), 0.4)}.nav--active .nav__logo,.nav--active .nav__link,.nav--active .nav__menu{color:var(--color-secundario)}@media screen and (min-width: 1025px)and (hover: hover){.nav--active .nav__link:hover{background:var(--color-secundario);color:var(--color-primario)}}.nav__link i{margin-right:5px}.nav__logo{display:block;width:100px;font-size:25px;text-shadow:0.2px 0.2px var(--nav-logo-color), 1px 1px var(--nav-logo-color), 1.2px 1.2px var(--nav-logo-color), 1.4px 1.4px var(--nav-logo-color), 1.6px 1.6px var(--nav-logo-color);color:#f4fffd;transition:all .5s ease;z-index:2}.nav__logo:hover{text-shadow:2px 0px 6px rgba(var(--color-secundario-rgb), 0.4),-2px 0px 6px rgba(var(--color-secundario-rgb), 0.4),0px -2px 6px rgba(var(--color-secundario-rgb), 0.4),0px 2px 6px rgba(var(--color-secundario-rgb), 0.4)}.nav__logo::before{font-size:30px;content:"<"}.nav__logo::after{font-size:30px;content:">"}.nav__list{display:flex}.nav__item{margin:10px;list-style:none}.nav__link{text-decoration:none;font-weight:bold;color:#f4fffd;transition:all .5s ease}@media screen and (min-width: 1025px)and (hover: hover){.nav__link:hover{padding:5px 10px;background:#f3ca40;color:#23262d;border-radius:15px}}.nav__menu{display:none;padding:5px;font-size:20px;color:#f4fffd}.sectionHome{position:absolute;left:50%;top:50%;max-width:60%;min-width:90%;height:auto;transform:translate(-50%, -50%)}.sectionHome__Photo{max-width:80%;margin:10px 0;border-radius:100%;filter:drop-shadow(1vw 0px 0 rgba(243, 202, 64, 0.7))}.infoHome{border-radius:30px;color:#f4fffd;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px)}.infoHome__title{display:inline-block;margin:20px 0;height:1.3em;white-space:nowrap;width:16ch;font-size:calc(40px + 15*(100vw - 700px)/900);border-right:3px solid #f4fffd;animation:typing 2.5s steps(19),blink .5s infinite step-end alternate;overflow:hidden}.infoHome__description{display:inline-block;margin:0 15px 5% 15px}@keyframes typing{from{width:0}}@keyframes blink{50%{border-color:rgba(0,0,0,0)}}.about__container{position:relative;max-width:90%;min-width:90%;margin:0px auto;height:auto}.about__img{max-width:calc(200px + (500 - 200) * ((100vw - 500px) / (1600 - 500)));border-radius:30% 70% 70% 30%/30% 30% 70% 70%;background:#f24236;box-shadow:inset -50px 50px 0 2px #f3ca40,var(--blue-opuesto) 0px 20px 30px -10px;transition:all .5s ease}.about__info{margin-top:20px;font-weight:bold}.about__description{line-height:1.5em}.about__title{left:5%}.button{position:relative;display:inline-flex;width:calc(200px + (280 - 200) * ((100vw - 500px) / (1600 - 500)));height:calc(60px + (80 - 60) * ((100vw - 500px) / (1600 - 500)));margin-top:10px;overflow:hidden;align-items:center;font-size:20px;font-style:italic;font-weight:900;text-transform:uppercase;color:var(--color-primario);background:var(--color-secundario);border:none;border-radius:50px;transition:.3s ease all;cursor:pointer}.button__description{width:200px;position:absolute;left:50%;font-size:calc(14px + (19 - 14) * ((100vw - 700px) / (1600 - 700)));transition:.4s ease-in-out all;transform:translate(-50%)}.icon{position:absolute;left:-10px;display:flex;width:25px;height:25px;margin-right:10px;font-size:1.3em;align-items:center;transition:.3s ease-in-out all;opacity:0}@media(hover: hover){.button:hover{background:#f24236}.button:hover .icon{left:calc(100% - 50px);opacity:1}.button:hover span{left:30%}}.skill__container{margin:0 30px;display:flex;flex-wrap:wrap}.skill__item{margin:10px;flex-grow:1}.section--skill{height:auto}.skill__title{left:50%;transform:translate(-50%)}.skill__img{display:flex;justify-content:center;align-items:center;margin:auto;--medidas: calc(140px + (180 - 140) * ((100vw - 500px) / (1600 - 500)));width:var(--medidas);height:var(--medidas)}.skill__logo{margin:auto;display:block;width:calc(110px + (120 - 110) * ((100vw - 500px) / (1600 - 500)));filter:drop-shadow(0 0 10px rgba(var(--color-secundario-rgb), 0.4))}.skill__logo--java{width:calc(90px + (110 - 90) * ((100vw - 500px) / (1600 - 500)))}.skill__name{background:#f24236;margin:0 auto;width:150px;padding:6px;border-radius:10px;height:30px;display:block;font-weight:700;text-align:center;justify-items:center}.project{max-width:1200px;margin:auto;perspective:1000px;display:flex;justify-content:center;flex-wrap:wrap}.project__item{margin:20px;perspective:1000px}.project__item:hover .card{transform:rotateY(180deg)}.project__description{margin-top:30px;font-size:18px}.card__title{font-size:2em}.card__title-back{font-size:1.5em}.card{width:350px;height:400px;position:relative;transform-style:preserve-3d;transition:all 600ms}.card__img{width:100%;height:100%;border-radius:20px}.card__side{width:100%;height:100%;position:absolute;top:0;left:0;backface-visibility:hidden;transform-style:preserve-3d;border-radius:20px}.card__side--front{background-size:cover;background-position:center;box-shadow:0px 2px 10px 2px rgba(var(--color-secundario-rgb), 0.25);transition:all .5s ease}.card__side--back{transform:rotateY(180deg);transition:all .5s ease}.card__side--back--proyecto-r{background:rgba(40,89,113,.94);background:-webkit-gradient(left top, left bottom, color-stop(0%, rgba(40, 89, 113, 0.94)), color-stop(76%, rgba(58, 58, 59, 0.88)), color-stop(100%, rgba(244, 255, 253, 0.86)));background:linear-gradient(to bottom, rgba(40, 89, 113, 0.94) 0%, rgba(58, 58, 59, 0.88) 76%, rgba(244, 255, 253, 0.86) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#285971", endColorstr="#f4fffd", GradientType=0)}.card__body-front{width:100%;height:100%;text-align:center;padding:40px;display:flex;justify-content:center;align-items:center;color:#fff;transform:translateZ(60px)}.card__body-back{padding:40px;text-align:center;transform:translateZ(60px);color:#fff}.card__links{position:fixed;align-items:center;top:290px;left:50%;transform:translate(-50%);justify-content:center;display:flex}.card__link{margin:30px 10px 0;padding:6.5px 30px;font-size:16px;cursor:pointer;border:2px #245167 solid;box-shadow:1px 1px 30px -5px #8cbdcf;border-radius:10px;transition:all 400ms}.card__link--demo{color:#f4fffd;background:#245167}.card__link--demo:active{box-shadow:inset 0 0 10px #245167}@media(hover: hover){.card__link--demo:hover{color:#245167;font-weight:900;background:rgba(0,0,0,0)}}.card__link--code{color:#245167;font-weight:900;background:rgba(0,0,0,0)}.card__link--code:active{box-shadow:inset 0 0 10px #f4fffd}@media(hover: hover){.card__link--code:hover{background-color:#245167;font-weight:normal;color:#f4fffd}}.bg{width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,.4);border-radius:20px}.form__contact{margin-top:50px;max-width:50%;min-width:80%;margin-left:auto;margin-right:auto}.contact-form{list-style-type:none}.margin__input{margin-bottom:2.5em}.form__dato,.form__msg{width:100%;margin:0;padding-bottom:1.4em;box-sizing:border-box;border-top:0px;border-right:0px;border-left:0px;border-bottom:3px solid var(--blue-opuesto);background:none;font-weight:700;font-size:18px;transition:ease-in-out .25s}.form__msg{min-height:50px;max-height:500px;white-space:pre-wrap;word-wrap:break-word;resize:vertical;overflow:hidden}.contact-form ::-webkit-input-placeholder{font-size:12px;color:var(--color-secundario);text-transform:uppercase;font-weight:900;font-style:italic}.form__dato:focus,.form__msg:focus,.form__btn:focus{outline:none;resize:none;color:--color-secundario;border-bottom:3px solid #f24236}.form__btn{color:var(--color-secundario);background:rgba(0,0,0,0);border:3px solid #f3ca40;height:74px;width:200px;float:right;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:1px;transition:ease-in-out .25s}.btn__icon{vertical-align:middle;transition:ease-in-out .25s;font-size:18px;margin-left:5px;color:var(--color-secundario)}.form__btn:hover{background:#f3ca40;color:#23272e}.form__btn:hover .btn__icon{margin-left:15px;color:#23272e}.form__dato:-webkit-autofill,.form__dato:-webkit-autofill:hover,.form__dato:-webkit-autofill:focus{-webkit-box-shadow:0 0 0px 1000px var(--color-primario) inset;-webkit-text-fill-color:var(--color-secundario)}.text-left{margin-bottom:20px;display:inline-block}.col-md-6,.col-md-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px}@media(min-width: 992px){.form__contact{height:550px}.col-md-6,.col-md-12{float:left}.col-md-12{width:100%}.col-md-6{width:50%}}@media(max-width: 993px){.form__contact{margin-bottom:120px}}.list-social{display:block;margin-top:50px;margin-bottom:50px;height:100px;position:relative}.blockContac{display:flex;height:auto;justify-content:center;min-width:300px;align-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.redeslist__item{display:inline-block;margin:0 5px;width:50px;height:50px;text-align:center}.redeslist__link{display:block;padding:0 10px;line-height:50px;background:var(--color-secundario);color:var(--color-primario);box-shadow:0 3px 5px 0px rgba(var(--color-secundario-rgb), 0.4);font-size:18px;transition:.2s}.redeslist:hover a{filter:blur(2px)}.redeslist__item a:hover{box-shadow:0 5px 5px 0px rgba(var(--color-secundario-rgb), 0.5);transform:translateY(-3px) scale(1.05);filter:none}.redeslist__link:hover{color:#f4fffd}.redeslist__link--facebook:hover{background:#3b5998}.redeslist__link--linkedin:hover{background:#0e76a8}.redeslist__link--instagram:hover{background:#e1306c}.redeslist__link--twitter:hover{background:#00acee}.redeslist__link--github:hover{background:#6e5494}@media screen and (max-width: 1024px){.nav__menu{display:block}.nav__menu:active{color:#f24236}.nav__item{border:1px solid rgba(0,0,0,0);margin:0;text-align:left}.nav--active .nav__link{color:#f4fffd}.nav__link{display:inline-block;width:250px;padding:15px 50px;background:rgba(35,38,45,.3)}.nav__link:active{background:#f24263;color:#f4fffd}.nav__list{position:absolute;top:0;left:0;flex-direction:column;display:flex;width:251px;height:100vh;background:var(--nav-color);align-items:center;justify-content:center;transition:all .5s ease;transform:translateX(-100%)}.nav__list--active{transform:translateX(0);box-shadow:5px 0 10px rgba(var(--color-secundario-rgb), 0.6)}.section{height:auto}}@media screen and (max-width: 731px){.about__description{text-align:center}}.nav__item--active .nav__link{color:#f24236}/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/css/style.css.map b/css/style.css.map index 7d9d6fa..ab63b30 100644 --- a/css/style.css.map +++ b/css/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["../scss/_variable.scss","../scss/inheritance/_grid.scss","../scss/inheritance/_text.scss","../scss/style.scss","../scss/parts/_nav-header.scss","../scss/parts/_dark-mode.scss","../scss/parts/_languages.scss","../scss/sections/_home.scss","../scss/sections/_about.scss","../scss/sections/_skills.scss","../scss/sections/_portafolio.scss","../scss/sections/_form-contac.scss","../scss/sections/_contact.scss","../scss/_mobil-parameters.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["../scss/_variable.scss","../scss/inheritance/_grid.scss","../scss/inheritance/_text.scss","../scss/style.scss","../scss/parts/_nav-header.scss","../scss/parts/_dark-mode.scss","../scss/parts/_languages.scss","../scss/sections/_home.scss","../scss/sections/_about.scss","../scss/sections/_skills.scss","../scss/sections/_portafolio.scss","../scss/sections/_form-contac.scss","../scss/sections/_contact.scss","../scss/_mobil-parameters.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file diff --git a/index.html b/index.html index 8a17e10..a41f5bd 100644 --- a/index.html +++ b/index.html @@ -162,7 +162,7 @@

Creacion

Contactame

-
+
  • diff --git a/js/firebase.js b/js/firebase.js index 28b707d..3a076e5 100644 --- a/js/firebase.js +++ b/js/firebase.js @@ -1,7 +1,7 @@ // Import the functions you need from the SDKs you need import { initializeApp } from "https://www.gstatic.com/firebasejs/9.23.0/firebase-app.js"; -import { getFirestore, collection, getDocs} from "https://www.gstatic.com/firebasejs/9.23.0/firebase-firestore.js" +import { getFirestore, collection, getDocs, addDoc, serverTimestamp } from "https://www.gstatic.com/firebasejs/9.23.0/firebase-firestore.js" // TODO: Add SDKs for Firebase products that you want to use // https://firebase.google.com/docs/web/setup#available-libraries @@ -22,6 +22,22 @@ const app = initializeApp(firebaseConfig); const db = getFirestore(); -export const getSkills = () => getDocs(collection(db,'skills')); +export const getSkills = () => getDocs(collection(db, 'skills')); -export const getProjects = () => getDocs(collection(db,'projects')); \ No newline at end of file +export const getProjects = () => getDocs(collection(db, 'projects')); + +export const sendMessage = async (messageData) => { + const message = { + ...messageData, + createdAt: serverTimestamp(), + }; + + try { + await addDoc(collection(db, 'messages'), message); + return { success: true, message: "Mensaje enviado con éxito" }; + } catch (error) { + console.error("Error al enviar el mensaje:", error); + return { success: false, message: error.message }; + } + +} \ No newline at end of file diff --git a/js/scripts.js b/js/scripts.js index 134b3a7..4edf415 100644 --- a/js/scripts.js +++ b/js/scripts.js @@ -1,4 +1,4 @@ -import { getSkills, getProjects } from './firebase.js' +import { getSkills, getProjects, sendMessage } from './firebase.js' const nav = document.querySelector('.nav'); //nav const menu_btn = document.querySelector('.nav__menu'); //boton @@ -205,26 +205,36 @@ $form.addEventListener('submit', handleSubmit); async function handleSubmit(event) { event.preventDefault(); const form = new FormData(this); - const response = await fetch(this.action, { - method: this.method, - body: form, - headers: { - 'Accept': 'application/json' - } - }) - if (response.ok) { - this.reset(); - Swal.fire({ - toast: true, - icon: 'success', - iconColor: '#F24236', - title: '
    Mensaje enviado
    ¡Le contestaremos pronto!
    ', - animation: false, - background: '#F3CA40', - position: 'top-right', - color: '#23272E', - showConfirmButton: false, - timer: 2500, - }) - } + const messageData = { + name: form.get('name'), + email: form.get('email'), + phone: form.get('phone'), + company: form.get('company'), + subject: form.get('subject'), + message: form.get('message') + }; + + sendMessage(messageData) + .then((response) => { + if (response.success) { + this.reset(); + Swal.fire({ + toast: true, + icon: 'success', + title: '
    Mensaje enviado
    ¡Le contestaremos pronto!
    ', + position: "top-end", + showConfirmButton: false, + timer: 3000, + timerProgressBar: true, + didOpen: (toast) => { + toast.onmouseenter = Swal.stopTimer; + toast.onmouseleave = Swal.resumeTimer; + } + }) + } else { + console.error(response.message); + } + }).catch((error) => { + console.error("Error al enviar el mensaje:", error); + }); } \ No newline at end of file diff --git a/scss/sections/_form-contac.scss b/scss/sections/_form-contac.scss index eb00684..79b4a7c 100644 --- a/scss/sections/_form-contac.scss +++ b/scss/sections/_form-contac.scss @@ -1,4 +1,4 @@ -.form__contact{ +.form__contact { margin-top: 50px; max-width: 50%; min-width: 80%; @@ -10,12 +10,12 @@ list-style-type: none; } -.margin__input{ +.margin__input { margin-bottom: 2.5em; } .form__dato, -.form__msg{ +.form__msg { width: 100%; margin: 0; padding-bottom: 1.4em; @@ -33,7 +33,7 @@ transition: ease-in-out 0.25s; } -.form__msg{ +.form__msg { min-height: 50px; max-height: 500px; white-space: pre-wrap; @@ -62,6 +62,7 @@ .form__btn:focus { outline: none; resize: none; + color: --color-secundario; border-bottom: 3px solid $cinnabar; } @@ -81,12 +82,12 @@ } -.btn__icon{ +.btn__icon { vertical-align: middle; transition: ease-in-out 0.25s; font-size: 18px; margin-left: 5px; - color:var(--color-secundario); + color: var(--color-secundario); } .form__btn:hover { @@ -95,51 +96,57 @@ } .form__btn:hover .btn__icon { - margin-left: 15px; - color: $raisin-black; - + margin-left: 15px; + color: $raisin-black; + } .form__dato:-webkit-autofill, -.form__dato:-webkit-autofill:hover, +.form__dato:-webkit-autofill:hover, .form__dato:-webkit-autofill:focus { - -webkit-box-shadow: 0 0 0px 1000px var(--color-primario) inset;-webkit-text-fill-color: var(--color-secundario); + -webkit-box-shadow: 0 0 0px 1000px var(--color-primario) inset; + -webkit-text-fill-color: var(--color-secundario); } .text-left { // text-align: left; margin-bottom: 20px; display: inline-block; - } - .col-md-6, - .col-md-12{ +} + +.col-md-6, +.col-md-12 { // margin-left: auto; // margin-right: auto; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; - } +} + +@media (min-width: 992px) { - @media (min-width: 992px) { - - .form__contact{ + .form__contact { height: 550px; // margin-bottom: 20px; } - .col-md-6,.col-md-12{ - float: left; + + .col-md-6, + .col-md-12 { + float: left; } + .col-md-12 { - width: 100%; + width: 100%; } + .col-md-6 { width: 50%; - } + } } -@media(max-width: 993px){ - .form__contact{ +@media(max-width: 993px) { + .form__contact { margin-bottom: 120px; } -} +} \ No newline at end of file