{"version":3,"sources":["webpack:///./src/templates/tag-template.jsx","webpack:///./src/components/HeaderExpanded/HeaderExpanded.jsx"],"names":["Tags","props","posts","data","allMarkdownRemark","edges","tag","pageContext","title","className","map","i","node","key","lg","to","fields","slug","xs","md","frontmatter","excerpt","date","size","icon","faChevronRight","HeaderExpanded","image","backgroundImageStyle","backgroundImage","backgroundSize","backgroundPosition","backgroundRepeat","Header","noGutters","fluid","style"],"mappings":"mHAAA,8HA+CeA,UAvCF,SAACC,GACZ,IAAMC,EAAQD,EAAME,KAAKC,kBAAkBC,MACnCC,EAAQL,EAAMM,YAAdD,IACR,OACE,oCACE,kBAAC,IAAD,CAAgBE,MAAK,iBAAmBF,IACxC,kBAAC,IAAD,CAAWG,UAAU,QACnB,kBAAC,IAAD,KACGP,EAAMQ,KAAI,WAAWC,GAAX,IAAGC,EAAH,EAAGA,KAAH,OACT,kBAAC,IAAD,CAAKC,IAAKF,EAAGG,GAAI,EAAGL,UAAU,QAC5B,yBAAKA,UAAU,mBACb,kBAAC,OAAD,CAAMM,GAAIH,EAAKI,OAAOC,KAAMJ,IAAKF,EAAGF,UAAU,cAC5C,kBAAC,IAAD,KACE,kBAAC,IAAD,CAAKA,UAAU,QACb,kBAAC,IAAD,CAAKS,GAAI,GAAIC,GAAI,IACf,wBAAIV,UAAU,oBACXG,EAAKQ,YAAYZ,OAEpB,2BAAII,EAAKS,SACT,+BAAQT,EAAKQ,YAAYE,OAE3B,kBAAC,IAAD,CACEJ,GAAI,EACJT,UAAU,8DAEV,kBAAC,IAAD,CAAiBc,KAAK,KAAKC,KAAMC,oB,kCCjCzD,iFA2CeC,IAtCf,SAAwBzB,GAAQ,IACtB0B,EAAiB1B,EAAjB0B,MAAOnB,EAAUP,EAAVO,MAEXoB,EAAuB,CACzBC,gBAAgB,OAAQF,EAAT,IACfG,eAAgB,QAChBC,mBAAoB,eACpBC,iBAAkB,aAGdC,EACJ,kBAAC,IAAD,KACE,kBAAC,IAAD,CAAKC,WAAS,GACZ,kBAAC,IAAD,CAAKhB,GAAI,GAAIC,GAAI,EAAGV,UAAU,uCAC5B,4BAAQA,UAAU,4CAA4CD,MAMtE,OAAOmB,EACL,kBAAC,IAAD,CACEQ,OAAK,EACL1B,UAAU,wEAEV,yBAAK2B,MAAOR,EAAsBnB,UAAU,6BAC3CwB,GAGH,kBAAC,IAAD,CACEE,OAAK,EACL1B,UAAU,kFAETwB,K","file":"component---src-templates-tag-template-jsx-e3b2d4b96076626f8c50.js","sourcesContent":["import React from 'react';\nimport { Link, graphql } from 'gatsby';\nimport { Container, Row, Col, Img } from 'react-bootstrap';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faChevronRight } from '@fortawesome/free-solid-svg-icons';\nimport HeaderExpanded from '../components/HeaderExpanded/HeaderExpanded';\nimport '../components/ArticleCard/ArticleCard.scss';\n\nconst Tags = (props) => {\n  const posts = props.data.allMarkdownRemark.edges;\n  const { tag } = props.pageContext;\n  return (\n    <>\n      <HeaderExpanded title={`Posts Tagged: ${tag}`} />\n      <Container className='my-3'>\n        <Row>\n          {posts.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                  <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 Tags;\n\nexport const query = graphql`\n  query TagsQuery($tag: String!) {\n    allMarkdownRemark(\n      limit: 2000\n      sort: { fields: [frontmatter___date], order: DESC }\n      filter: { frontmatter: { tags: { eq: $tag } } }\n    ) {\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`;\n","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"],"sourceRoot":""}