https://enriquemontes.netlify.app/component---src-pages-resources-js-3afb69a2c3e71394c699.js

1"use strict";(self.webpackChunkgatsby_starter_hello_world=self.webpackChunkgatsby_starter_hello_world||[]).push([[834],{4529:function(e,t,r){var a=r(7294),n=r(6296),i=r(3494),o=r(7782);t.Z=function(e){var t=e.bgColor,r=e.image,i=e.main,c=e.sub,s=e.btnLink,m=e.btnText;return a.createElement(l,{style:{backgroundColor:""+(t||"var(--clr-white)")}},a.createElement("div",{className:"hero"},a.createElement(n.G,{image:(0,n.c)(r),alt:"Programador Gatsby",className:"hero-img",placeholder:"tracedSVG",layout:"constrained"}),a.createElement("div",{className:"hero-container"},a.createElement("div",{className:"header__text-box"},a.createElement("h1",{className:"heading-primary"},a.createElement("span",{className:"heading-primary--main"},i||"Programador Front-end"),a.createElement("span",{className:"heading-primary--sub"},c||"en Cancún desde 2002, programando desde 1984")),s&&a.createElement(o.Link,{to:"/"+s,className:"btn btn--white btn--animated"},a.createElement(o.Trans,null,m||"contact"))))))};var l=i.default.header.withConfig({displayName:"Hero__Wrapper",componentId:"sc-y2bpdt-0"})([".hero-img{height:100%;border-radius:var(--borderRadius);}.hero{height:89vh;background-color:var(--clr-primary-9);background-size:cover;background-position:top;-webkit-clip-path:polygon(0 0,100% 0,100% 75vh,0 100%);clip-path:polygon(0 0,100% 0,100% 75vh,0 100%);position:relative;}.hero-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient( to bottom right,rgba(0,37,92,0.7),rgba(199,226,222,0.9) );border-radius:var(--borderRadius);}.header__text-box{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);text-align:center;}.heading-primary{color:var(--clr-primary-10);text-shadow:1px 1px 2px black;text-transform:uppercase;backface-visibility:hidden;margin-bottom:6rem;&--main{display:block;font-size:3.2rem;font-weight:400;letter-spacing:0.5rem;animation-name:moveInLeft;animation-duration:1s;animation-timing-function:ease-out;}&--sub{margin-top:2rem;display:block;font-size:1.4rem;font-weight:700;letter-spacing:0.4rem;animation:moveInRight 1s ease-out;}}"])},7915:function(e,t,r){r.d(t,{Z:function(){return m}});var a=r(7294),n=r(3494),i=r(3260),o=r(7782),l=r(6296),c=function(e){var t=e.title,r=e.url,n=e.used,i=e.image,c=e.recurso_tipo,m=c?c.title:"";return a.createElement(s,null,a.createElement("div",{className:"side side--front"},a.createElement("div",{className:"img-container"},a.createElement(l.G,{image:(0,l.c)(i.localFile),style:{width:"8rem"},alt:t})),a.createElement("div",{className:"footer"},a.createElement("div",{className:"text"},a.createElement("h4",null,t),a.createElement("p",null,a.createElement(o.Trans,null,"Since")," ",n)))),a.createElement("div",{className:"side side--back"},a.createElement("div",{className:"cta"},a.createElement("div",{className:"tipo"},m),a.createElement("a",{href:r,className:"link",target:"_blank",rel:"noopener noreferrer"},a.createElement(o.Trans,null,"view")," "))))},s=n.default.article.withConfig({displayName:"Resource__Wrapper",componentId:"sc-apwd75-0"})(["perspective:150rem;-moz-perspective:150rem;position:relative;margin-bottom:5rem;:hover .side--front{transform:rotateY(180deg);}:hover .side--back{transform:rotateY(0deg);}.side{transition:var(--transition);height:17rem;width:100%;backface-visibility:hidden;border-radius:3px;overflow:hidden;box-shadow:var(--dark-shadow);&--front{background:var(--clr-white);}&--back{transform:rotateY(180deg);margin-top:-17rem;background-image:linear-gradient( to right bottom,var(--clr-primary-9),var(--clr-primary-3) );}.img-container{padding:0.5rem;border-top-left-radius:3px;border-top-right-radius:3px;}.footer{padding:1.1rem 1rem 1.3rem 1rem;text-align:left;background:var(--clr-white);height:8rem;font-size:1rem;text-align:center;}.cta{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;text-align:center;}.tipo{color:var(--clr-white);margin-bottom:3rem;}.link{text-transform:uppercase;letter-spacing:var(--spacing);color:var(--clr-white);border:2px solid var(--clr-white);padding:0.5rem 0.7rem;display:inline-block;transition:var(--transition);cursor:pointer;}.link:hover{background:var(--clr-white);color:var(--clr-primary-5);}}"]),m=function(e){var t=e.recursos,r=e.showLink,n=(0,o.useTranslation)().t,l=r?"16rem 0 10rem":"6rem 0 2rem";return a.createElement(d,{style:{padding:""+l}},a.createElement(i.Z,{title:n("I know how to use the following technologies")}),a.createElement("div",{className:"center"},t.map((function(e){return a.createElement(c,Object.assign({key:e.id},e))}))),r&&a.createElement(o.Link,{to:"/resources",className:"btn center-btn"},a.createElement(o.Trans,null,"See more Resources")),!r&&a.createElement(i.Z,{title:n("Technological resources that I use")}))},d=n.default.section.withConfig({displayName:"Resources__Wrapper",componentId:"sc-16w3b3r-0"})(["text-align:center;background:var(--clr-primary-9);.center{padding:3rem;display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;> *{flex:1;}gap:2rem;}"])},1755:function(e,t,r){var a=r(7294),n=r(5414),i=r(9499),o=r(1597),l=function(e){var t=e.title,r=e.description,l=e.image,s=e.article,m=(0,i.useLocation)().pathname,d=(0,o.useStaticQuery)(c).site.siteMetadata,p=d.defaultTitle,u=d.titleTemplate,g=d.defaultDescription,h=d.siteUrl,b=d.defaultImage,f=d.twitterUsername,v={title:t||p,description:r||g,image:""+h+(l||b),url:""+h+m};return a.createElement(n.Helmet,{title:v.title,titleTemplate:u},a.createElement("meta",{name:"description",content:v.description}),a.createElement("meta",{name:"image",content:v.image}),v.url&&a.createElement("meta",{property:"og:url",content:v.url}),!s?null:a.createElement("meta",{property:"og:type",content:"article"}),v.title&&a.createElement("meta",{property:"og:title",content:v.title}),v.description&&a.createElement("meta",{property:"og:description",content:v.description}),v.image&&a.createElement("meta",{property:"og:image",content:v.image}),a.createElement("meta",{name:"twitter:card",content:"summary_large_image"}),f&&a.createElement("meta",{name:"twitter:creator",content:f}),v.title&&a.createElement("meta",{name:"twitter:title",content:v.title}),v.description&&a.createElement("meta",{name:"twitter:description",content:v.description}),v.image&&a.createElement("meta",{name:"twitter:image",content:v.image}))};t.Z=l,l.defaultProps={title:null,description:null,image:null,article:!1};var c="4202924991"},505:function(e,t,r){r.d(t,{Z:function(){return s}});var a=r(7294),n=r(1597),i=r(3494),o=r(8430),l=[{id:0,name:"Eduard Danylko",t

1itle:"We were looking for Gatsby.JS expert to build a new home page ❤️",text:" I was very pleased to work with Enrique. He is a very nice person and works well. I advise everyone to work with him in the future. Thanks."},{id:1,name:"Marisa Obregón",title:"Quería el desarrollo de un sitio sencillo y que fuera muy rápido",text:"Enrique me aconsejó utilizar Gatsby para el desarrollo de mi sitio, el resultado fue sorprendente. El programador estuvo atento a mis necesidades y las supo plasmar en mi web."}],c=r(6296),s=function(){var e=(0,n.useStaticQuery)("1807791613").allFile.nodes;return a.createElement(m,null,a.createElement("div",{className:"bg-video"},a.createElement("video",{className:"bg-video__content",loop:!0,autoPlay:"autopay",muted:!0},a.createElement("source",{src:o.Z,type:"video/mp4"}),"Your browser is not supported!")),l.map((function(t){var r=(0,c.c)(e[t.id]);return a.createElement("div",{className:"story",key:t.id},a.createElement("figure",{className:"story__shape"},a.createElement(c.G,{image:r,alt:t.name,className:"story__img"}),a.createElement("figcaption",{className:"story__caption"},t.name)),a.createElement("div",{className:"story__text"},a.createElement("h4",null,t.title),a.createElement("p",null,t.text)))})))},m=i.default.section.withConfig({displayName:"Testimonials__Wrapper",componentId:"sc-16p2tgt-0"})(["position:relative;padding:5rem 0 4rem;background-color:transparent;.bg-video{position:absolute;top:0;left:0;height:100%;width:100%;z-index:-1;opacity:0.15;overflow:hidden;&__content{height:100%;width:100%;object-fit:cover;}}.story{width:75%;max-width:50rem;margin:0 auto 2rem;box-shadow:0 2rem 4rem rgba(0,37,92,0.1);background-color:rgba(241,245,248,0.6);border-radius:3px;padding:1.5rem 2rem 1rem 3rem;color:var(--clr-grey-5);transform:skewX(-12deg);:hover{box-shadow:var(--dark-shadow);.story__img{transform:scale(1);filter:blur(3px) brightness(80%);}.story__caption{opacity:1;transform:translate(-50%,-50%);}}&__shape{width:7rem;height:7rem;float:left;-webkitshape-outside:circle(50% at 50% 50%);shape-outside:circle(50% at 50% 50%);-webkitclip-path:circle(50% at 50% 50%);clip-path:circle(50% at 50% 50%);overflow:hidden;transform:translateX(-1.2rem) skewX(12deg);position:relative;}&__img{height:100%;transform:scale(1.2);backface-visibility:hidden;transition:all 0.3s;}&__text{transform:skewX(12deg);}&__caption{position:absolute;top:50%;left:50%;transform:translate(-50%,20%);color:var(--clr-white);text-transform:uppercase;font-size:1rem;text-align:center;opacity:0;transition:all 0.5s;backface-visibility:hidden;}}"])},3260:function(e,t,r){var a=r(7294),n=r(3494);t.Z=function(e){var t=e.title;return a.createElement(i,null,a.createElement("h2",null,t||"Default Title"),a.createElement("div",{className:"underline"}))};var i=n.default.div.withConfig({displayName:"Title__Wrapper",componentId:"sc-siix1c-0"})(["margin-bottom:4rem;text-align:center;animation:moveInRight 1s ease-out;background-image:linear-gradient( to right,var(--clr-primary-7),var(--clr-primary-1) );color:transparent;-webkit-background-clip:text;letter-spacing:0.2rem;transition:all 0.2s;&:hover{transform:skewY(-2deg) skewX(5deg) scale(1.1);text-shadow:0.5rem 1rem 2rem rgba(0,37,92,0.2);}"])},1402:function(e,t,r){r.r(t);var a=r(7294),n=r(1755),i=r(8829),o=r(7782),l=r(7915),c=r(4529),s=r(505);t.default=function(e){var t=e.data,r=(0,o.useTranslation)().t;return a.createElement(i.Z,null,a.createElement(n.Z,{title:r("Technological resources that I use"),description:r("ResourcesDescription"),image:t.image.publicURL}),a.createElement(c.Z,{bgColor:"var(--clr-primary-9)",main:r("Technological resources"),sub:r("The Resources I Use (or have used)"),btnLink:"contact",image:t.image.childImageSharp}),a.createElement("main",null,a.createElement("section",{className:"developments-page"},a.createElement(l.Z,{recursos:t.recursos.nodes})),a.createElement(s.Z,null)))}}}]);
2//# sourceMappingURL=component---src-pages-resources-js-3afb69a2c3e71394c699.js.map