{"version":3,"file":"component---src-pages-book-js-f35d543e46f617d706a1.js","mappings":"8QAUMA,GAAcC,EAAAA,EAAAA,SAAOC,EAAAA,MAAV,uEAAGD,CAAH,sEACNE,EAAAA,OAAAA,OAAAA,KAAAA,OAMI,SAASC,EAAT,GAA4B,IAATC,EAAQ,EAARA,KAC1BC,EAAa,CAAC,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,IAC/C,OACE,gBAAC,IAAD,KACE,gBAAC,IAAD,CAAKC,MAAM,gBACX,gBAAC,IAAD,KACE,gBAAC,IAAD,CACEC,MAAM,SACNC,UAAU,SACVC,MAAM,QACNC,IAAK,CAAEC,WAAY,UACnBC,OAAQ,CAAEC,OAAQ,WAElB,gBAAC,IAAD,CAAKC,UAAU,iBAAiBC,IAAI,SAClC,gBAAC,IAAD,CAAKC,YAAY,EAAOC,MAAM,MAAMC,MAAM,UACxC,gBAAC,IAAD,CAAKC,MAAOf,EAAKgB,MAAMC,gBAAgBF,SAEzC,gBAAC,IAAD,CAAKF,MAAM,MAAMK,QAAQ,UACvB,gBAAC,IAAD,CAASC,MAAM,IAAIX,OAAO,OAAOY,KAAK,UAAtC,oBAGA,gBAAC,IAAD,CAAWA,KAAK,QAAQC,MAAI,GAA5B,mWAQA,gBAAC,IAAD,QAGJ,gBAAC,IAAD,CAAKb,OAAQ,CAAEc,IAAK,QAASb,OAAQ,WACnC,gBAAC,IAAD,CAASU,MAAM,IAAIX,OAAO,OAAOY,KAAK,UAAtC,cAIF,gBAAC,aAAD,MACG,SAAAA,GAAI,OACH,gBAAC,IAAD,CACEG,QAAkB,UAATH,EAAmB,OAAS,CAAC,OAAQ,OAAQ,QACtDT,IAAKS,GAEJpB,EAAKwB,SAASC,MAAMC,KAAI,SAACC,EAASC,GACjC,OACE,gBAAC,IAAD,CAAKC,IAAKD,EAAGpB,OAAQ,CAAEC,OAAQ,WAC7B,gBAACd,EAAD,CAAamC,GAAE,IAAMH,EAAQI,KAAQF,IAAKD,GACxC,gBAAC,IAAD,CAAKd,MAAM,SAASkB,OAAO,SACzB,gBAAC,IAAD,CACEC,IAAKN,EAAQO,YAAYhC,MACzBa,MACEY,EAAQO,YAAYC,MAChBR,EAAQO,YAAYC,MAAMlB,gBACvBF,MACHf,EAAKoC,QAAQC,MAAM,GAAGC,KAAKrB,gBACxBF,MAETwB,UAAU,QACVC,MAAO,CAAER,OAAQ,YAIrB,gBAAC,IAAD,CACEb,MAAO,EACPC,KAAK,SACLZ,OAAQ,CAAEC,OAAQ,SAEjBkB,EAAQO,YAAYhC,YAM9BD,EAAWyB,KAAI,SAACe,EAAMb,GACrB,OACE,gBAAC,IAAD,CAAKC,IAAKD,EAAGpB,OAAQ,CAAEC,OAAQ,WAC7B,gBAAC,IAAD,CACEK,MAAM,SACNkB,OAAO,QACPU,WAAY,CACVC,MAAO,aAGX,gBAAC,IAAD,CACExB,MAAO,EACPC,KAAK,SACLZ,OAAQ,CAAEC,OAAQ,SAHpB","sources":["webpack://po3/./src/pages/book.js"],"sourcesContent":["import React from \"react\"\nimport { Link, graphql } from \"gatsby\"\nimport { Box, Heading, Grid, Paragraph, ResponsiveContext } from \"grommet\"\nimport Img from \"gatsby-image\"\nimport Seo from \"../components/seo\"\nimport Layout from \"../components/layout\"\nimport SignUp from \"../components/signup\"\nimport styled from \"styled-components\"\nimport theme from \"../themes/po3Theme.json\"\n\nconst JournalLink = styled(Link)`\n  color: ${theme.global.colors.text.light};\n  text-decoration: none;\n  :hover {\n    text-decoration: underline;\n  }\n`\nexport default function Contact({ data }) {\n  const comingsoon = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]\n  return (\n    <Layout>\n      <Seo title=\"Book by Po3\" />\n      <Box>\n        <Box\n          width=\"xlarge\"\n          alignSelf=\"center\"\n          align=\"start\"\n          pad={{ horizontal: \"medium\" }}\n          margin={{ bottom: \"xlarge\" }}\n        >\n          <Box direction=\"row-responsive\" gap=\"large\">\n            <Box responsive={false} basis=\"1/3\" round=\"xsmall\">\n              <Img fluid={data.cover.childImageSharp.fluid} />\n            </Box>\n            <Box basis=\"2/3\" justify=\"center\">\n              <Heading level=\"3\" margin=\"none\" size=\"medium\">\n                #TheFalseEconomy\n              </Heading>\n              <Paragraph size=\"small\" fill>\n                We’re serialising our book, a ‘how to’ on purpose driven\n                business design. Open sourcing our approach to rapid business\n                design for a better economy and a sustainable future. Get all\n                our IP every week, immediate access to Econsultancy’s Best\n                Practice Guide to Rapid Innovation, a free copy of the book when\n                finished and an invite to our Slack community.\n              </Paragraph>\n              <SignUp />\n            </Box>\n          </Box>\n          <Box margin={{ top: \"large\", bottom: \"medium\" }}>\n            <Heading level=\"4\" margin=\"none\" size=\"medium\">\n              Contents:\n            </Heading>\n          </Box>\n          <ResponsiveContext.Consumer>\n            {size => (\n              <Grid\n                columns={size === \"small\" ? \"auto\" : [\"flex\", \"flex\", \"flex\"]}\n                gap={size}\n              >\n                {data.chapters.nodes.map((article, i) => {\n                  return (\n                    <Box key={i} margin={{ bottom: \"medium\" }}>\n                      <JournalLink to={`/${article.slug}`} key={i}>\n                        <Box round=\"xsmall\" height=\"small\">\n                          <Img\n                            alt={article.frontmatter.title}\n                            fluid={\n                              article.frontmatter.image\n                                ? article.frontmatter.image.childImageSharp\n                                    .fluid\n                                : data.allFile.edges[0].node.childImageSharp\n                                    .fluid\n                            }\n                            objectFit=\"cover\"\n                            style={{ height: \"300px\" }}\n                          />\n                        </Box>\n\n                        <Heading\n                          level={3}\n                          size=\"xsmall\"\n                          margin={{ bottom: \"none\" }}\n                        >\n                          {article.frontmatter.title}\n                        </Heading>\n                      </JournalLink>\n                    </Box>\n                  )\n                })}\n                {comingsoon.map((soon, i) => {\n                  return (\n                    <Box key={i} margin={{ bottom: \"medium\" }}>\n                      <Box\n                        round=\"xsmall\"\n                        height=\"small\"\n                        background={{\n                          color: \"light-3\",\n                        }}\n                      ></Box>\n                      <Heading\n                        level={3}\n                        size=\"xsmall\"\n                        margin={{ bottom: \"none\" }}\n                      >\n                        Coming soon\n                      </Heading>\n                    </Box>\n                  )\n                })}\n              </Grid>\n            )}\n          </ResponsiveContext.Consumer>\n        </Box>\n      </Box>\n    </Layout>\n  )\n}\nexport const query = graphql`\n  query Book {\n    chapters: allMdx(sort: {fields: frontmatter___date, order: ASC}, filter: {frontmatter: {type: {eq: \"book\"}}}) {\n      nodes {\n        slug\n        frontmatter {\n          title\n          author\n          image {\n            childImageSharp {\n              fluid {\n                ...GatsbyImageSharpFluid\n                ...GatsbyImageSharpFluidLimitPresentationSize\n              }\n            }\n          }\n        }\n      }\n    }\n    cover: file(relativePath: { eq: \"static/images/transparentbook.png\" }) {\n      childImageSharp {\n        fluid(maxWidth: 1024, quality: 100) {\n          src\n          ...GatsbyImageSharpFluid\n          ...GatsbyImageSharpFluidLimitPresentationSize\n        }\n      }\n    }\n  }\n`\n"],"names":["JournalLink","styled","Link","theme","Contact","data","comingsoon","title","width","alignSelf","align","pad","horizontal","margin","bottom","direction","gap","responsive","basis","round","fluid","cover","childImageSharp","justify","level","size","fill","top","columns","chapters","nodes","map","article","i","key","to","slug","height","alt","frontmatter","image","allFile","edges","node","objectFit","style","soon","background","color"],"sourceRoot":""}