component---src-pages-index-js-cd8a0204f69884e3bddf.js.map

{"version":3,"sources":["webpack:///./src/pages/index.js","webpack:///./src/components/seo.js","webpack:///./src/components/header.js","webpack:///./src/styles/GlobalStyle.js","webpack:///./src/components/bio.js","webpack:///./src/components/layout.js"],"names":["__webpack_require__","r","__webpack_exports__","react__WEBPACK_IMPORTED_MODULE_0__","react__WEBPACK_IMPORTED_MODULE_0___default","n","_components_layout__WEBPACK_IMPORTED_MODULE_1__","_components_seo__WEBPACK_IMPORTED_MODULE_2__","IndexPage","a","createElement","title","SEO","_ref","description","lang","meta","site","_public_static_d_2417117884_json__WEBPACK_IMPORTED_MODULE_0__","data","metaDescription","siteMetadata","react__WEBPACK_IMPORTED_MODULE_1___default","react_helmet__WEBPACK_IMPORTED_MODULE_2___default","htmlAttributes","titleTemplate","name","content","property","author","concat","defaultProps","StyledHeader","styled","div","withConfig","displayName","componentId","TitleSection","StyledDescription","StyledLogo","FontAwesomeIcon","SocialSection","StyledSocial","ContactLink","link","icon","react_default","href","Header","_ref2","siteTitle","siteDescription","header_ContactLink","faGithub","faEnvelope","faLinkedin","prototypes","PropTypes","string","createGlobalStyle","_templateObject","BioContainer","BioInfo","li","BioSectionList","ul","LineContainer","Line1","Line2","Line3","Bio","InfoContainer","span","Layout","children","_3603942769","Fragment","GlobalStyle","header","bio"],"mappings":"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","file":"component---src-pages-index-js-cd8a0204f69884e3bddf.js","sourcesContent":["import React from \"react\"\n\nimport Layout from \"../components/layout\"\nimport SEO from \"../components/seo\"\n\nconst IndexPage = () => (\n  <Layout>\n    <SEO title=\"Home\" />\n  </Layout>\n)\n\nexport default IndexPage\n","/**\n * SEO component that queries for data with\n *  Gatsby's useStaticQuery React hook\n *\n * See: https://www.gatsbyjs.org/docs/use-static-query/\n */\n\nimport React from \"react\"\nimport PropTypes from \"prop-types\"\nimport Helmet from \"react-helmet\"\nimport { useStaticQuery, graphql } from \"gatsby\"\n\nfunction SEO({ description, lang, meta, title }) {\n  const { site } = useStaticQuery(\n    graphql`\n      query {\n        site {\n          siteMetadata {\n            title\n            description\n            author\n          }\n        }\n      }\n    `\n  )\n\n  const metaDescription = description || site.siteMetadata.description\n\n  return (\n    <Helmet\n      htmlAttributes={{\n        lang,\n      }}\n      title={title}\n      titleTemplate={`%s | ${site.siteMetadata.title}`}\n      meta={[\n        {\n          name: `description`,\n          content: metaDescription,\n        },\n        {\n          property: `og:title`,\n          content: title,\n        },\n        {\n          property: `og:description`,\n          content: metaDescription,\n        },\n        {\n          property: `og:type`,\n          content: `website`,\n        },\n        {\n          name: `twitter:card`,\n          content: `summary`,\n        },\n        {\n          name: `twitter:creator`,\n          content: site.siteMetadata.author,\n        },\n        {\n          name: `twitter:title`,\n          content: title,\n        },\n        {\n          name: `twitter:description`,\n          content: metaDescription,\n        },\n      ].concat(meta)}\n    />\n  )\n}\n\nSEO.defaultProps = {\n  lang: `en`,\n  meta: [],\n  description: ``,\n}\n\nSEO.propTypes = {\n  description: PropTypes.string,\n  lang: PropTypes.string,\n  meta: PropTypes.arrayOf(PropTypes.object),\n  title: PropTypes.string.isRequired,\n}\n\nexport default SEO\n","import PropTypes from \"prop-types\"\nimport React from \"react\"\nimport styled from \"styled-components\"\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\"\nimport {\n  faLinkedin,\n  faGithub,\n} from \"@fortawesome/free-brands-svg-icons\"\nimport {\n  faEnvelope\n} from \"@fortawesome/free-solid-svg-icons\"\n\nconst StyledHeader = styled.div`\n  font-size: 4rem;\n  color: #fff0b5;\n`\nconst TitleSection = styled.div`\n  font-family: Verdana, Geneva, sans-serif;\n  font-weight: bold; \n  text-align: center;\n  padding: 15%;\n`\nconst StyledDescription = styled.div`\n  font-size: 1.5rem;\n  padding-top: 3%;\n  padding-bottom: 2%;\n  color: #4d8a76;\n  line-height: 1.25rem;\n\n  &:hover {\n    font-size: 1.25rem;\n  }\n`\n\nconst StyledLogo = styled(FontAwesomeIcon)`\n  font-size: 1.5em;\n  color: #fff0b5;\n\n  &:hover {\n    color: white;\n  }\n`\n\nconst SocialSection = styled.div`\n  display: flex;\n  justify-content: center;\n`\nconst StyledSocial = styled.div`\n  padding-right: 1%;\n  padding-left: 1%;\n`\n\nconst ContactLink = ({ link, icon }) => {\n  return (\n    <StyledSocial> \n      <a href={link}>\n        <StyledLogo icon={icon}> </StyledLogo>\n      </a>\n    </StyledSocial>\n  )\n}\n\nconst Header = ({ siteTitle, siteDescription }) => (\n  <TitleSection>\n    <StyledHeader>\n      {siteTitle}\n    </StyledHeader>\n    <StyledDescription>\n      {siteDescription}\n    </StyledDescription>\n    <SocialSection> \n      <ContactLink link={\"https://github.com/sarah-witt\"} icon={faGithub} ></ContactLink> \n      <ContactLink link={\"mailto:witt.s@husky.neu.edu\"} icon={faEnvelope} ></ContactLink> \n      <ContactLink link={\"https://www.linkedin.com/in/sarah-witt/\"} icon={faLinkedin}></ContactLink>\n    </SocialSection>\n  </TitleSection>\n)\n\nContactLink.prototypes = {\n  link: PropTypes.string,\n  icon: PropTypes.string\n}\n\nHeader.propTypes = {\n  siteTitle: PropTypes.string,\n}\n\nHeader.defaultProps = {\n  siteTitle: `Sarah Witt`,\n}\n\nexport default Header\n","import { createGlobalStyle } from \"styled-components\"\n\nexport default createGlobalStyle`\n  body {\n    background-color: #6fc7ab;\n    \n  }\n`","import PropTypes from \"prop-types\"\nimport React from \"react\"\nimport styled from \"styled-components\"\n\n\nconst BioContainer = styled.div`\n  display: flex;\n`\n\nconst BioInfo = styled.li`\n`\n\nconst BioSectionList = styled.ul`\n`\n\nconst LineContainer = styled.div`\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n`\n\nconst Line1 = styled.div`\n  width: 100px;\n  height: 50px;\n  border-bottom: 1px solid black;\n  position: absoute;\n\n  content:\"\";\n  transform: rotate(-40deg);\n  transform-origin: 0% 0%;\n`\n\nconst Line2 = styled.div`\n  width: 100px;\n  height: 50px;\n  border-bottom: 1px solid black;\n  position: absoute;\n\n  content:\"\";\n  transform: rotate(40deg);\n  transform-origin: 0% 0%;\n`\n\nconst Line3 = styled.div`\n  width: 100px;\n  height: 50px;\n  border-bottom: 1px solid black;\n\n`\n\nconst Bio = () => {\n  return (\n    <BioContainer>\n      <LineContainer> \n        <Line1></Line1>\n        <Line3></Line3>\n        <Line2></Line2>\n      </LineContainer>\n      <BioSectionList>\n        <BioInfo>computer science student</BioInfo>\n        <BioInfo>northeastern university</BioInfo>\n        <BioInfo>boston, ma</BioInfo>\n      </BioSectionList>\n    </BioContainer>\n  )\n}\n\n\nexport default Bio","import React from \"react\"\nimport PropTypes from \"prop-types\"\nimport styled from \"styled-components\"\nimport { useStaticQuery, graphql } from \"gatsby\"\nimport Header from \"./header\"\nimport GlobalStyle from \"../styles/GlobalStyle\"\nimport Bio from \"./bio\"\n\nconst InfoContainer = styled.span`\n  display: flex;\n  padding: 15%;\n`\n\nconst Layout = ({ children }) => {\n  const data = useStaticQuery(graphql`\n    query SiteTitleQuery {\n      site {\n        siteMetadata {\n          title,\n          description\n        }\n      }\n    }\n  `)\n\n  return (\n    <>\n    <GlobalStyle/>\n    <InfoContainer>\n      <Header siteTitle={data.site.siteMetadata.title} siteDescription={data.site.siteMetadata.description} />\n      <Bio/>\n    </InfoContainer>\n    </>\n  )\n}\n\nLayout.propTypes = {\n  children: PropTypes.node.isRequired,\n}\n\nexport default Layout\n"],"sourceRoot":""}