-
Notifications
You must be signed in to change notification settings - Fork 0
/
component---src-pages-index-js-b2bad8648df515743e32.js.map
1 lines (1 loc) · 3.82 KB
/
component---src-pages-index-js-b2bad8648df515743e32.js.map
1
{"version":3,"sources":["webpack:///./src/components/image.js","webpack:///./src/pages/index.js"],"names":["Image","data","fluid","placeholderImage","childImageSharp","IndexPage","title","allNodeArticle","edges","map","edge","to","node","id","Date","created","style","maxWidth","marginBottom","width","relationships","field_image","localFile","dangerouslySetInnerHTML","__html","body","value","split","splice","join","query"],"mappings":"8LA+BeA,EAhBD,WACZ,IAAMC,EAAI,OAYV,OAAO,kBAAC,IAAD,CAAKC,MAAOD,EAAKE,iBAAiBC,gBAAgBF,S,kDCK5CG,UAvBG,SAAC,GAAD,IAAEJ,EAAF,EAAEA,KAAF,OAChB,kBAAC,IAAD,KACE,kBAAC,IAAD,CAAKK,MAAM,SACX,6CACA,+DACA,4DACA,2BAAIL,EAAKM,eAAeC,MAAMC,KAAI,SAAAC,GAAI,OACxC,oCACE,4BAAI,kBAAC,OAAD,CAAMC,GAAKD,EAAKE,KAAKC,IAAOH,EAAKE,KAAKN,QAC1C,+BAAO,4BAAMQ,KAAKJ,EAAKE,KAAKG,WAC5B,yBAAKC,MAAO,CAAEC,SAAS,QAAUC,aAAa,UAAYC,MAAM,SAC9D,kBAAC,IAAD,CAAKjB,MAAQQ,EAAKE,KAAKQ,cAAcC,YAAYC,UAAUlB,gBAAgBF,SAE7E,yBAAKqB,wBAAyB,CAAEC,OAAQd,EAAKE,KAAKa,KAAKC,MAAMC,MAAM,KAAKC,OAAO,EAAG,IAAIC,KAAK,KAAO,cAGlG,yBAAKb,MAAO,CAAEC,SAAS,QAAUC,aAAa,YAC5C,kBAAC,EAAD,OAEF,kBAAC,OAAD,CAAMP,GAAG,YAAT,kBAnBJ,IAyBamB,EAAK,c","file":"component---src-pages-index-js-b2bad8648df515743e32.js","sourcesContent":["import React from \"react\"\nimport { useStaticQuery, graphql } from \"gatsby\"\nimport Img from \"gatsby-image\"\n\n/*\n * This component is built using `gatsby-image` to automatically serve optimized\n * images with lazy loading and reduced file sizes. The image is loaded using a\n * `useStaticQuery`, which allows us to load the image from directly within this\n * component, rather than having to pass the image data down from pages.\n *\n * For more information, see the docs:\n * - `gatsby-image`: https://gatsby.dev/gatsby-image\n * - `useStaticQuery`: https://www.gatsbyjs.org/docs/use-static-query/\n */\n\nconst Image = () => {\n const data = useStaticQuery(graphql`\n query {\n placeholderImage: file(relativePath: { eq: \"gatsby-astronaut.png\" }) {\n childImageSharp {\n fluid(maxWidth: 300) {\n ...GatsbyImageSharpFluid\n }\n }\n }\n }\n `)\n\n return <Img fluid={data.placeholderImage.childImageSharp.fluid} />\n}\n\nexport default Image\n","import React from \"react\"\nimport { Link } from \"gatsby\"\nimport { graphql } from \"gatsby\"\n\nimport Layout from \"../components/layout\"\nimport Image from \"../components/image\"\nimport SEO from \"../components/seo\"\nimport Img from 'gatsby-image'\n\n\nconst IndexPage = ({data}) => (\n <Layout>\n <SEO title=\"Home\" />\n <h1>Hi there Tim.</h1>\n <p>Welcome to your new Gatsby site.</p>\n <p>Now go build something great.</p>\n <p>{data.allNodeArticle.edges.map(edge => (\n <>\n <h3><Link to={ edge.node.id }>{ edge.node.title }</Link></h3>\n <small><em>{ Date(edge.node.created) }</em></small>\n <div style={{ maxWidth: `300px`, marginBottom: `1.45rem`, width: `100%` }}>\n <Img fluid={ edge.node.relationships.field_image.localFile.childImageSharp.fluid } />\n </div>\n <div dangerouslySetInnerHTML={{ __html: edge.node.body.value.split(' ').splice(0, 50).join(' ') + '...' }}></div>\n </>\n))}</p>\n <div style={{ maxWidth: `300px`, marginBottom: `1.45rem` }}>\n <Image />\n </div>\n <Link to=\"/page-2/\">Go to page 2</Link>\n </Layout>\n)\n\nexport default IndexPage\n\nexport const query = graphql`\n query {\n allNodeArticle {\n edges {\n node {\n title\n id\n body {\n value\n }\n created\n relationships {\n field_image {\n localFile {\n childImageSharp {\n fluid(maxWidth: 400, quality: 100) {\n ...GatsbyImageSharpFluid\n }\n }\n }\n }\n }\n }\n }\n },\n }\n`\n"],"sourceRoot":""}