-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcomponent---src-pages-index-js-efc37fd6e8f840f63d66.js.map
1 lines (1 loc) · 36.3 KB
/
component---src-pages-index-js-efc37fd6e8f840f63d66.js.map
1
{"version":3,"sources":["webpack:///./src/components/layout.js","webpack:///./src/components/Banner.js","webpack:///./src/colors.js","webpack:///./src/components/Shared/Typo.js","webpack:///./src/components/Shared/Container.js","webpack:///./src/components/Shared/FontAwesome.js","webpack:///./src/components/Section/Me.js","webpack:///./src/components/Animated/ReactIcon.js","webpack:///./src/components/Card/SkillCard.js","webpack:///./src/components/Section/Geek.js","webpack:///./src/components/Card/BlogCard.js","webpack:///./src/components/Card/MoreCard.js","webpack:///./src/components/Section/Writer.js","webpack:///./src/components/Footer.js","webpack:///./src/pages/index.js","webpack:///./.cache/gatsby-browser-entry.js","webpack:///./.cache/public-page-renderer.js","webpack:///./.cache/public-page-renderer-prod.js"],"names":["theme","main","white","gray","injectGlobal","_templateObject","TemplateWrapper","props","children","react_default","a","createElement","Helmet_default","title","meta","name","content","styled_components_es","Container","styled","div","withConfig","displayName","componentId","BannerImage","Img","InnerContainer","BrandingImage","img","attrs","src","withPrefix","alt","ImageContainer","TextContainer","bannerTypo","css","Title","h1","Subtitle","p","Banner","bannerImage","style","height","sizes","colors","SectionTitle","SectionDescription","Paragraph","color","Link","target","noNewTab","rel","SectionContainer","isLast","i","className","aria-hidden","size","Avatar","Name","extend","Me_templateObject","CurrentJob","_templateObject2","TmtHighlight","span","ContactContainer","CircleIcon","Me","href","FontAwesome","isLastMobile","LottieDiv","ReactIcon","_this","_PureComponent","call","this","state","isVisible","onChangeVisible","bind","assertThisInitialized_default","setState","require","loadAnimation","container","document","getElementById","renderer","path","render","visibility_sensor_default","offset","top","onChange","id","PureComponent","SkillImage","SkillCard","_ref","subtitle","SkillCard_Container","SkillCard_TextContainer","SkillCard_Title","TeamReactContainer","TeamReactTitle","Geek_templateObject","TeamReactDescription","Geek_templateObject2","_templateObject3","SkillsContainer","Column","noMargin","Geek","ReactIcon_ReactIcon","Card_SkillCard","Geek_Subtitle","Image","TitleContainer","BlogTitle","h2","BlogCard","uniqueSlug","virtuals","BlogCard_Container","previewImage","imageId","MoreText","MoreCard","_ref$count","count","MoreCard_Container","Columns","desktopHide","mobileHide","Writer","posts","slice","map","post","Writer_Column","key","Card_BlogCard","Card_MoreCard","length","Label","Sublabel","Footer_templateObject","Heart","Footer","Footer_Container","pages_templateObject","query","IndexPage","data","allMediumPost","file","layout","react","components_Banner","childImageSharp","Section_Me","Section_Geek","Section_Writer","edges","e","node","components_Footer","__webpack_require__","r","__webpack_exports__","d","graphql","StaticQueryContext","StaticQuery","react__WEBPACK_IMPORTED_MODULE_0__","react__WEBPACK_IMPORTED_MODULE_0___default","n","prop_types__WEBPACK_IMPORTED_MODULE_1__","prop_types__WEBPACK_IMPORTED_MODULE_1___default","gatsby_link__WEBPACK_IMPORTED_MODULE_2__","gatsby_link__WEBPACK_IMPORTED_MODULE_2___default","_wait_for_route_change__WEBPACK_IMPORTED_MODULE_3__","_public_page_renderer__WEBPACK_IMPORTED_MODULE_4__","_public_page_renderer__WEBPACK_IMPORTED_MODULE_4___default","_parse_path__WEBPACK_IMPORTED_MODULE_5__","React","createContext","Consumer","staticQueryData","Error","propTypes","PropTypes","object","string","isRequired","func","m","module","exports","default","ProdPageRenderer","location","pageResources","loader","getResourcesForPathnameSync","pathname","InternalPageRenderer","Object","assign","json","shape"],"mappings":"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","file":"component---src-pages-index-js-efc37fd6e8f840f63d66.js","sourcesContent":["import React from 'react';\nimport Helmet from 'react-helmet';\nimport { ThemeProvider, injectGlobal } from 'styled-components';\n\nimport 'bulma/bulma.sass';\nimport 'font-awesome/css/font-awesome.min.css';\n\nconst theme = {\n main: '#0c4c8a',\n white: '#ffffff',\n gray: '#353535'\n};\n\n/* eslint-disable */\ninjectGlobal`\n body {\n font-family: 'Catamaran',sans-serif !important;\n color: ${theme.gray} !important;\n }\n`;\n/* eslint-enable */\n\nconst TemplateWrapper = props => {\n const { children } = props;\n return (\n <div>\n <Helmet\n title=\"เบนซ์นะจ๊ะ - MicroBenz\"\n meta={[\n { name: 'description', content: '' },\n { name: 'keywords', content: '' },\n ]}\n />\n <ThemeProvider theme={theme}>\n {children}\n </ThemeProvider>\n </div>\n );\n};\n\nexport default TemplateWrapper;\n","import React from 'react';\nimport styled, { css } from 'styled-components';\nimport { withPrefix } from 'gatsby';\nimport Img from 'gatsby-image';\n\nconst Container = styled.div`\n height: 500px;\n position: relative; \n @media(max-width: 768px) {\n height: 350px;\n }\n .gatsby-image-outer-wrapper {\n height: 100%;\n img {\n object-position: center 35% !important;\n }\n }\n`;\n\nconst BannerImage = styled(Img)`\n height: 100%;\n`;\n\nconst InnerContainer = styled.div`\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: rgba(0, 0, 0, 0.65);\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n @media(max-width: 768px) {\n flex-direction: column;\n }\n`;\n\nconst BrandingImage = styled.img.attrs({\n src: withPrefix('/logo.png'),\n alt: 'branding'\n})`\n width: 140px;\n display: block;\n margin: 0 auto;\n @media(max-width: 768px) {\n width: 80px;\n }\n`;\n\n\nconst ImageContainer = styled.div`\n margin-right: 18px;\n @media(max-width: 768px) {\n margin-right: 0;\n margin-bottom: 13px;\n }\n`;\n\nconst TextContainer = styled.div`\n @media(max-width: 768px) {\n text-align: center;\n }\n`;\n\nconst bannerTypo = css`\n color: ${props => props.theme.white};\n`;\n\nconst Title = styled.h1`\n ${bannerTypo}\n font-size: 44px;\n font-weight: bold;\n line-height: 46px;\n @media(max-width: 768px) {\n font-size: 37px;\n }\n`;\n\nconst Subtitle = styled.p`\n ${bannerTypo}\n font-size: 23px;\n @media(max-width: 768px) {\n font-size: 19px;\n }\n`;\n\nconst Banner = props => {\n const { bannerImage } = props;\n return (\n <Container>\n <BannerImage style={{ height: '100%' }} sizes={bannerImage.sizes} />\n <InnerContainer>\n <ImageContainer>\n <BrandingImage />\n </ImageContainer>\n <TextContainer>\n <Title>MicroBenz</Title>\n <Subtitle>Geek + Writer + Reader + Eater since 1995</Subtitle>\n </TextContainer>\n </InnerContainer>\n </Container>\n );\n};\n\nexport default Banner;\n","export default {\n blue: '#054889',\n black: '#000000',\n grey: '#4a4a4a',\n white: '#ffffff',\n orange: '#e86a1a',\n green: '#02b99d',\n gmailRed: '#ea4335',\n facebookBlue: '#3b5998',\n greenMedium: '#00ab6c',\n instagramRainbow: 'radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%)',\n purpleGithub: '#6e5494',\n};\n","import styled from 'styled-components';\n\nimport colors from '../../colors';\n\nexport const SectionTitle = styled.h1`\n text-align: center;\n font-size: 60px;\n font-weight: 700;\n line-height: 70px;\n @media(max-width: 768px) {\n font-size: 46px;\n line-height: 56px;\n }\n`;\n\nexport const SectionDescription = styled.p`\n text-align: center;\n font-size: 22px;\n font-weight: 400;\n color: ${colors.blue};\n margin-bottom: 25px;\n @media(max-width: 768px) {\n font-size: 20px;\n }\n`;\n\nexport const Paragraph = styled.p`\n color: ${props => props.color || colors.grey};\n`;\n\nexport const Link = styled.a.attrs({\n target: props => props.noNewTab ? '' : '_blank',\n rel: props => props.noNewTab ? '' : 'noopener noreferrer'\n})`\n color: ${props => props.color || colors.green};\n`;\n","import styled from 'styled-components';\n\nexport const SectionContainer = styled.div`\n padding: 40px 0;\n @media(max-width: 768px) {\n padding: 40px 25px 20px;\n ${props => props.isLast && 'padding-bottom: 40px;'}\n }\n`;\n","import styled from 'styled-components';\n\nimport colors from '../../colors';\n\nexport default styled.i.attrs({\n className: props => `fa fa-${props.name}`,\n 'aria-hidden': 'true'\n})`\n color: ${props => props.color || colors.black};\n font-size: ${props => props.size || 22}px !important;\n`;\n","import React from 'react';\nimport { withPrefix } from 'gatsby';\nimport styled from 'styled-components';\n\nimport { SectionTitle, SectionDescription, Paragraph, Link } from '../Shared/Typo';\nimport { SectionContainer } from '../Shared/Container';\nimport FontAwesome from '../Shared/FontAwesome';\nimport colors from '../../colors';\n\nconst Avatar = styled.img.attrs({\n src: withPrefix('./me.png')\n})`\n width: 200px;\n height: 200px;\n border-radius: 50%;\n display: block;\n margin: 20px auto;\n`;\n\nconst Name = Paragraph.extend`\n text-align: center;\n font-size: 30px;\n font-weight: 500;\n @media(max-width: 768px) {\n font-size: 22px;\n }\n`;\n\nconst CurrentJob = Paragraph.extend`\n font-size: 22px;\n font-weight: 300;\n text-align: center;\n @media(max-width: 768px) {\n font-size: 20px;\n }\n`;\n\nconst TmtHighlight = styled.span`\n color: ${colors.orange};\n font-weight: bold;\n`;\n\nconst ContactContainer = styled.div`\n display: flex;\n justify-content: center;\n padding: 15px 0;\n @media(max-width: 768px) {\n flex-wrap: wrap;\n }\n`;\n\nconst CircleIcon = styled.div`\n width: ${props => props.size || '30'}px;\n height: ${props => props.size || '30'}px;\n border-radius: 50%;\n background: ${props => props.color || colors.white};\n display: flex;\n justify-content: center;\n align-items: center;\n margin-right: 15px;\n @media(max-width: 768px) {\n margin-bottom: 20px;\n margin-right: 15px;\n }\n`;\n\nconst Me = () => (\n <SectionContainer>\n <SectionTitle>My name is Benz</SectionTitle>\n <SectionDescription>I define myself in 4 words: Geek, Writer, Reader and Eater</SectionDescription>\n <Avatar />\n <Name>Tananan Tangthanachaikul (Benz)</Name>\n <CurrentJob>Full-Stack Developer at <Link href=\"https://www.takemetour.com\"><TmtHighlight>TakeMeTour</TmtHighlight></Link></CurrentJob>\n <ContactContainer>\n <Link href=\"https://www.facebook.com/MicroBenz\">\n <CircleIcon color={colors.facebookBlue} size={60}>\n <FontAwesome name=\"facebook\" size={30} color={colors.white} />\n </CircleIcon>\n </Link>\n <Link href=\"https://www.github.com/MicroBenz\">\n <CircleIcon color={colors.purpleGithub} size={60}>\n <FontAwesome name=\"github\" size={30} color={colors.white} />\n </CircleIcon>\n </Link>\n <Link href=\"mailto:microbenz.prob@gmail.com\" noNewTab>\n <CircleIcon color={colors.gmailRed} size={60} isLastMobile>\n <FontAwesome name=\"envelope-o\" size={30} color={colors.white} />\n </CircleIcon>\n </Link>\n <Link href=\"https://microbenz.in.th/\">\n <CircleIcon color={colors.greenMedium} size={60}>\n <FontAwesome name=\"medium\" size={30} color={colors.white} />\n </CircleIcon>\n </Link>\n <Link href=\"https://www.instagram.com/benz2202/\">\n <CircleIcon color={colors.instagramRainbow} size={60} isLast>\n <FontAwesome name=\"instagram\" size={30} color={colors.white} />\n </CircleIcon>\n </Link>\n </ContactContainer>\n </SectionContainer>\n);\n\nexport default Me;\n","import React, { PureComponent } from 'react';\nimport VisibilitySensor from 'react-visibility-sensor';\nimport styled from 'styled-components';\nimport { withPrefix } from 'gatsby';\n\nconst LottieDiv = styled.div.attrs({\n size: props => props.size || 400\n})`\n width: ${props => props.size}px;\n height: ${props => props.size}px;\n margin-top: -20px;\n`;\n\nexport default class ReactIcon extends PureComponent {\n constructor(props) {\n super(props);\n this.state = {\n isVisible: false\n };\n this.onChangeVisible = this.onChangeVisible.bind(this);\n }\n\n onChangeVisible(isVisible) {\n if (!this.state.isVisible && isVisible) {\n this.setState({ isVisible });\n const lottie = require('lottie-web');\n lottie.loadAnimation({\n container: document.getElementById('react-lottie'),\n renderer: 'svg',\n path: withPrefix('./react.json')\n });\n }\n }\n\n render() {\n const { size } = this.props;\n return (\n <VisibilitySensor offset={{ top: 20 }} onChange={this.onChangeVisible}>\n <LottieDiv id=\"react-lottie\" size={size} />\n </VisibilitySensor>\n );\n }\n}\n","import React from 'react';\nimport styled from 'styled-components';\nimport { withPrefix } from 'gatsby';\n\nconst Container = styled.div`\n display: flex;\n flex-direction: row;\n @media(max-width: 768px) {\n flex-direction: column;\n align-items: center;\n }\n`;\n\nconst SkillImage = styled.img.attrs({\n src: props => withPrefix(props.img),\n alt: props => props.title\n})`\n width: 200px;\n height: 100%;\n @media(max-width: 768px) {\n width: 125px;\n }\n`;\n\nconst TextContainer = styled.div`\n flex: 1;\n padding-left: 15px;\n @media(max-width: 768px) {\n padding-left: 0;\n text-align: center;\n padding-top: 15px;\n }\n`;\n\nconst Title = styled.p`\n font-size: 32px;\n font-weight: bold;\n`;\n\nconst SkillCard = ({ img, title, subtitle }) => (\n <Container>\n <SkillImage img={img} />\n <TextContainer>\n <Title>{title}</Title>\n {subtitle}\n </TextContainer>\n </Container>\n);\n\nexport default SkillCard;\n","import React from 'react';\nimport styled from 'styled-components';\n\nimport { SectionTitle, SectionDescription, Paragraph, Link } from '../Shared/Typo';\nimport { SectionContainer } from '../Shared/Container';\nimport ReactIcon from '../Animated/ReactIcon';\nimport SkillCard from '../Card/SkillCard';\nimport colors from '../../colors';\n\nconst TeamReactContainer = styled.div`\n display: flex;\n align-items: center;\n flex-direction: column;\n`;\n\nconst TeamReactTitle = Paragraph.extend`\n font-size: 32px;\n font-weight: 500;\n margin-top: -20px;\n color: ${colors.blue};\n text-align: center;\n`;\n\nconst TeamReactDescription = Paragraph.extend`\n font-size: 20px;\n text-align: center;\n`;\n\nconst Subtitle = Paragraph.extend`\n font-size: 18px;\n`;\n\nconst SkillsContainer = styled.div`\n padding-top: 50px;\n`;\n\nconst Column = styled.div.attrs({\n className: 'column is-6'\n})`\n ${props => !props.noMargin && `\n margin-bottom: 20px;\n @media(max-width: 768px) {\n margin-bottom: 40px;\n }\n `}\n`;\n\nconst Geek = () => (\n <SectionContainer>\n <SectionTitle>Geek</SectionTitle>\n <SectionDescription>Graduate from Computer Engineering. 2 years experience in Web Development.</SectionDescription>\n <TeamReactContainer>\n <ReactIcon size={200} />\n <TeamReactTitle>{'<TeamReact />'}</TeamReactTitle>\n <TeamReactDescription>Familiar with React and it's ecosystem (e.g. <Link href=\"https://redux.js.org/\">Redux</Link> / <Link href=\"https://www.styled-components.com/\">styled-components</Link> / <Link href=\"https://github.com/acdlite/recompose\">recompose</Link>)</TeamReactDescription>\n </TeamReactContainer>\n <SkillsContainer>\n <div className=\"columns is-multiline\">\n <Column>\n <SkillCard\n img=\"./geek/javascript.png\"\n title=\"JavaScript\"\n subtitle={<Subtitle>Experience in ES6, ES7. Also some of Front-end JavaScript library (Vue.js, Angular, jQuery)</Subtitle>}\n />\n </Column>\n <Column>\n <SkillCard\n img=\"./geek/nodejs.png\"\n title=\"Node.js\"\n subtitle={<Subtitle>Experience on Node.js as Back-end API Server, especially <Link href=\"https://expressjs.com/\">Express</Link></Subtitle>} />\n </Column>\n <Column>\n <SkillCard\n img=\"./geek/python.png\"\n title=\"Python\"\n subtitle={<Subtitle>Once use on my senior project. Deep down into socket package to implements networking over UDP protocol</Subtitle>} />\n </Column>\n </div>\n </SkillsContainer>\n </SectionContainer>\n);\n\nexport default Geek;\n","import React from 'react';\nimport styled from 'styled-components';\n\nconst Container = styled.div`\n position: relative;\n`;\n\nconst Image = styled.img`\n display: block;\n margin: 0;\n width: 100%;\n object-fit: cover;\n`;\n\nconst TitleContainer = styled.div`\n padding: 10px;\n display: flex;\n align-items: center;\n height: 50px;\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n background: linear-gradient(to top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 27%,rgba(0,0,0,0) 100%);\n`;\n\nconst BlogTitle = styled.h2`\n font-weight: bold;\n color: white;\n font-size: 23px;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n`;\n\nconst BlogCard = props => {\n const { title, uniqueSlug, virtuals } = props;\n return (\n <a\n href={`https://microbenz.in.th/${uniqueSlug}`}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n <Container>\n <Image\n src={`https://cdn-images-1.medium.com/fit/c/600/360/${virtuals.previewImage.imageId}`}\n alt={title}\n />\n <TitleContainer>\n <BlogTitle>{title}</BlogTitle>\n </TitleContainer>\n </Container>\n </a>\n );\n};\n\nexport default BlogCard;\n","import React from 'react';\nimport styled from 'styled-components';\n\nimport { Link } from '../Shared/Typo';\nimport FontAwesome from '../Shared/FontAwesome';\nimport colors from '../../colors';\n\nconst Container = styled.div`\n background-color: ${colors.greenMedium};\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n`;\n\nconst MoreText = styled.p`\n color: ${colors.white};\n font-size: 36px;\n`;\n\nconst MoreCard = ({ count = 0 }) => (\n <Link href=\"https://microbenz.in.th\">\n <Container>\n <MoreText>+{count} More at</MoreText>\n <FontAwesome name=\"medium\" size={36} color=\"#ffffff\" />\n </Container>\n </Link>\n);\n\nexport default MoreCard;\n","import React from 'react';\nimport styled from 'styled-components';\n\nimport { SectionTitle, SectionDescription, Link } from '../Shared/Typo';\nimport { SectionContainer } from '../Shared/Container';\nimport BlogCard from '../Card/BlogCard';\nimport MoreCard from '../Card/MoreCard';\n\nconst Columns = styled.div.attrs({\n className: 'columns is-multiline'\n})`\n margin-top: 0;\n padding-top: 15px;\n @media(max-width: 768px) {\n padding-top: 5px;\n display: flex;\n flex-wrap: nowrap !important;\n overflow-x: scroll;\n margin-left: -25px !important;\n margin-right: -25px !important;\n flex-direction: row;\n padding-left: 15px;\n }\n`;\n\nconst Column = styled.div.attrs({\n className: props => props.size ? `column is-${props.size}` : 'column'\n})`\n ${props => props.desktopHide && 'display: none !important;'}\n @media(max-width: 768px) {\n padding: 10px 15px !important;\n flex: none !important;\n width: 250px !important;\n margin-right: 15px;\n ${props => props.mobileHide && 'display: none !important;'}\n ${props => props.desktopHide && 'display: inherit !important;'}\n }\n`;\n\nconst Writer = props => {\n const { posts } = props;\n return (\n <SectionContainer isLast>\n <SectionTitle>Writer</SectionTitle>\n <SectionDescription>As seen on <Link href=\"https://microbenz.in.th\">Medium</Link>. I'm not considering myself as a blogger. I'm just the man who love to share something by writing.</SectionDescription>\n <Columns>\n {posts.slice(0, 2).map(post => (\n <Column size={6} key={post.id}>\n <BlogCard {...post} />\n </Column>\n ))}\n {posts.slice(2, 5).map(post => (\n <Column size={3} key={post.id}>\n <BlogCard {...post} />\n </Column>\n ))}\n {posts.slice(5).map(post => (\n <Column size={3} key={post.id} desktopHide>\n <BlogCard {...post} />\n </Column>\n ))}\n <Column size={3} mobileHide>\n <MoreCard count={posts.length - 5} />\n </Column>\n </Columns>\n </SectionContainer>\n );\n};\n\nexport default Writer;\n","import React from 'react';\nimport styled from 'styled-components';\n\nimport colors from '../colors';\n\nconst Container = styled.div`\n background-color: ${colors.blue};\n display: flex;\n height: 40px;\n flex-direction: column;\n height: 100px;\n justify-content: center;\n align-items: center;\n`;\n\nconst Label = styled.p`\n color: ${colors.white};\n text-align: center;\n font-weight: 500;\n font-size: 18px;\n`;\n\nconst Sublabel = Label.extend`\n font-weight: 400;\n @media(max-width: 768px) {\n font-size: 16px;\n }\n`;\n\nconst Heart = styled.span`\n color: ${colors.gmailRed};\n`;\n\nconst Footer = () => (\n <Container>\n <Label>Code with <Heart>♥</Heart> by @microbenz</Label>\n <Sublabel>This site is hosted on GitHub, powered by Gatsby.</Sublabel>\n </Container>\n);\n\nexport default Footer;\n","import React, { Fragment } from 'react';\nimport { injectGlobal } from 'styled-components';\nimport { graphql } from 'gatsby';\n\nimport Layout from '../components/layout';\nimport Banner from '../components/Banner';\nimport Me from '../components/Section/Me';\nimport Geek from '../components/Section/Geek';\nimport Writer from '../components/Section/Writer';\nimport Footer from '../components/Footer';\n\n/* eslint-disable */\ninjectGlobal`\n body {\n color: #4a4a4a !important;\n }\n .column {\n @media(max-width: 768px) {\n padding: 0 !important;\n }\n }\n .columns {\n margin-right: 0;\n margin-left: 0;\n }\n`;\n/* eslint-enable */\n\nexport const query = graphql`\n query StoriesQuery {\n allMediumPost {\n edges {\n node {\n id\n title\n uniqueSlug\n virtuals {\n subtitle\n previewImage {\n imageId\n }\n }\n author {\n name\n }\n }\n }\n }\n file(relativePath: { eq: \"banner.jpg\" }) {\n childImageSharp {\n # Specify the image processing specifications right in the query.\n # Makes it trivial to update as your page's design changes.\n sizes(maxWidth: 1240) {\n ...GatsbyImageSharpSizes\n }\n }\n }\n # bannerImage: imageSharp(id: { regex: \"/banner.jpg/\" }) {\n # sizes(maxWidth: 1240) {\n # ...GatsbyImageSharpSizes\n # }\n # }\n }\n`;\n\nconst IndexPage = (props) => {\n const { data } = props;\n const { allMediumPost, file } = data;\n return (\n <Layout>\n <Fragment>\n <Banner bannerImage={file.childImageSharp} />\n <div className=\"container\">\n <Me />\n <Geek />\n <Writer posts={allMediumPost.edges.map(e => e.node)} />\n </div>\n <Footer />\n </Fragment>\n </Layout>\n );\n};\n\nexport default IndexPage;\n","import React from \"react\"\nimport PropTypes from \"prop-types\"\nimport Link, {\n withPrefix,\n navigate,\n push,\n replace,\n navigateTo,\n} from \"gatsby-link\"\nimport { waitForRouteChange } from \"./wait-for-route-change\"\nimport PageRenderer from \"./public-page-renderer\"\nimport parsePath from \"./parse-path\"\n\nconst StaticQueryContext = React.createContext({})\n\nconst StaticQuery = props => (\n <StaticQueryContext.Consumer>\n {staticQueryData => {\n if (\n props.data ||\n (staticQueryData[props.query] && staticQueryData[props.query].data)\n ) {\n return (props.render || props.children)(\n props.data ? props.data.data : staticQueryData[props.query].data\n )\n } else {\n return <div>Loading (StaticQuery)</div>\n }\n }}\n </StaticQueryContext.Consumer>\n)\n\nStaticQuery.propTypes = {\n data: PropTypes.object,\n query: PropTypes.string.isRequired,\n render: PropTypes.func,\n children: PropTypes.func,\n}\n\nfunction graphql() {\n throw new Error(\n `It appears like Gatsby is misconfigured. Gatsby related \\`graphql\\` calls ` +\n `are supposed to only be evaluated at compile time, and then compiled away,. ` +\n `Unfortunately, something went wrong and the query was left in the compiled code.\\n\\n.` +\n `Unless your site has a complex or custom babel/Gatsby configuration this is likely a bug in Gatsby.`\n )\n}\n\nexport {\n Link,\n withPrefix,\n graphql,\n parsePath,\n navigate,\n push, // TODO replace for v3\n replace, // TODO remove replace for v3\n navigateTo, // TODO: remove navigateTo for v3\n StaticQueryContext,\n StaticQuery,\n PageRenderer,\n waitForRouteChange,\n}\n","const preferDefault = m => (m && m.default) || m\n\nif (process.env.BUILD_STAGE === `develop`) {\n module.exports = preferDefault(require(`./public-page-renderer-dev`))\n} else if (process.env.BUILD_STAGE === `build-javascript`) {\n module.exports = preferDefault(require(`./public-page-renderer-prod`))\n} else {\n module.exports = () => null\n}\n","import React from \"react\"\nimport PropTypes from \"prop-types\"\n\nimport InternalPageRenderer from \"./page-renderer\"\nimport loader from \"./loader\"\n\nconst ProdPageRenderer = ({ location }) => {\n const pageResources = loader.getResourcesForPathnameSync(location.pathname)\n return React.createElement(InternalPageRenderer, {\n location,\n pageResources,\n ...pageResources.json,\n })\n}\n\nProdPageRenderer.propTypes = {\n location: PropTypes.shape({\n pathname: PropTypes.string.isRequired,\n }).isRequired,\n}\n\nexport default ProdPageRenderer\n"],"sourceRoot":""}