{"version":3,"file":"component---src-pages-ciweatherwarnings-js-ceb788a55cea6d29caac.js","mappings":"uLAMMA,GAAYC,E,OAAAA,IAAW,SAACC,GAAD,MAAY,CACvCC,KAAM,CACJ,UAAW,CACTC,MAAO,WAET,UAAW,CACXC,gBAAiB,qBACjBD,MAAO,aAwBX,EAnBwB,WACpB,IAAME,EAAaN,IACnB,OACA,yBAAOO,GAAG,WACV,uBAAKA,GAAG,aAER,uBAAKC,UAAU,aACX,uBAAKC,MAAO,CAAEC,gBAAgB,8zUAAgBC,OAAO,QAASC,iBAAkB,YAAYC,mBAAoB,UAEhH,8CACA,mDAA0B,2BAA1B,OAAmD,qBAAGL,UAAWF,EAAWH,KAAMW,KAAK,sBAApC,iBAA0E,2BAA7H,qCACA,yBAAG,gBAAC,EAAAC,KAAD,CAAMP,UAAWF,EAAWH,KAAMa,gBAAgB,GAAGC,GAAG,aAAxD,2C,6GC7BX,+vG,UCUMjB,GAAYC,E,OAAAA,IAAW,SAACC,GAAD,MAAY,CACvCC,KAAM,CACJ,UAAW,CACTC,MAAO,gBA0CX,EAnCuB,WACvB,IAAME,EAAaN,IACf,OACI,gBAAC,WAAD,KACE,gBAAC,IAAD,KACA,gBAAC,IAAD,CAAKkB,MAAM,sBAAsBC,YAAY,iFAC7C,uBAAKX,UAAU,sBACf,gBAACY,EAAA,EAAD,CAAMC,MAAI,EAACC,GAAI,GAAIC,GAAI,GAAIC,GAAI,EAAGC,GAAI,EAAGjB,UAAU,YAAYC,MAAO,CAACiB,YAAY,IAC7E,kDAIJ,gBAACN,EAAA,EAAD,CAAMO,WAAS,EAACC,QAAS,GACrB,gBAACR,EAAA,EAAD,CAAMC,MAAI,EAACC,GAAI,GAAIC,GAAI,GAAIC,GAAI,EAAGC,GAAI,GACtC,uBAAKjB,UAAU,WACb,sBAAIC,MAAO,CAACoB,UAAU,IAAtB,yCACA,gHACE,yBACA,qBAAGrB,UAAWF,EAAWH,KAAMM,MAAO,CAACqB,SAAS,OAAQC,WAAW,QAASC,OAAO,SAASC,IAAI,aAAanB,KAAK,oCAClH,uBAAKL,MAAO,CAACyB,MAAM,QAASC,cAAc,OAAQC,YAAY,QAASC,IAAKC,EAASC,IAAKD,IAD1F,gCAIH,kHAID,gBAAClB,EAAA,EAAD,CAAMC,MAAI,EAACC,GAAI,GAAIC,GAAI,GAAIC,GAAI,EAAGC,GAAI,GACtC,gBAACe,EAAA,EAAD","sources":["webpack://Jersey-Met-Redesign/./src/components/Sidebar/PremiumServices/index.js","webpack://Jersey-Met-Redesign/./src/images/Twitter.png","webpack://Jersey-Met-Redesign/./src/pages/ciweatherwarnings.js"],"sourcesContent":["import React from 'react'\nimport { Link } from \"gatsby\";\nimport logo from \"../../../images/Jersey-Met-Premium-Services-Logo.svg\"\nimport \"../Sidebar.scss\";\nimport { makeStyles, } from '@material-ui/core/styles';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    \"&:hover\": {\n      color: \"#b60011\",   \n    },\n    \"&:focus\": {\n    backgroundColor: \"hsl(208, 89%, 34%)\",\n    color: \"#fff\"\n    }\n  },\n}));\n\nconst PremiumServices = () => {\n    const hoverStyle = useStyles()\n    return (\n    <aside id=\"sideBar\" >\n    <div id=\"navigator\">\n\n    <div className=\"sidePanel\">\n        <div style={{ backgroundImage:`url(${logo})`, height:'100px', backgroundRepeat: 'no-repeat',backgroundPosition: '-5px' }}></div>\n        {/* <img alt=\"Premium services\" src={logo} ></img> */}\n        <h1>Premium Services</h1>    \n        <p>Talk to a forecaster on<br />T&nbsp;&nbsp;&nbsp;<a className={hoverStyle.root} href=\"tel:+4490580777774\">0905 807 7777</a><br />Calls charged at £1.50 per minute</p>\n        <p><Link className={hoverStyle.root} activeClassName=\"\" to='/services' >View all premium weather services</Link></p>\n     </div>\n\n     </div>\n     </aside>\n    )\n}\n\nexport default PremiumServices","export default \"data:image/png;base64,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\"","import React from \"react\"\nimport Grid from '@material-ui/core/Grid';\nimport Layout from \"../components/layout\"\nimport PremiumServices from \"../components/Sidebar/PremiumServices\"\nimport \"@fortawesome/fontawesome-svg-core/styles.css\"\nimport Twitter from \"../images/Twitter.png\"\nimport Seo from \"../components/seo\"\nimport { makeStyles, } from '@material-ui/core/styles';\nimport \"../components/pageStyles.scss\"\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    \"&:hover\": {\n      color: \"#b60011\",   \n    },\n  },\n}));\n\n\n\nconst CiWeatherWarning = () => {\n  const hoverStyle = useStyles();\n      return (\n          <React.Fragment>\n            <Layout>\n            <Seo title=\"CI weather warnings\" description=\"Weather warnings for the Channel Islands via the @Jersey_MetCI Twitter feed.\" />\n            <div className=\"forecastAutoMargin\">\n            <Grid item xs={12} sm={12} md={8} lg={8} className=\"menuTitle\" style={{paddingLeft:0}}>\n                  <h1>\n                  CI weather warnings\n                  </h1>                  \n          </Grid>\n              <Grid container spacing={2}>\n                  <Grid item xs={12} sm={12} md={8} lg={8}>\n                  <div className=\"Content\">\n                    <h2 style={{marginTop:0}}>Stay up to date with weather warnings</h2>\n                    <p> We post weather warnings on Twitter. You don't need a Twitter account to see them.</p>                    \n                      <p>\n                      <a className={hoverStyle.root} style={{fontSize:\"24px\", lineHeight:\"20px\"}} target=\"_blank\" rel=\"noreferrer\" href=\"https://twitter.com/Jersey_MetCI\">\n                      <img style={{width:\"150px\", paddingBottom:\"10px\", marginRight:\"10px\"}} alt={Twitter} src={Twitter}/>Weather warnings on Twitter</a>\n                      {/* <FontAwesomeIcon className=\"fa-layers fa-fw\" style={{fontSize:\"48px\", color:\"rgba(29,161,242,1.00)\"}} icon={faTwitter}  inverse transform=\"shrink-6\" /> */}                \n                      </p>\n                   <p>Can't see the Twitter feed? You need to upgrade your browser to the latest version.</p>\n\n                  </div>\n                  </Grid>\n                  <Grid item xs={12} sm={12} md={4} lg={4}>\n                  <PremiumServices />\n                </Grid>\n              </Grid>\n              </div>\n            </Layout>\n          </React.Fragment>\n      )\n  }\n  export default CiWeatherWarning;"],"names":["useStyles","makeStyles","theme","root","color","backgroundColor","hoverStyle","id","className","style","backgroundImage","height","backgroundRepeat","backgroundPosition","href","Link","activeClassName","to","title","description","Grid","item","xs","sm","md","lg","paddingLeft","container","spacing","marginTop","fontSize","lineHeight","target","rel","width","paddingBottom","marginRight","alt","Twitter","src","PremiumServices"],"sourceRoot":""}