{"version":3,"file":"component---src-pages-uvindex-js-08db59695f04eda07407.js","mappings":"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","sources":["webpack://Jersey-Met-Redesign/./src/components/Sidebar/PremiumServices/index.js","webpack://Jersey-Met-Redesign/./src/pages/uvindex.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","import React from \"react\"\nimport Grid from \"@material-ui/core/Grid\"\nimport \"./uvindex.scss\"\nimport Layout from \"../components/layout\"\nimport PremiumServices from \"../components/Sidebar/PremiumServices\"\nimport Seo from \"../components/seo\"\n\nconst UVIndex = () => {\n  return (\n    <React.Fragment>\n      <Layout>\n        <Seo title=\"UV Index explained\" description=\"An explanation of the UV index from Jersey Met\" />\n        <div className=\"forecastAutoMargin\">\n        <Grid item xs={12} sm={12} md={8} lg={8} className=\"menuTitle\" style={{paddingLeft:0}}>\n                  <h1>\n                  UV index\n                  </h1>                  \n      </Grid>\n          <Grid container >\n            <Grid item xs={12} sm={12} md={8} lg={8}>\n              <React.Fragment>\n              <div className=\"Content\">\n                  <div>\n                    <p style={{marginTop:\"0\"}}>Use the 3 tables below to assess your sunburn risk.</p>\n                    <h2>Solar UV index</h2>\n                    <div style={{ overflowX: \"auto\" }}>\n                      <table className=\"uvtable\">\n                        <tbody>\n                          <tr className=\"tableColumn\">\n                            <td style={{ border: \"0\", width: \"20%\" }}>\n                              <p className=\"skinColorText\">Your skin<br/>colour</p>\n                            </td>\n                            <td style={{border: \"0\", width: \"20%\",}}>\n                              <div className=\"ovalWhite\"></div>\n                            </td>\n                            <td style={{ border: \"0\", width: \"20%\" }}>\n                              <div className=\"ovalWhiteTan\"></div>\n                            </td>\n                            <td style={{ border: \"0\", width: \"20%\" }}>\n                              <div className=\"ovalBrown\"></div>\n                            </td>\n                            <td style={{ border: \"0\", width: \"20%\" }}>\n                              <div className=\"ovalBlack\"></div>\n                            </td>\n                          </tr>\n\n                          <tr>\n                            <td style={{ border: \"0\", width: \"20%\" }}>\n                              <img className=\"uvImage\" src=\"https&#58;//govje.azureedge.net/JerseyMet/images/UV/UV-Icon-1-2.svg\" alt=\"\"/>\n                            </td>\n\n                            <td className=\"boxText\">\n                              <div className=\"rectangleLow\">Low</div>\n                            </td>\n                            <td className=\"boxText\">\n                              <div className=\"rectangleLow\">Low</div>\n                            </td>\n                            <td className=\"boxText\">\n                              <div className=\"rectangleLow\">Low</div>{\" \"}\n                            </td>\n                            <td className=\"boxText\">\n                              <div className=\"rectangleLow\">Low</div>{\" \"}\n                            </td>\n                          </tr>\n\n                          <tr>\n                            <td style={{ border: \"0\" }}>\n                              <img className=\"uvImage\" src=\"https&#58;//govje.azureedge.net/JerseyMet/images/UV/UV-Icon-3.svg\" alt=\"\"/>\n                            </td>\n\n                            <td className=\"boxText\">\n                              <div className=\"rectangleMedium\">Medium</div>\n                            </td>\n                            <td className=\"boxText\">\n                              <div className=\"rectangleLow\">Low</div>\n                            </td>\n                            <td className=\"boxText\">\n                              <div className=\"rectangleLow\">Low</div>\n                            </td>\n                            <td className=\"boxText\">\n                              <div className=\"rectangleLow\">Low</div>\n                            </td>\n                          </tr>\n\n                          <tr>\n                            <td style={{ border: \"0\" }}>\n                              <img className=\"uvImage\" src=\"https&#58;//govje.azureedge.net/JerseyMet/images/UV/UV-Icon-4.svg\" alt=\"\"/>\n                            </td>\n\n                            <td className=\"boxText\">\n                              <div className=\"rectangleMedium\">Medium</div>\n                            </td>\n                            <td className=\"boxText\">\n                              <div className=\"rectangleLow\">Low</div>\n                            </td>\n                            <td className=\"boxText\">\n                              <div className=\"rectangleLow\">Low</div>\n                            </td>\n                            <td className=\"boxText\">\n                              <div className=\"rectangleLow\">Low</div>\n                            </td>\n                          </tr>\n\n                          <tr>\n                            <td style={{ border: \"0\" }}>\n                              <img className=\"uvImage\" src=\"https&#58;//govje.azureedge.net/JerseyMet/images/UV/UV-Icon-5.svg\" alt=\"\"/>\n                            </td>\n\n                            <td className=\"boxText\">\n                              <div className=\"rectangleHigh\">High</div>\n                            </td>\n                            <td className=\"boxText\">\n                              <div className=\"rectangleMedium\">Medium</div>\n                            </td>\n                            <td className=\"boxText\">\n                              <div className=\"rectangleLow\">Low</div>\n                            </td>\n                            <td className=\"boxText\">\n                              <div className=\"rectangleLow\">Low</div>\n                            </td>\n                          </tr>\n\n                          <tr>\n                            <td style={{ border: \"0\" }}>\n                              <img className=\"uvImage\" src=\"https&#58;//govje.azureedge.net/JerseyMet/images/UV/UV-Icon-6.svg\" alt=\"\"/>\n                            </td>\n\n                            <td className=\"boxText\">\n                              <div className=\"rectangleVeryHigh\">Very High</div>\n                            </td>\n                            <td className=\"boxText\">\n                              <div className=\"rectangleMedium\">Medium</div>\n                            </td>\n                            <td className=\"boxText\">\n                              <div className=\"rectangleMedium\">Medium</div>\n                            </td>\n                            <td className=\"boxText\">\n                              <div className=\"rectangleLow\">Low</div>\n                            </td>\n                          </tr>\n\n                          <tr>\n                            <td style={{ border: \"0\" }}>\n                              <img className=\"uvImage\" src=\"https&#58;//govje.azureedge.net/JerseyMet/images/UV/UV-Icon-7.svg\" alt=\"\"/>\n                            </td>\n\n                            <td className=\"boxText\">\n                              <div className=\"rectangleVeryHigh\">Very High</div>\n                            </td>\n                            <td className=\"boxText\">\n                              <div className=\"rectangleHigh\">High</div>\n                            </td>\n                            <td className=\"boxText\">\n                              <div className=\"rectangleMedium\">Medium</div>\n                            </td>\n                            <td className=\"boxText\">\n                              <div className=\"rectangleMedium\">Medium</div>\n                            </td>\n                          </tr>\n\n                          <tr>\n                            <td style={{ border: \"0\" }}>\n                              <img className=\"uvImage\" src=\"https&#58;//govje.azureedge.net/JerseyMet/images/UV/UV-Icon-8.svg\" alt=\"\"/>\n                            </td>\n\n                            <td className=\"boxText\">\n                              <div className=\"rectangleVeryHigh\">Very High</div>\n                            </td>\n                            <td className=\"boxText\">\n                              <div className=\"rectangleHigh\">High</div>\n                            </td>\n                            <td className=\"boxText\">\n                              <div className=\"rectangleMedium\">Medium</div>\n                            </td>\n                            <td className=\"boxText\">\n                              <div className=\"rectangleMedium\">Medium</div>\n                            </td>\n                          </tr>\n\n                          <tr>\n                            <td style={{ border: \"0\" }}>\n                              <img className=\"uvImage\" src=\"https&#58;//govje.azureedge.net/JerseyMet/images/UV/UV-Icon-9.svg\" alt=\"\"/>\n                            </td>\n\n                            <td className=\"boxText\">\n                              <div className=\"rectangleVeryHigh\">Very High</div>\n                            </td>\n                            <td className=\"boxText\">\n                              <div className=\"rectangleHigh\">High</div>\n                            </td>\n                            <td className=\"boxText\">\n                              <div className=\"rectangleMedium\">Medium</div>\n                            </td>\n                            <td className=\"boxText\">\n                              <div className=\"rectangleMedium\">Medium</div>\n                            </td>\n                          </tr>\n\n                          <tr>\n                            <td style={{ border: \"0\" }}>\n                              <img className=\"uvImage\" src=\"https&#58;//govje.azureedge.net/JerseyMet/images/UV/UV-Icon-10.svg\" alt=\"\"/>\n                            </td>\n\n                            <td className=\"boxText\">\n                              <div className=\"rectangleVeryHigh\">Very High</div>\n                            </td>\n                            <td className=\"boxText\">\n                              <div className=\"rectangleHigh\">High</div>\n                            </td>\n                            <td className=\"boxText\">\n                              <div className=\"rectangleHigh\">High</div>\n                            </td>\n                            <td className=\"boxText\">\n                              <div className=\"rectangleMedium\">Medium</div>\n                            </td>\n                          </tr>\n\n                          <tr>\n                            <td style={{ border: \"0\" }}>\n                              <img className=\"uvImage\" src=\"https&#58;//govje.azureedge.net/JerseyMet/images/UV/UV-Icon-11.svg\" alt=\"\"/>\n                            </td>\n\n                            <td className=\"boxText\">\n                              <div className=\"rectangleVeryHigh\">Very High</div>\n                            </td>\n                            <td className=\"boxText\">\n                              <div className=\"rectangleVeryHigh\">Very High</div>\n                            </td>\n                            <td className=\"boxText\">\n                              <div className=\"rectangleVeryHigh\">Very High</div>\n                            </td>\n                            <td className=\"boxText\">\n                              <div className=\"rectangleVeryHigh\">Very High</div>\n                            </td>\n                          </tr>\n                        </tbody>\n                      </table>\n                    </div>\n                  </div>\n\n                  <div>\n                    <p className=\"headerText\">Your skin colour</p>\n\n                    <table style={{ marginBottom: \"25px\" }}>\n                      <tbody>\n                        <tr>\n                          <td style={{ border: \"0\", width: \"100px\" }}>\n                            <div className=\"ovalWhiteSkinType\"></div>\n                          </td>\n                          <td style={{textAlign: \"left\", paddingTop: \"26px\", border: \"0\"}}>\n                            White skin that burns easily and doesn't tan\n                          </td>\n                        </tr>\n                        <tr>\n                          <td style={{ border: \"0\" }}>\n                            <div className=\"ovalWhiteTanSkinType\"></div>\n                          </td>\n                          <td style={{textAlign: \"left\", paddingTop: \"26px\", border: \"0\"}}>\n                            White skin that tans easily\n                          </td>\n                        </tr>\n                        <tr>\n                          <td style={{ border: \"0\" }}>\n                            <div className=\"ovalBrownSkinType\"></div>\n                          </td>\n                          <td style={{textAlign: \"left\", paddingTop: \"26px\",border: \"0\"}}>\n                            Brown skin\n                          </td>\n                        </tr>\n                        <tr>\n                          <td style={{ border: \"0\" }}>\n                            <div className=\"ovalBlackSkinType\"></div>\n                          </td>\n                          <td style={{textAlign: \"left\", paddingTop: \"26px\", border: \"0\"}}>\n                            Black skin\n                          </td>\n                        </tr>\n                      </tbody>\n                    </table>\n                  </div>\n\n                  <div>\n                    <p className=\"headerText\">What the risk means</p>\n                  </div>\n\n                  <table>\n                    <tbody>\n                      <tr>\n                        <td className=\"boxText\">\n                          <div className=\"rectangleLow\">Low</div>\n                        </td>\n                        <td style={{textAlign: \"left\", paddingTop: \"22px\", border: \"0px\", paddingLeft: \"15px\"}}>\n                          Low risk. The sun does not harm you.\n                        </td>\n                      </tr>\n                      <tr>\n                        <td className=\"boxText\">\n                          <div className=\"rectangleMedium\">Medium</div>\n                        </td>\n                        <td style={{textAlign: \"left\", paddingTop: \"22px\", border: \"0px\", paddingLeft: \"15px\"}}>\n                          Medium risk. You should avoid being in direct sunlight\n                          for more than 1 to 2 hours.\n                        </td>\n                      </tr>\n                      <tr>\n                        <td className=\"boxText\">\n                          <div className=\"rectangleHigh\">High</div>\n                        </td>\n                        <td style={{textAlign: \"left\", paddingTop: \"22px\", border: \"0px\", paddingLeft: \"15px\"}}>\n                          High risk. You could burn in 30 to 60 minutes. Use\n                          sunscreen SPF 15+\n                        </td>\n                      </tr>\n                      <tr>\n                        <td className=\"boxText\">\n                          <div className=\"rectangleVeryHigh\">Very High</div>\n                        </td>\n                        <td style={{textAlign: \"left\", paddingTop: \"22px\", border: \"0px\", paddingLeft: \"15px\"}}>\n                          Very high risk. You could burn severely in 20 to 30\n                          minutes. Use sunscreen SPF 15+\n                        </td>\n                      </tr>\n                    </tbody>\n                  </table>\n                </div>\n              </React.Fragment>\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}\nexport default UVIndex\n"],"names":["useStyles","makeStyles","theme","root","color","backgroundColor","hoverStyle","id","className","style","backgroundImage","height","backgroundRepeat","backgroundPosition","href","Link","activeClassName","to","title","description","item","xs","sm","md","lg","paddingLeft","container","marginTop","overflowX","border","width","src","alt","marginBottom","textAlign","paddingTop"],"sourceRoot":""}