{"version":3,"sources":["webpack:///./src/pages/infinite.jsx","webpack:///./src/components/Header.jsx","webpack:///./src/components/layout.jsx"],"names":["Wrapper","Object","_emotion_styled_base__WEBPACK_IMPORTED_MODULE_0__","target","name","styles","Title","props","theme","screens","tablet","Player","Infinite","_emotion_core__WEBPACK_IMPORTED_MODULE_1__","_components_layout__WEBPACK_IMPORTED_MODULE_3__","src","allowFullScreen","Header","_ref","siteTitle","core_browser_esm","Container","HeaderLinks","HeaderLink","AniLink_default","a","fade","to","style","color","textDecoration","duration","index_esm","fa_index_esm","styled_base_browser_esm","propTypes","PropTypes","string","defaultProps","phone","desktop","hdDesktop","Layout","children","attrs","objectWithoutPropertiesLoose_default","gatsby_browser_entry","query","render","data","emotion_theming_browser_esm","react_default","Fragment","components_Header","site","siteMetadata","title","Body","fontSize","Date","getFullYear","href","_755544856","node","isRequired"],"mappings":"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","file":"component---src-pages-infinite-jsx-35085313d15a9ff5ecdc.js","sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\n\nimport Layout from \"../components/layout\";\n\nconst Infinite = () => {\n  return (\n    <Layout>\n      <Wrapper>\n        <Title>GiantBomb Infinite, all day, all night baby</Title>\n        <Player\n          src=\"https://www.giantbomb.com/live/livestreams/981\"\n          allowFullScreen\n        />\n      </Wrapper>\n    </Layout>\n  );\n};\n\nconst Wrapper = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  align-items: center;\n`;\n\nconst Title = styled.h1`\n  width: 100%;\n  font-size: 1rem;\n  text-align: center;\n  margin-top: 0.5rem;\n  margin-bottom: 0.5rem;\n  @media screen and (min-width: ${props => props.theme.screens.tablet}) {\n    font-size: 2rem;\n  }\n`;\n\nconst Player = styled.iframe`\n  border: none;\n  width: 100vw;\n  height: 1000px;\n  @media screen and (min-width: ${props => props.theme.screens.tablet}) {\n    width: 80vw;\n    height: 800px;\n  }\n`;\nexport default Infinite;\n","import PropTypes from \"prop-types\";\nimport React from \"react\";\nimport AniLink from \"gatsby-plugin-transition-link/AniLink\";\nimport styled from \"@emotion/styled\";\nimport { MdViewCarousel, MdSearch, MdLiveTv } from \"react-icons/md\";\nimport { FaInfinity } from \"react-icons/fa\";\n\nconst Header = ({ siteTitle }) => (\n  <Container>\n    <HeaderLinks>\n      <HeaderLink>\n        <AniLink\n          fade\n          to=\"/search/\"\n          style={{\n            color: `white`,\n            textDecoration: `none`\n          }}\n          duration={0.4}\n        >\n          <MdSearch />\n        </AniLink>\n      </HeaderLink>\n      <HeaderLink>\n        <AniLink\n          fade\n          to=\"/\"\n          style={{\n            color: `white`,\n            textDecoration: `none`\n          }}\n          duration={0.4}\n        >\n          <MdViewCarousel />\n        </AniLink>\n      </HeaderLink>\n      <HeaderLink>\n        <AniLink\n          fade\n          to=\"/infinite/\"\n          style={{\n            color: `white`,\n            textDecoration: `none`\n          }}\n          duration={0.4}\n        >\n          <FaInfinity />\n        </AniLink>\n      </HeaderLink>\n      <HeaderLink>\n        <AniLink\n          fade\n          to=\"/live/\"\n          style={{\n            color: `white`,\n            textDecoration: `none`\n          }}\n          duration={0.4}\n        >\n          <MdLiveTv />\n        </AniLink>\n      </HeaderLink>\n    </HeaderLinks>\n  </Container>\n);\n\nconst Container = styled.header`\n  background-color: #000;\n  text-align: center;\n  border-top-left-radius: 5rem;\n  border-top-right-radius: 5rem;\n  z-index: 999;\n  margin: 0 2% 0rem 2%;\n  position: fixed;\n  width: 100%;\n  bottom: 0;\n  @media screen and (min-width: ${props => props.theme.screens.tablet}) {\n    margin: 0 20% 0rem 20%;\n    width: initial;\n    position: relative;\n    border-bottom-left-radius: 5rem;\n    border-bottom-right-radius: 5rem;\n    border-top-left-radius: 0rem;\n    border-top-right-radius: 0rem;\n  }\n`;\n\nconst HeaderLinks = styled.div`\n  margin: 0 auto;\n  padding: 0.5rem 2rem;\n  display: flex;\n  justify-content: space-evenly;\n  z-index: 999;\n`;\n\nconst HeaderLink = styled.h2`\n  margin: 0 0.2rem;\n  font-size: 2rem;\n  z-index: 999;\n`;\n\nHeader.propTypes = {\n  siteTitle: PropTypes.string\n};\n\nHeader.defaultProps = {\n  siteTitle: ``\n};\n\nexport default Header;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { StaticQuery, graphql } from \"gatsby\";\nimport Header from \"./Header\";\nimport styled from \"@emotion/styled\";\nimport \"./layout.css\";\nimport \"slick-carousel/slick/slick.css\";\nimport \"slick-carousel/slick/slick-theme.css\";\nimport { ThemeProvider } from \"emotion-theming\";\n\nconst theme = {\n  screens: {\n    phone: \"321px\",\n    tablet: \"769px\",\n    desktop: \"1025px\",\n    hdDesktop: \"2561px\"\n  }\n};\n\nconst Layout = ({ children, ...attrs }) => (\n  <StaticQuery\n    query={graphql`\n      query SiteTitleQuery {\n        site {\n          siteMetadata {\n            title\n          }\n        }\n      }\n    `}\n    render={data => (\n      <ThemeProvider theme={theme}>\n        <>\n          <Header siteTitle={data.site.siteMetadata.title} />{\" \"}\n          <Body>\n            <main {...attrs}> {children} </main>{\" \"}\n            <footer\n              style={{\n                fontSize: \"12px\",\n                color: \"#999\"\n              }}\n            >\n              ©{new Date().getFullYear()}\n              {` `}\n              <a\n                style={{\n                  color: \"#999\"\n                }}\n                href=\"https://www.philtietjen.dev\"\n              >\n                Phil Tietjen\n              </a>\n              , Built with {` `}{\" \"}\n              <a\n                style={{\n                  color: \"#999\"\n                }}\n                href=\"https://www.gatsbyjs.org\"\n              >\n                Gatsby{\" \"}\n              </a>{\" \"}\n              {` & `}{\" \"}\n              <a\n                style={{\n                  color: \"#999\"\n                }}\n                href=\"https://www.giantbomb.com/api\"\n              >\n                GiantBomb API{\" \"}\n              </a>{\" \"}\n            </footer>{\" \"}\n          </Body>{\" \"}\n        </>{\" \"}\n      </ThemeProvider>\n    )}\n  />\n);\n\nconst Body = styled.div`\n  margin: 0 auto;\n  max-width: 2560px;\n  padding-top: 0;\n  background-color: #242628;\n`;\n\nLayout.propTypes = {\n  children: PropTypes.node.isRequired\n};\n\nexport default Layout;\n"],"sourceRoot":""}