{"version":3,"sources":["webpack:///./src/components/HeaderExpanded/HeaderExpanded.jsx","webpack:///./src/components/prevnext.js","webpack:///./src/components/metatags.js","webpack:///./src/templates/blog-post.jsx"],"names":["HeaderExpanded","props","image","title","backgroundImageStyle","backgroundImage","backgroundSize","backgroundPosition","backgroundRepeat","Header","noGutters","xs","md","className","fluid","style","PrevNext","prev","next","Container","Row","Col","href","fields","slug","icon","faArrowLeft","frontmatter","faArrowRight","Metatags","Helmet","meta","name","content","description","property","pathname","url","thumbnail","lang","BlogPost","data","site","siteMetadata","siteUrl","markdownRemark","childImageSharp","resize","src","caption","tags","pageContext","excerpt","location","to","dangerouslySetInnerHTML","__html","html","node"],"mappings":"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","file":"component---src-templates-blog-post-jsx-41e744246215088643de.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 { Container, Row, Col } from 'react-bootstrap';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faArrowLeft, faArrowRight } from '@fortawesome/free-solid-svg-icons';\n\nconst PrevNext = (props) => {\n  const { prev, next } = props;\n\n  return (\n    <>\n      <Container className='mb-3 px-0'>\n        <Row>\n          {prev && (\n            <Col md={6}>\n              <a\n                href={prev.fields.slug}\n                className='d-block bg-primary text-white text-decoration-none py-3 px-3 mb-2 text-left'\n              >\n                <FontAwesomeIcon icon={faArrowLeft} /> {prev.frontmatter.title}\n              </a>\n            </Col>\n          )}\n          {next && (\n            <Col\n              md={6}\n              className=''\n            >\n              <a\n                href={next.fields.slug}\n                className='d-block bg-primary text-white text-decoration-none py-3 px-3 mb-2 text-right'\n              >\n                {next.frontmatter.title} <FontAwesomeIcon icon={faArrowRight} />{' '}\n              </a>\n            </Col>\n          )}\n        </Row>\n      </Container>\n    </>\n  );\n};\n\nexport default PrevNext;\n","import React from 'react';\nimport Helmet from 'react-helmet'\n\nfunction Metatags(props) {\n\n    return (\n        <Helmet\n            title={props.title}\n            meta={[\n                { name: 'title', content: props.title },\n\n                { name: 'description', content: props.description },\n                {\n                    property: 'og:title',\n                    content: props.title,\n                },\n                {\n                    property: 'og:url',\n                    content: props.pathname ? props.url + props.pathname : props.url,\n                },\n\n                {\n                    property: 'og:image',\n                    content: props.thumbnail && props.thumbnail,\n                },\n                {\n                    property: 'og:image:secure_url',\n                    content: props.thumbnail && props.thumbnail,\n                },\n\n                {\n                    property: 'og:description',\n                    content: props.description,\n                },\n\n                {\n                    property: 'og:image:width',\n                    content: '1200',\n                },\n\n                {\n                    property: 'og:image:height',\n                    content: '630',\n                },\n                {\n                    property: 'og:locale',\n                    content: 'en',\n                },\n                { name: 'twitter:card', content: 'summary_large_image' },\n\n                { name: 'twitter:title', content: props.title },\n\n                {\n                    name: 'twitter:description',\n                    content: props.description,\n                },\n                {\n                    name: 'twitter:image',\n                    content: props.thumbnail && props.thumbnail,\n                },\n                { property: 'og:type', content: 'website' },\n                { name: 'robots', content: 'index, follow' },\n\n                { property: 'og:site_name', content: 'HortPlus' }\n            ]}\n        >\n            <html lang=\"en\" />\n        </Helmet>\n    )\n}\n\nexport default Metatags;","import React from 'react';\nimport Img from 'gatsby-image';\nimport { graphql, Link } from 'gatsby';\nimport { Container, Row, Col } from 'react-bootstrap';\nimport PrevNext from '../components/prevnext';\nimport MetaTags from '../components/metatags';\nimport HeaderExpanded from '../components/HeaderExpanded/HeaderExpanded';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faArrowLeft } from '@fortawesome/free-solid-svg-icons';\n\nfunction BlogPost(props) {\n  const url = props.data.site.siteMetadata.siteUrl;\n  const thumbnail =\n    props.data.markdownRemark.frontmatter.image &&\n    props.data.markdownRemark.frontmatter.image.childImageSharp.resize.src;\n  const { title, image, tags, caption } = props.data.markdownRemark.frontmatter;\n  const { prev, next } = props.pageContext;\n\n  return (\n    <>\n      <MetaTags\n        title={title}\n        description={props.data.markdownRemark.excerpt}\n        thumbnail={thumbnail && url + thumbnail}\n        url={url}\n        pathname={props.location.pathname}\n      />\n      <HeaderExpanded title='News' image='' />\n      <Container className='my-3'>\n        <div className='my-3'>\n          <Link to='/news'>\n            <FontAwesomeIcon icon={faArrowLeft} /> Back to News\n          </Link>\n        </div>\n        {image && (\n          <Row>\n            <Col>\n              <Img fluid={image.childImageSharp.fluid} />\n              <small className='d-block text-right'>{caption}</small>\n            </Col>\n          </Row>\n        )}\n        <h1 className='hp-title hp-title--subtitle-twothirds my-4'>{title}</h1>\n        <div className='mb-3'>\n          <div\n            dangerouslySetInnerHTML={{ __html: props.data.markdownRemark.html }}\n          />\n          <hr></hr>\n          {/* <div>\n            <hr></hr>\n            <div className=\"bg-light p-4\">\n              <span>Tagged in: </span>\n              {tags.map((tag, i) => (\n                <a href={`/${tag}`} key={i} style={{ marginLeft: '10px' }}>\n                  {tag}\n                </a>\n              ))}\n            </div>\n          </div> */}\n        </div>\n        <PrevNext prev={prev && prev.node} next={next && next.node} />\n      </Container>\n    </>\n  );\n}\n\nexport default BlogPost;\n\nexport const query = graphql`\n  query PostQuery($slug: String!) {\n    markdownRemark(fields: { slug: { eq: $slug } }) {\n      html\n      excerpt\n      frontmatter {\n        title\n        tags\n        image {\n          childImageSharp {\n            resize(width: 1000, height: 420) {\n              src\n            }\n            fluid(maxWidth: 786) {\n              ...GatsbyImageSharpFluid\n            }\n          }\n        }\n        caption\n      }\n    }\n    site {\n      siteMetadata {\n        siteUrl\n      }\n    }\n  }\n`;\n"],"sourceRoot":""}