{"version":3,"sources":["webpack:///./src/components/hero.js","webpack:///./src/templates/news.js"],"names":["HeroWrapper","p","background","Title","HeroCopy","HeaderCopyArea","Container","DownArrow","FontAwesomeIcon","Hero","headline","tagline","salesPage","src","asset","localFile","childImageSharp","fluid","icon","faChevronDown","size","NewsCard","NewsCards","H2","TaglineText","SubmittedDate","Button","Icon","Image","Img","NewsContent","NewsPages","props","pageContext","currentPage","isFirst","isLast","numPages","prevPage","toString","nextPage","title","image","data","sanityPage","hero","url","key","allSanityNews","nodes","map","news","aspectRatio","objectFit","objectPosition","to","slug","current","_createdAt","rel","faArrowRight","faArrowLeft"],"mappings":"gMAKA,IAAMA,EAAW,yMAES,SAAAC,GAAC,OAAIA,EAAEC,aAFhB,yKAkBXC,EAAK,ycAILC,EAAQ,4YAIRC,EAAc,2GAKdC,EAAS,6YAKTC,EAAY,YAAOC,IAAP,qBAAH,4KAIJC,EAAO,SAAC,GAAkD,IAAD,MAA/CP,EAA+C,EAA/CA,WAAYQ,EAAmC,EAAnCA,SAAUC,EAAyB,EAAzBA,QAASC,EAAgB,EAAhBA,UAC1CC,GAAQX,SAAhB,UAAgBA,EAAYY,aAA5B,iBAAgB,EAAmBC,iBAAnC,iBAAgB,EAA8BC,uBAA9C,aAAgB,EAA+CC,OAAvDJ,IACR,OACE,YAACb,EAAD,CAAaE,WAAYW,GACvB,YAACP,EAAD,KACE,YAACD,EAAD,KACGK,GAAY,YAACP,EAAD,KAAQO,GACpBC,GAAW,YAACP,EAAD,KAAWO,GACtBC,GACC,YAACR,EAAD,CAAUQ,UAAWA,GAArB,4IAMF,YAACL,EAAD,CAAWW,KAAMC,IAAeC,KAAM,Y,0LCjDzC,IA8CHd,EAAS,iYAITe,EAAQ,wnBAIRC,EAAS,uHAITC,EAAE,uMAIFC,EAAW,mKAIXC,EAAa,uKAIbC,EAAM,8UAINC,EAAO,YAAOnB,IAAP,sBAAH,kEAIJoB,EAAQ,YAAOC,IAAP,sBAAH,qJAILC,EAAW,qPAmEAC,UA9DC,SAAAC,GAAU,IAAD,IACvB,EAAkCA,EAAMC,YAAhCC,EAAR,EAAQA,YACFC,EAA0B,IAAhBD,EACVE,EAASF,IAFf,EAAqBG,SAGfC,EACJJ,EAAc,GAAM,EAAI,SAAWA,EAAc,GAAGK,WAChDC,GAAYN,EAAc,GAAGK,WACnC,OACE,YAAC,IAAD,KACE,YAAC,IAAD,CACEE,MAAO,OACPC,MAAOV,EAAMW,KAAKC,WAAWC,KAAK3C,WAAWY,MAAMgC,MAErD,YAAC,IAAD,aAAMC,IAAK,QAAX,UAAuBf,EAAMW,KAAKC,kBAAlC,aAAuB,EAAuBC,OAC9C,YAACvC,EAAD,KACE,YAACgB,EAAD,KACGU,SADH,UACGA,EAAOW,YADV,aACG,EAAaK,cAAcC,MAAMC,KAAI,SAAAC,GAAI,OACxC,YAAC9B,EAAD,KACG8B,EAAKT,OACJ,YAACd,EAAD,CACEX,MAAK,iBAAOkC,EAAKT,MAAM5B,MAAMG,MAAxB,CAA+BmC,YAAa,GAAK,IACtDC,UAAU,QACVC,eAAe,YAGnB,YAACxB,EAAD,KACE,YAAC,OAAD,CAAMyB,GAAE,SAAWJ,EAAKK,KAAKC,SAC3B,YAAClC,EAAD,KAAK4B,EAAKV,QAEXU,EAAKxC,SAAW,YAACa,EAAD,KAAc2B,EAAKxC,SACpC,YAACc,EAAD,KAAgB0B,EAAKO,YACrB,YAAChC,EAAD,KACE,YAAC,OAAD,CAAM6B,GAAE,SAAWJ,EAAKK,KAAKC,QAAWE,IAAI,YAA5C,YAEE,YAAChC,EAAD,CAAMT,KAAM0C,cAMpBzB,GACA,YAACT,EAAD,KACE,YAAC,OAAD,CAAM6B,GAAIjB,EAAUqB,IAAI,QACtB,YAAChC,EAAD,CAAMT,KAAM2C,MADd,mBAMFzB,GACA,YAACV,EAAD,KACE,YAAC,OAAD,CAAM6B,GAAIf,EAAUmB,IAAI,QAAxB,YAEE,YAAChC,EAAD,CAAMT,KAAM0C","file":"component---src-templates-news-js-50730bf32d783be6b09e.js","sourcesContent":["import React from \"react\"\nimport tw, { styled } from \"twin.macro\"\nimport { faChevronDown } from \"@fortawesome/pro-solid-svg-icons\"\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\"\n\nconst HeroWrapper = styled.section`\n  ${tw`w-full  bg-cover block z-10 py-32 relative items-center`};\n  background-image: url(${p => p.background});\n  position: relative;\n  background-position: center;\n  z-index: -1;\n\n  &:after {\n    content: \"\";\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n    background: rgba(255, 255, 255, 0.7);\n  }\n`\n\nconst Title = tw.h1`\n  text-primary text-5xl font-bold font-sans pb-8 leading-tight text-center z-10 relative\n`\n\nconst HeroCopy = styled.p`\n  ${tw`text-primary font-sans text-center text-xl pb-8`}\n`\n\nconst HeaderCopyArea = tw.div`\nrelative z-10 w-full\n\n`\n\nconst Container = styled.div`\n  ${tw`container h-full flex items-center min-h-full`};\n  z-index: 5;\n`\n\nconst DownArrow = styled(FontAwesomeIcon)`\n  ${tw`text-primary text-center mx-auto block mt-12`};\n`\n\nexport let Hero = ({ background, headline, tagline, salesPage }) => {\n  const { src } = background?.asset?.localFile?.childImageSharp?.fluid\n  return (\n    <HeroWrapper background={src}>\n      <Container>\n        <HeaderCopyArea>\n          {headline && <Title>{headline}</Title>}\n          {tagline && <HeroCopy>{tagline}</HeroCopy>}\n          {salesPage && (\n            <HeroCopy salesPage={salesPage}>\n              RMS is inviting offers on surplus rolling stock made available for\n              disposal. Please see information below as well as how to get in\n              touch\n            </HeroCopy>\n          )}\n          <DownArrow icon={faChevronDown} size={\"2x\"} />\n        </HeaderCopyArea>\n      </Container>\n    </HeroWrapper>\n  )\n}\n","import React from \"react\"\nimport { graphql } from \"gatsby\"\nimport Layout from \"../components/layout\"\nimport tw, { styled } from \"twin.macro\"\nimport { Hero } from \"../components/hero\"\nimport { Link } from \"gatsby\"\nimport SEO from \"../components/seo\"\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\"\nimport { faArrowLeft, faArrowRight } from \"@fortawesome/pro-solid-svg-icons\"\nimport Img from \"gatsby-image\"\n\nexport const query = graphql`\n  query NewsList($skip: Int, $limit: Int) {\n    allSanityNews(\n      skip: $skip\n      limit: $limit\n      sort: { fields: _createdAt, order: DESC }\n    ) {\n      nodes {\n        slug {\n          current\n        }\n        title\n        tagline\n        _createdAt(formatString: \"dddd MMMM Do, YYYY hh:mma\")\n        image {\n          asset {\n            fluid {\n              ...GatsbySanityImageFluid\n            }\n          }\n        }\n      }\n    }\n\n    sanityPage(slug: { current: { eq: \"news\" } }) {\n      hero {\n        _key\n        headline\n        tagline\n        background {\n          asset {\n            url\n            localFile {\n              childImageSharp {\n                fluid(cropFocus: CENTER, grayscale: true, maxWidth: 2000) {\n                  src\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n`\n\nlet Container = tw.section`\n    container py-4 -mt-16\n`\n\nlet NewsCard = tw.div`\nshadow-lg  mb-6 text-lg flex flex-col lg:flex-row bg-white mx-auto rounded-lg font-sans overflow-hidden\n`\n\nlet NewsCards = tw.div`\n    max-w-4xl mx-auto\n`\n\nlet H2 = tw.h2`\n text-2xl font-bold pb-4 text-blue-900 leading-tight\n`\n\nlet TaglineText = tw.p` \npb-4 text-gray-700 text-base\n`\n\nlet SubmittedDate = tw.p`\n   pb-4 text-gray-700 text-sm\n`\n\nlet Button = tw.div`\ntext-white bg-primary inline-block py-2 px-4 cursor-pointer self-start\n`\n\nlet Icon = styled(FontAwesomeIcon)`\n  ${tw`mx-2 `}\n`\n\nlet Image = styled(Img)`\n  ${tw`lg:w-1/3 lg:rounded-lg lg:rounded-r-none`};\n`\n\nlet NewsContent = tw.div`\nflex flex-col py-6 px-8 lg:w-2/3 self-stretch\n   \n`\n\nlet NewsPages = props => {\n  const { currentPage, numPages } = props.pageContext\n  const isFirst = currentPage === 1\n  const isLast = currentPage === numPages\n  const prevPage =\n    currentPage - 1 === 1 ? \"/news\" : (currentPage - 1).toString()\n  const nextPage = (currentPage + 1).toString()\n  return (\n    <Layout>\n      <SEO\n        title={\"News\"}\n        image={props.data.sanityPage.hero.background.asset.url}\n      />\n      <Hero key={\"hero\"} {...props.data.sanityPage?.hero} />\n      <Container>\n        <NewsCards>\n          {props?.data?.allSanityNews.nodes.map(news => (\n            <NewsCard>\n              {news.image && (\n                <Image\n                  fluid={{ ...news.image.asset.fluid, aspectRatio: 21 / 9 }}\n                  objectFit=\"cover\"\n                  objectPosition=\"50% 50%\"\n                />\n              )}\n              <NewsContent>\n                <Link to={`/news/${news.slug.current}`}>\n                  <H2>{news.title}</H2>\n                </Link>\n                {news.tagline && <TaglineText>{news.tagline}</TaglineText>}\n                <SubmittedDate>{news._createdAt}</SubmittedDate>\n                <Button>\n                  <Link to={`/news/${news.slug.current}`} rel=\"readMore\">\n                    Read more\n                    <Icon icon={faArrowRight} />\n                  </Link>\n                </Button>\n              </NewsContent>\n            </NewsCard>\n          ))}\n          {!isFirst && (\n            <Button>\n              <Link to={prevPage} rel=\"prev\">\n                <Icon icon={faArrowLeft} />\n                Previous Page\n              </Link>\n            </Button>\n          )}\n          {!isLast && (\n            <Button>\n              <Link to={nextPage} rel=\"next\">\n                Next Page\n                <Icon icon={faArrowRight} />\n              </Link>\n            </Button>\n          )}\n        </NewsCards>\n      </Container>\n    </Layout>\n  )\n}\n\nexport default NewsPages\n"],"sourceRoot":""}