{"version":3,"sources":["webpack:///./src/components/HeaderExpanded/HeaderExpanded.jsx","webpack:///./src/pages/news.jsx"],"names":["HeaderExpanded","props","image","title","backgroundImageStyle","backgroundImage","backgroundSize","backgroundPosition","backgroundRepeat","Header","noGutters","xs","md","className","fluid","style","GrowerKnowledge","postList","data","allMarkdownRemark","edges","map","i","node","key","lg","to","fields","slug","frontmatter","childImageSharp","excerpt","date","size","icon","faChevronRight"],"mappings":"mHAAA,iFA2CeA,IAtCf,SAAwBC,GAAQ,IACtBC,EAAiBD,EAAjBC,MAAOC,EAAUF,EAAVE,MAEXC,EAAuB,CACzBC,gBAAgB,OAAQH,EAAT,IACfI,eAAgB,QAChBC,mBAAoB,eACpBC,iBAAkB,aAGdC,EACJ,kBAAC,IAAD,KACE,kBAAC,IAAD,CAAKC,WAAS,GACZ,kBAAC,IAAD,CAAKC,GAAI,GAAIC,GAAI,EAAGC,UAAU,uCAC5B,4BAAQA,UAAU,4CAA4CV,MAMtE,OAAOD,EACL,kBAAC,IAAD,CACEY,OAAK,EACLD,UAAU,wEAEV,yBAAKE,MAAOX,EAAsBS,UAAU,6BAC3CJ,GAGH,kBAAC,IAAD,CACEK,OAAK,EACLD,UAAU,kFAETJ,K,kCCtCP,qJAkDeO,UAzCS,SAACf,GACvB,IAAMgB,EAAWhB,EAAMiB,KAAKC,kBAC5B,OACE,oCACE,kBAAC,IAAD,CAAgBhB,MAAM,SACtB,kBAAC,IAAD,CAAWU,UAAU,QACnB,kBAAC,IAAD,KACGI,EAASG,MAAMC,KAAI,WAAWC,GAAX,IAAGC,EAAH,EAAGA,KAAH,OAClB,kBAAC,IAAD,CAAKC,IAAKF,EAAGG,GAAI,EAAGZ,UAAU,QAC5B,yBAAKA,UAAU,mBACb,kBAAC,OAAD,CAAMa,GAAIH,EAAKI,OAAOC,KAAMJ,IAAKF,EAAGT,UAAU,cAC3CU,EAAKM,YAAY3B,OAChB,kBAAC,IAAD,CAAKY,MAAOS,EAAKM,YAAY3B,MAAM4B,gBAAgBhB,QAErD,kBAAC,IAAD,KACE,kBAAC,IAAD,CAAKD,UAAU,QACb,kBAAC,IAAD,CAAKF,GAAI,GAAIC,GAAI,IACf,wBAAIC,UAAU,oBACXU,EAAKM,YAAY1B,OAEpB,2BAAIoB,EAAKQ,SACT,+BAAQR,EAAKM,YAAYG,OAE3B,kBAAC,IAAD,CACErB,GAAI,EACJE,UAAU,8DAEV,kBAAC,IAAD,CAAiBoB,KAAK,KAAKC,KAAMC,oB","file":"component---src-pages-news-jsx-193604cacaf19304eeff.js","sourcesContent":["import React from 'react';\nimport { Col, Container, Row } from 'react-bootstrap';\nimport './HeaderExpanded.scss';\nimport '../HomepageFrames/Frame.scss';\n\nfunction HeaderExpanded(props) {\n  const { image, title } = props;\n\n  var backgroundImageStyle = {\n    backgroundImage: `url(${image})`,\n    backgroundSize: 'cover',\n    backgroundPosition: 'center right',\n    backgroundRepeat: 'no-repeat'\n  };\n\n  const Header = (\n    <Container>\n      <Row noGutters>\n        <Col xs={10} md={6} className='hp-title hp-title--subtitle px-md-3'>\n          <header className='hp-nav-mobile text-light hp-mobile-title'>{title}</header>\n        </Col>\n      </Row>\n    </Container>\n  );\n\n  return image ? (\n    <Container\n      fluid\n      className='px-0 hp-page--blue-dark hp-expanded-header d-flex align-items-center'\n    >\n      <div style={backgroundImageStyle} className='hp-expanded-header-image' />\n      {Header}\n    </Container>\n  ) : (\n    <Container\n      fluid\n      className='px-0 hp-page--blue-grey hp-expanded-header--no-image d-flex align-items-center'\n    >\n      {Header}\n    </Container>\n  );\n}\n\nexport default HeaderExpanded;\n","import React from 'react';\nimport Img from 'gatsby-image';\nimport { Link, graphql } from 'gatsby';\nimport { Row, Col, Container } from 'react-bootstrap';\nimport HeaderExpanded from '../components/HeaderExpanded/HeaderExpanded';\nimport '../components/ArticleCard/ArticleCard.scss';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faChevronRight } from '@fortawesome/free-solid-svg-icons';\n\nconst GrowerKnowledge = (props) => {\n  const postList = props.data.allMarkdownRemark;\n  return (\n    <>\n      <HeaderExpanded title='News' />\n      <Container className='my-3'>\n        <Row>\n          {postList.edges.map(({ node }, i) => (\n            <Col key={i} lg={6} className='my-3'>\n              <div className='hp-article-card'>\n                <Link to={node.fields.slug} key={i} className='hp-article'>\n                  {node.frontmatter.image && (\n                    <Img fluid={node.frontmatter.image.childImageSharp.fluid} />\n                  )}\n                  <Container>\n                    <Row className='py-3'>\n                      <Col xs={12} md={11}>\n                        <h1 className='hp-article-title'>\n                          {node.frontmatter.title}\n                        </h1>\n                        <p>{node.excerpt}</p>\n                        <small>{node.frontmatter.date}</small>\n                      </Col>\n                      <Col\n                        xs={1}\n                        className='align-items-center justify-content-center d-none d-md-flex'\n                      >\n                        <FontAwesomeIcon size='2x' icon={faChevronRight} />\n                      </Col>\n                    </Row>\n                  </Container>\n                </Link>\n              </div>\n            </Col>\n          ))}\n        </Row>\n      </Container>\n    </>\n  );\n};\n\nexport default GrowerKnowledge;\n\nexport const listQuery = graphql`\n  query ListQuery {\n    allMarkdownRemark(sort: { order: DESC, fields: [frontmatter___date] }) {\n      edges {\n        node {\n          fields {\n            slug\n          }\n          excerpt(pruneLength: 200)\n          frontmatter {\n            date(formatString: \"MMMM Do, YYYY\")\n            title\n            image {\n              childImageSharp {\n                resize(width: 400, height: 320) {\n                  src\n                }\n                fluid(maxWidth: 520) {\n                  ...GatsbyImageSharpFluid\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n`;"],"sourceRoot":""}