-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcomponent---src-pages-index-js-d3ea05acce99d2a9de3a.js.map
1 lines (1 loc) · 3.69 KB
/
component---src-pages-index-js-d3ea05acce99d2a9de3a.js.map
1
{"version":3,"sources":["webpack:///./src/pages/index.js"],"names":["query","PageWrapper","styled","div","props","theme","colors","primary","secondary","NameWrapper","animated","Title","h1","fonts","title","SubTitle","h3","NavWrapper","fade","useSpring","from","opacity","to","config","mass","tension","friction","drawBorder","width","data","site","siteMetadata","lang","charSet","rel","href","style","flexDirection"],"mappings":"2FAAA,2IASaA,EAAK,aAUZC,EAAcC,IAAOC,IAAV,qEAAGD,CAAH,sLAKN,SAAAE,GAAK,OAAIA,EAAMC,MAAMC,OAAOC,WACvB,SAAAH,GAAK,OAAIA,EAAMC,MAAMC,OAAOE,aAQtCC,EAAcP,YAAOQ,IAASP,KAAnB,qEAAGD,CAAH,qCAEN,SAAAE,GAAK,OAAIA,EAAMC,MAAMC,OAAOC,WAGjCI,EAAQT,YAAOQ,IAASE,IAAnB,+DAAGV,CAAH,qDACM,SAAAE,GAAK,OAAIA,EAAMC,MAAMQ,MAAMC,SAKtCC,EAAWb,IAAOc,GAAV,kEAAGd,CAAH,gCAKRe,EAAaf,IAAOC,IAAV,oEAAGD,CAAH,6DAMD,mBAAAE,GACb,IAEMc,EAAOC,YAAU,CACrBC,KAAM,CAAEC,QAAS,GACjBC,GAAI,CAAED,QAAS,GACfE,OALmB,CAAEC,KAAM,EAAGC,QAAS,IAAKC,SAAU,OAQlDC,EAAaR,YAAU,CAC3BC,KAAM,CAAEQ,MAAO,KACfN,GAAI,CAAEM,MAAO,OAGf,OACE,oCACE,kBAAC,IAAD,CAAQd,MAAOV,EAAMyB,KAAKC,KAAKC,aAAajB,OAC1C,0BAAMkB,KAAK,OACX,0BAAMC,QAAQ,UACd,+BAAQ7B,EAAMyB,KAAKC,KAAKC,aAAajB,OACrC,0BAAMoB,IAAI,YAAYC,KAAK,sCAE7B,kBAAC,IAAD,CAAe9B,MAAOA,KACpB,kBAACJ,EAAD,KACE,kBAACQ,EAAD,CAAa2B,MAAOT,GAClB,kBAAChB,EAAD,CAAOyB,MAAOlB,GAAOd,EAAMyB,KAAKC,KAAKC,aAAajB,QAEpD,kBAACC,EAAD,sCACA,kBAACE,EAAD,KACE,kBAAC,IAAD,CAAQmB,MAAO,CAAEC,cAAe","file":"component---src-pages-index-js-d3ea05acce99d2a9de3a.js","sourcesContent":["import React from \"react\"\nimport styled from \"styled-components\"\nimport { ThemeProvider } from \"styled-components\"\nimport { theme } from \"../theme/theme\"\nimport Navbar from \"../components/Layout/Navbar\"\nimport { animated, useSpring } from \"react-spring\"\nimport { graphql } from \"gatsby\"\nimport Helmet from \"react-helmet\"\n\nexport const query = graphql`\n query {\n site {\n siteMetadata {\n title\n }\n }\n }\n`\n\nconst PageWrapper = styled.div`\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n color: ${props => props.theme.colors.primary};\n background: ${props => props.theme.colors.secondary};\n height: 100vh;\n width: 100vw;\n position: absolute;\n top: 0;\n left: 0;\n text-align: center;\n`\nconst NameWrapper = styled(animated.div)`\n display: inline-block;\n color: ${props => props.theme.colors.primary};\n`\n\nconst Title = styled(animated.h1)`\n font-family: ${props => props.theme.fonts.title};\n font-size: 3rem;\n font-weight: 700;\n`\n\nconst SubTitle = styled.h3`\n font-weight: 400;\n margin: 5%;\n`\n\nconst NavWrapper = styled.div`\n display: flex;\n justify-content: center;\n align-items: center;\n`\n\nexport default props => {\n const springConfig = { mass: 1, tension: 170, friction: 250 }\n\n const fade = useSpring({\n from: { opacity: 0 },\n to: { opacity: 1 },\n config: springConfig,\n })\n\n const drawBorder = useSpring({\n from: { width: 200 },\n to: { width: 500 },\n })\n\n return (\n <>\n <Helmet title={props.data.site.siteMetadata.title}>\n <html lang=\"en\" />\n <meta charSet=\"utf-8\" />\n <title>{props.data.site.siteMetadata.title}</title>\n <link rel=\"canonical\" href=\"https://filipeestacio.github.io/\" />\n </Helmet>\n <ThemeProvider theme={theme}>\n <PageWrapper>\n <NameWrapper style={drawBorder}>\n <Title style={fade}>{props.data.site.siteMetadata.title}</Title>\n </NameWrapper>\n <SubTitle>A Junior Full-Stack Developer</SubTitle>\n <NavWrapper>\n <Navbar style={{ flexDirection: \"row\" }} />\n </NavWrapper>\n </PageWrapper>\n </ThemeProvider>\n </>\n )\n}\n"],"sourceRoot":""}