{"version":3,"file":"component---src-pages-blog-tsx-363979e298e6a473076f.js","mappings":"+HAEMA,E,QAAWC,GAAAA,IAAAA,WAAH,oDAAGA,CAAH,oDAMd,O,iECFMC,EAAQD,EAAAA,GAAAA,EAAAA,WAAH,0DAAGA,CAAH,yCAKLE,EAAcF,EAAAA,GAAAA,EAAAA,WAAH,gEAAGA,CAAH,MAkBjB,IAViB,SAAC,GAAgD,IAA9CG,EAA6C,EAA7CA,KAA6C,IAAvCC,MAAAA,OAAuC,MAA/B,KAA+B,EAAzBC,EAAyB,EAAzBA,YACtC,OACE,wBAAC,IAAD,KACE,wBAAC,KAAD,KAAaF,GACb,wBAACF,EAAD,KAAQG,GACR,wBAACF,EAAD,KAAcG,M,8HCrBdC,EAAYN,EAAAA,GAAAA,IAAAA,WAAH,0DAAGA,CAAH,sKAcTO,EAAiBP,EAAAA,GAAAA,IAAAA,WAAH,+DAAGA,CAAH,2CAiBpB,EARa,SAAC,GAAyB,IAAvBQ,EAAsB,EAAtBA,SACd,OACE,wBAACF,EAAD,KACE,wBAACC,EAAD,KAAiBC,K,UCjBjBC,GAAaT,EAAAA,EAAAA,IAAOU,EAAAA,MAAV,uEAAGV,CAAH,2BAID,SAASW,EAAT,GAA2D,IAA3CP,EAA0C,EAA1CA,MAAOQ,EAAmC,EAAnCA,QAASC,EAA0B,EAA1BA,UAAWC,EAAe,EAAfA,KAClDC,GAAeC,EAAAA,EAAAA,IAAYF,GACjC,OACE,wBAAC,EAAD,KACE,wBAACL,EAAD,CAAYQ,GAAIF,GACd,wBAACG,EAAA,EAAD,CAAWC,UAAWN,IACtB,wBAACO,EAAA,EAAD,CAAUjB,KAAMC,EAAOA,MAAO,KAAMC,YAAaO,MCX1C,SAASS,EAAT,GAAkC,IAKzCC,EALwC,EAAhBC,MAKaC,KAJxB,SAACC,GAClB,OAAO,wBAACd,EAAD,iBAAUc,EAAV,CAAgBC,IAAKD,EAAKX,WAKnC,OACE,wBAACa,EAAA,EAAD,CAAaC,WAAS,GACpB,wBAACC,EAAA,EAAD,CAAUC,MAAO,CAAEC,OAAO,SAAYT,M,oJCd/BU,GAAchC,EAAAA,EAAAA,IAAOiC,EAAAA,GAAV,4EAAGjC,CAAH,iBAST,SAASkB,EAAT,GAIJ,IAHTC,EAGQ,EAHRA,UAGQ,IAFRe,UAAAA,OAEQ,MAFIF,EAEJ,EADLG,GACK,YACFC,GAAQC,EAAAA,EAAAA,GAASlB,EAAUmB,WACjC,OACE,wBAACJ,EAAD,eACEK,IAAKpB,EAAUqB,gBACfJ,MAAOA,EACPK,UAAU,WACNN,M,iICfK,SAASd,IACtB,IAC0BE,GAChBmB,EAAAA,EAAAA,gBAAe,cADvBC,cAAiBC,MAWnB,OAAO,wBAAC,IAAD,CAAWrB,MAAOA,I,cChBZ,SAASsB,IACtB,IAAMC,GAAQC,EAAAA,EAAAA,KAEd,OACE,wBAAC,IAAD,CAAQC,KAAK,yCACX,wBAAC,IAAD,CAAK5C,MAAM,aACX,wBAAC,IAAD,CAAMA,MAAM,OAAO0C,MAAOA,EAAOV,MAAO,OACxC,wBAAC,EAAD,S,mECDOW,EAAyB,WAUpC,OALUL,EAAAA,EAAAA,gBAAe,cAHvBO,KACEC,gBAAmBJ,Q,yBCfnBjB,E,QAAW7B,GAAAA,IAAAA,WAAH,mDAAGA,CAAH,gEAMd","sources":["webpack://gatsby-hansogroup/./src/components/CardBody.tsx","webpack://gatsby-hansogroup/./src/components/CardInfo.tsx","webpack://gatsby-hansogroup/./src/components/Card.tsx","webpack://gatsby-hansogroup/./src/components/Posts/Post/index.tsx","webpack://gatsby-hansogroup/./src/components/Posts/index.tsx","webpack://gatsby-hansogroup/./src/components/Thumbnail.tsx","webpack://gatsby-hansogroup/./src/Blog/Posts/index.tsx","webpack://gatsby-hansogroup/./src/Blog/index.tsx","webpack://gatsby-hansogroup/./src/utils/blog.ts","webpack://gatsby-hansogroup/./src/components/FlexList.js"],"sourcesContent":["import styled from \"styled-components\"\n\nconst CardBody = styled.div`\n  padding: 2rem;\n  font-size: 1rem;\n  overflow-x: hidden;\n`\n\nexport default CardBody\n","import React from \"react\"\nimport styled from \"styled-components\"\n\nimport { SubHeading } from \"./styles\"\nimport CardBody from \"./CardBody\"\n\nconst Title = styled.p`\n  padding: 0.5rem 0;\n  font-style: italic;\n`\n\nconst Description = styled.p``\n\ninterface Props {\n  name: string\n  title?: string\n  description: string\n}\n\nconst CardInfo = ({ name, title = null, description }: Props) => {\n  return (\n    <CardBody>\n      <SubHeading>{name}</SubHeading>\n      <Title>{title}</Title>\n      <Description>{description}</Description>\n    </CardBody>\n  )\n}\n\nexport default CardInfo\n","import React from \"react\"\nimport styled from \"styled-components\"\n\nconst Container = styled.div`\n  flex-basis: 33.33%;\n  position: relative;\n  padding: 0;\n  margin: 0;\n  box-sizing: border-box;\n  @media (max-width: 768px) {\n    flex-basis: 50%;\n  }\n  @media (max-width: 640px) {\n    flex-basis: 100%;\n  }\n`\n\nconst InnerContainer = styled.div`\n  background-color: #ffffff;\n  margin: 1rem;\n`\n\ninterface Props {\n  children: React.ReactNode\n}\n\nconst Card = ({ children }: Props) => {\n  return (\n    <Container>\n      <InnerContainer>{children}</InnerContainer>\n    </Container>\n  )\n}\n\nexport default Card\n","import React from \"react\"\nimport { Link } from \"gatsby\"\nimport styled from \"styled-components\"\n\nimport { PostPreview } from \"../../../types/api/Post\"\nimport Thumbnail from \"../../Thumbnail\"\nimport CardInfo from \"../../CardInfo\"\nimport Card from \"../../Card\"\nimport { getPostLink } from \"../../../utils/links\"\n\ninterface Props extends PostPreview {}\n\nconst StyledLink = styled(Link)`\n  text-decoration: none;\n`\n\nexport default function Post({ title, excerpt, thumbnail, slug }: Props) {\n  const href: string = getPostLink(slug)\n  return (\n    <Card>\n      <StyledLink to={href}>\n        <Thumbnail imageData={thumbnail} />\n        <CardInfo name={title} title={null} description={excerpt} />\n      </StyledLink>\n    </Card>\n  )\n}\n","import React from \"react\"\n\nimport ContentArea from \"../ContentArea\"\nimport { PostPreview } from \"../../types/api/Post\"\nimport FlexList from \"../FlexList\"\nimport Post from \"./Post\"\n\ninterface Props {\n  posts: PostPreview[]\n}\n\nexport default function Posts({ posts }: Props) {\n  const renderPost = (post: PostPreview): JSX.Element => {\n    return <Post {...post} key={post.slug} />\n  }\n\n  const renderedPosts: JSX.Element[] = posts.map(renderPost)\n\n  return (\n    <ContentArea alternate>\n      <FlexList style={{ margin: `1rem` }}>{renderedPosts}</FlexList>\n    </ContentArea>\n  )\n}\n","import React from \"react\"\n\nimport { GatsbyImage, GatsbyImageProps, getImage } from \"gatsby-plugin-image\"\nimport styled, { CSSProperties } from \"styled-components\"\nimport ThumbnailType from \"../types/api/Thumbnail\"\n\nexport const StyledImage = styled(GatsbyImage)`\n  width: 100%;\n`\n\nexport interface Props extends Omit<GatsbyImageProps, \"image\" | \"alt\"> {\n  imageData: ThumbnailType\n  Component?: typeof StyledImage\n}\n\nexport default function Thumbnail({\n  imageData,\n  Component = StyledImage,\n  ...other\n}: Props) {\n  const image = getImage(imageData.localFile)\n  return (\n    <Component\n      alt={imageData.alternativeText}\n      image={image}\n      objectFit=\"contain\"\n      {...other}\n    />\n  )\n}\n","import React from \"react\"\nimport { graphql, useStaticQuery } from \"gatsby\"\n\nimport QueryWithNodes from \"../../types/api/QueryWithNodes\"\nimport { PostPreview } from \"../../types/api/Post\"\nimport BasePosts from \"../../components/Posts\"\n\ninterface Data {\n  allStrapiPost: QueryWithNodes<PostPreview>\n}\n\nexport default function Posts() {\n  const {\n    allStrapiPost: { nodes: posts },\n  }: Data = useStaticQuery(graphql`\n    {\n      allStrapiPost {\n        nodes {\n          ...PostPreview\n        }\n      }\n    }\n  `)\n\n  return <BasePosts posts={posts} />\n}\n","import React from \"react\"\n\nimport Layout from \"../components/layout\"\nimport Seo from \"../components/seo\"\nimport Hero from \"../components/hero\"\nimport Posts from \"./Posts\"\nimport { useBlogBackgroundImage } from \"../utils/blog\"\n\nexport default function Blog() {\n  const fluid = useBlogBackgroundImage()\n\n  return (\n    <Layout logo=\"/hansogroup-logo-horizontal-light.svg\">\n      <Seo title=\"HansoLog\" />\n      <Hero title=\"Blog\" fluid={fluid} image={null} />\n      <Posts />\n    </Layout>\n  )\n}\n","import { graphql, useStaticQuery } from \"gatsby\"\n\ninterface ChildImageSharp {\n  fluid: any\n}\n\ninterface File {\n  childImageSharp: ChildImageSharp\n}\n\ninterface Data {\n  file: File\n}\n\nexport const useBlogBackgroundImage = () => {\n  const {\n    file: {\n      childImageSharp: { fluid },\n    },\n  }: Data = useStaticQuery(graphql`\n    {\n      ...BlogBackgroundImage\n    }\n  `)\n  return fluid\n}\n","import styled from \"styled-components\"\n\nconst FlexList = styled.div`\n  display: flex;\n  flex-flow: row wrap;\n  justify-content: flexStart;\n`\n\nexport default FlexList\n"],"names":["CardBody","styled","Title","Description","name","title","description","Container","InnerContainer","children","StyledLink","Link","Post","excerpt","thumbnail","slug","href","getPostLink","to","Thumbnail","imageData","CardInfo","Posts","renderedPosts","posts","map","post","key","ContentArea","alternate","FlexList","style","margin","StyledImage","GatsbyImage","Component","other","image","getImage","localFile","alt","alternativeText","objectFit","useStaticQuery","allStrapiPost","nodes","Blog","fluid","useBlogBackgroundImage","logo","file","childImageSharp"],"sourceRoot":""}