748 lines
30 KiB
HTML
748 lines
30 KiB
HTML
<!DOCTYPE html>
|
||
|
||
<html>
|
||
<head>
|
||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
||
<title>Weatherscan</title>
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
|
||
|
||
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.2.0/dist/leaflet.css" integrity="sha512-M2wvCLH6DSRazYeZRIm1JnYyh22purTM+FDB5CsyxtQJYeKq83arPe5wgbNmcFXGqiSH2XR8dT/fJISVA1r/zQ==" crossorigin=""/>
|
||
|
||
<link rel="stylesheet" href="js/leaflet/timedimension/leaflet.timedimension.control.min.css"/>
|
||
<link rel="stylesheet" href="css/weatherscan.css"/>
|
||
|
||
</head>
|
||
|
||
|
||
<body>
|
||
|
||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
|
||
|
||
<script type="text/javascript" src="js/jplayer/jquery.jplayer.min.js"></script>
|
||
|
||
<script src="https://unpkg.com/leaflet@1.2.0/dist/leaflet.js" integrity="sha512-lInM/apFSqyy1o6s89K4iQUKg6ppXEgsVxT35HbzUupEVRh2Eu9Wdl4tHj7dZO0s1uvplcYGmt3498TtHq+log==" crossorigin=""></script>
|
||
<!--script type="text/javascript" src="https://unpkg.com/leaflet.nontiledlayer/dist/NonTiledLayer.js"></script-->
|
||
<script type="text/javascript" src="js/leaflet/NonTiledLayer.src.js"></script>
|
||
<script type="text/javascript" src="js/leaflet/iso8601.min.js"></script>
|
||
<script type="text/javascript" src="js/leaflet/timedimension/leaflet.timedimension.min.js"></script>
|
||
|
||
<script src="/js/date_fns.min.js"></script>
|
||
<script src="https://cdn.jsdelivr.net/npm/jquery.marquee@1.5.0/jquery.marquee.min.js" type="text/javascript"></script>
|
||
|
||
<script type="text/javascript" src="js/utils.js"></script>
|
||
<script type="text/javascript" src="js/secrets.js"></script>
|
||
<script type="text/javascript" src="js/radar.js"></script>
|
||
<script type="text/javascript" src="js/audio.js"></script>
|
||
<script type="text/javascript" src="js/groupull.js"></script>
|
||
<script type="text/javascript" src="js/data-manager.js"></script>
|
||
<script type="text/javascript" src="js/location.js"></script>
|
||
<script type="text/javascript" src="js/loops.js"></script>
|
||
<script type="text/javascript" src="js/slides-loop.js"></script>
|
||
<script type="text/javascript" src="js/weather.js"></script>
|
||
<script type="text/javascript" src="js/main.js"></script>
|
||
|
||
<div id="main" class="container">
|
||
|
||
<img id="template" src="images/template-4k.jpg"/>
|
||
<div id="info-slides-bg"></div>
|
||
<div id="info-slides-container">
|
||
|
||
<div id="info-slides-header">
|
||
<div class="hscroller">
|
||
<span class="city radar current">LOCAL RADAR</span>
|
||
</div>
|
||
<div class="gradientthing"></div>
|
||
</div>
|
||
|
||
<div id='info-slide-container'>
|
||
|
||
|
||
<!-- CURRENT CONDITIONS AND FORECAST-->
|
||
<div class="info-slide bulletin" style="display: none">
|
||
<div class="info-subheader">
|
||
<span id="subhead-titlei">WEATHER BULLETIN</span><span id="subhead-noaa" style="display:">FROM THE NATIONAL WEATHER SERVICE</span>
|
||
</div>
|
||
<div class='blue curve left'></div>
|
||
<div class='blue curve bottom'></div>
|
||
<div class='yellow curve left'></div>
|
||
<div class='yellow curve right'></div>
|
||
<div class='white curve right'></div>
|
||
<div class='white curve bottom'></div>
|
||
<div class='frost-pane' style="display:">
|
||
<div class='cityname'>Gainesville Area</div>
|
||
<div class='warnings'>Severe Thunderstorm Watch 720 in effect until 4:30 PM EST Tuesday.
|
||
</br>
|
||
</br>
|
||
Severe Thunderstorm Watch 720 in effect until 4:30 PM EST Tuesday.
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="info-slide city-info-slide" style="display:none">
|
||
<div class="info-subheader">
|
||
<span id="subhead-titlei"></span><span id="subhead-city"></span>
|
||
</div>
|
||
<div class="info-subheadershadowfix">
|
||
<span id="subhead-title"></span>
|
||
</div>
|
||
<div class='blue curve left'></div>
|
||
<div class='blue curve bottom'></div>
|
||
<div class='yellow curve left'></div>
|
||
<div class='yellow curve right'></div>
|
||
<div class='yellow curve right2'></div>
|
||
<div class='white curve right'></div>
|
||
<div class='white curve bottom'></div>
|
||
|
||
<div class='info-slide-content forecast' style="display:none">
|
||
<div class='frost-pane'>
|
||
<div class='title'></div>
|
||
<div class='content'></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class='info-slide-content city-info' style="display:none">
|
||
<div class='frost-pane left'>
|
||
<div class='labels'></div>
|
||
<div class='data'></div>
|
||
</div>
|
||
<div class='frost-pane right'>
|
||
<div class='icon'></div>
|
||
<div class='conditions'></div>
|
||
<div class='temp'></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class='info-slide-content daypart' style="display:none">
|
||
<div class='frost-pane'>
|
||
<div class='hour i'>
|
||
<div class='thing'>
|
||
<div class='thingtext'>2pm</div>
|
||
</div>
|
||
<div class='icon'></div>
|
||
<div class='condition'>rain</div>
|
||
<div class='tempbar'>
|
||
<div class='temp'>79</div>
|
||
<div class='wind'>NNE 12</div>
|
||
</div>
|
||
</div>
|
||
<div class='hour ii'>
|
||
<div class='thing'>
|
||
<div class='thingtext'>2pm</div>
|
||
</div>
|
||
<div class='icon'></div>
|
||
<div class='condition'></div>
|
||
<div class='tempbar'>
|
||
<div class='temp'></div>
|
||
<div class='wind'></div>
|
||
</div>
|
||
</div>
|
||
<div class='hour iii'>
|
||
<div class='thing'>
|
||
<div class='thingtext'>2pm</div>
|
||
</div>
|
||
<div class='icon'></div>
|
||
<div class='condition'></div>
|
||
<div class='tempbar'>
|
||
<div class='temp'></div>
|
||
<div class='wind'></div>
|
||
</div>
|
||
</div>
|
||
<div class='hour iv'>
|
||
<div class='thing'>
|
||
<div class='thingtext'>2pm</div>
|
||
</div>
|
||
<div class='icon'></div>
|
||
<div class='condition'></div>
|
||
<div class='tempbar'>
|
||
<div class='temp'></div>
|
||
<div class='wind'></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class='info-slide-content extended-forecast' style="display:none">
|
||
<div class='frost-pane iw'>
|
||
<div class='thing'><span class="textmove"></span></div>
|
||
<div class='icon'></div>
|
||
<div class='conditions'>Sct'd<br> T'storms</div>
|
||
<div class='temphigh'>87</div>
|
||
<div class='templow'>74</div>
|
||
</div>
|
||
<div class='linebreak i'>
|
||
<div class='thing'></div>
|
||
</div>
|
||
<div class='frost-pane iiw'>
|
||
<div class='thing'></div>
|
||
<div class='icon'></div>
|
||
<div class='conditions'></div>
|
||
<div class='temphigh'></div>
|
||
<div class='templow'></div>
|
||
</div>
|
||
<div class='linebreak ii'>
|
||
<div class='thing'></div>
|
||
</div>
|
||
<div class='frost-pane iiiw'>
|
||
<div class='thing'></div>
|
||
<div class='icon'></div>
|
||
<div class='conditions'></div>
|
||
<div class='temphigh'></div>
|
||
<div class='templow'></div>
|
||
</div>
|
||
<div class='linebreak iii'>
|
||
<div class='thing'></div>
|
||
</div>
|
||
<div class='frost-pane ivw'>
|
||
<div class='thing'></div>
|
||
<div class='icon'></div>
|
||
<div class='conditions'></div>
|
||
<div class='temphigh'></div>
|
||
<div class='templow'></div>
|
||
</div>
|
||
<div class='linebreak iv'>
|
||
<div class='thing'></div>
|
||
</div>
|
||
<div class='lfrost-pane vw'>
|
||
<div class='thing'>
|
||
<div class='thingtext'></div>
|
||
</div>
|
||
<div class='icon'></div>
|
||
<div class='conditions'></div>
|
||
<div class='temphigh'>
|
||
<div class='temphightext'></div>
|
||
</div>
|
||
<div class='templow'></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class='info-slide-content almanac' style="display:none">
|
||
<div class='frost-pane half'>
|
||
<div class='thing'>Jul 26</div>
|
||
<div class='averagetitle'>Average</div>
|
||
<div class='recordtitle'>Record</div>
|
||
<div class='ahigh'>High</div>
|
||
<div class='ahightext'>90</div>
|
||
<div class='alow'>Low</div>
|
||
<div class='alowtext'>70</div>
|
||
<div class='rhigh'>High</div>
|
||
<div class='rhightext'>98</div>
|
||
<div class='rlow'>Low</div>
|
||
<div class='rlowtext'>54</div>
|
||
<div class='rhighyear'>1987</div>
|
||
<div class='rlowyear'>1999</div>
|
||
</div>
|
||
<div class='frost-pane purple'>
|
||
<div class='icon'></div>
|
||
<div class='sunrisetitle'>Sunrise</div>
|
||
<div class='sunsettitle'>Sunset</div>
|
||
<div class='sunrisetext'>7:02 am</div>
|
||
<div class='sunsettext'>8:37</div>
|
||
<div class='phase i'>
|
||
<div class ='phasetext'>NEW</div>
|
||
<div class ='icon'></div>
|
||
<div class ='date'>Aug 3</div>
|
||
</div>
|
||
<div class='phase ii'>
|
||
<div class ='phasetext'>FIRST</div>
|
||
<div class ='icon'></div>
|
||
<div class ='date'>Aug 11</div>
|
||
</div>
|
||
<div class='phase iii'>
|
||
<div class ='phasetext'>FULL</div>
|
||
<div class ='icon'></div>
|
||
<div class ='date'>Aug 18</div>
|
||
</div>
|
||
<div class='phase iv'>
|
||
<div class ='phasetext'>LAST</div>
|
||
<div class ='icon'></div>
|
||
<div class ='date'>Aug 25</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class='info-slide-content aroundcityinfo' style="display:none">
|
||
<div class="frost-pane city i">
|
||
<div class="cityname">Jacksonville</div>
|
||
<div class="temp">82</div>
|
||
<div class="icon"></div>
|
||
<div class="wind">SE 12</div>
|
||
</div>
|
||
<div class="frost-pane city ii">
|
||
<div class="cityname">Gainesville</div>
|
||
<div class="temp">80</div>
|
||
<div class="icon"></div>
|
||
<div class="wind">SW 12</div>
|
||
</div>
|
||
<div class="frost-pane city iii">
|
||
<div class="cityname">Tampa</div>
|
||
<div class="temp">85</div>
|
||
<div class="icon"></div>
|
||
<div class="wind">W 6</div>
|
||
</div>
|
||
<div class="frost-pane city iv">
|
||
<div class="cityname">Fort</div>
|
||
<div class="temp">83</div>
|
||
<div class="icon"></div>
|
||
<div class="wind">W 6</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<!-- DOPPLER RADAR -->
|
||
<div class="info-slide radar-slide" style="display: none">
|
||
<div class="info-subheader">
|
||
<span>Local Doppler Radar</span>
|
||
<span class="radar-color-legend" style="display: none">Past 3 Hours<br>Light <img src="images/precip-legend.png" alt="Past 3 Hours"/> Heavy</span>
|
||
</div>
|
||
<div id="radar-container" class="info-slide-content radar-content" style="">
|
||
<div id="radar-1" class="map"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Intros -->
|
||
<div class="info-slide city-slide-intro" style="display:none">
|
||
<div class="weatherscancopyright" style="display:none"> <span class="copyrighttext"> Weatherscan is brought to you by The Weather Channel® and MIDCO </span></div>
|
||
<div class='cityaccent viii curve' style="display:none"></div>
|
||
<div class='cityaccent ii curve' style="display:none"></div>
|
||
<div class='cityaccent i curve' style="display:none"></div>
|
||
<div class='cityaccent iii curve' style="display:none"></div>
|
||
<div class='cityaccent iv curve' style="display:none"></div>
|
||
<div class='cityaccent v curve' style="display:none"></div>
|
||
<div class='cityaccentviishadow curve'></div>
|
||
<div class='cityaccentvii curve'></div>
|
||
<div class='cityaccent ix curve' style="display:none"></div>
|
||
<div class='cityweatherscanmarquee' style="display:none">weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan</div>
|
||
<div class='segment' style="display:none">Airport Conditions</div>
|
||
</div>
|
||
<div class="info-slide airport-slide-intro" style="display:none">
|
||
<div class='accent i curve' style="display:none"></div>
|
||
<div class='accent ii curve' style="display:none"></div>
|
||
<div class='accent iii curve' style="display:none"></div>
|
||
<div class='accent iv curve' style="display:none"></div>
|
||
<div class='accent v curve' style="display:none"></div>
|
||
<div class='accent vi curve' style="display:none"></div>
|
||
<div class='accentviishadow curve'></div>
|
||
<div class='accentvii curve'></div>
|
||
<div class='accent viii curve' style="display:none"></div>
|
||
<div class='accent ix curve' style="display:none"></div>
|
||
<div class='weatherscanmarquee' style="display:none">weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan</div>
|
||
<div class='segment' style="display:none">Airport Conditions</div>
|
||
</div>
|
||
<div class="info-slide health-slide-intro" style="display: none">
|
||
<div class='accent i curve' style="display:none"></div>
|
||
<div class='accent ii curve' style="display:none"></div>
|
||
<div class='accent iii curve' style="display:none"></div>
|
||
<div class='accent iv curve' style="display:none"></div>
|
||
<div class='accent v curve' style="display:none"></div>
|
||
<div class='accent vi curve' style="display:none"></div>
|
||
<div class='accentviishadow curve'></div>
|
||
<div class='accentvii curve'></div>
|
||
<div class='accent viii curve' style="display:none"></div>
|
||
<div class='accent ix curve' style="display:none"></div>
|
||
<div class='weatherscanmarquee' style="display:none">weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan</div>
|
||
<div class='segment' style="display:none">Weather & Your Health</div>
|
||
</div>
|
||
<!-- AIRPORT -->
|
||
<div class="info-slide airport-slide" style="display:none">
|
||
<div class="info-subheader">
|
||
<span id="subhead-titlei"></span><span id="subhead-city"></span>
|
||
</div>
|
||
<div class="info-subheadershadowfix">
|
||
<span id="subhead-title">Current Airport Conditions</span>
|
||
</div>
|
||
<div class='blue curve left'></div>
|
||
<div class='blue curve bottom'></div>
|
||
<div class='yellow curve left'></div>
|
||
<div class='yellow curve right'></div>
|
||
<div class='white curve right'></div>
|
||
<div class='white curve bottom'></div>
|
||
<div class='info-slide-content airportpanel'>
|
||
<div class='leftpanel'>
|
||
<div class='thing'>Gainesvile International Airport</div>
|
||
<div class='frost-pane top'>
|
||
<div class='title'>Arrivals</div>
|
||
<div class='delay'>DELAY</div>
|
||
<div class='delayfill'>No Delay</div>
|
||
<div class='reason'>REASON</div>
|
||
<div class='reasonfill'></div>
|
||
</div>
|
||
<div class='frost-pane bottom'>
|
||
<div class='title'>Departure</div>
|
||
<div class='delay'>DELAY</div>
|
||
<div class='delayfill'>No Delay</div>
|
||
<div class='reason'>REASON</div>
|
||
<div class='reasonfill'></div>
|
||
<div class='source'>Source: FAA</div>
|
||
</div>
|
||
</div>
|
||
<div class='frost-pane right'>
|
||
<div class='thing'></div>
|
||
<div class='icon'></div>
|
||
<div class='conditions'>Mostly Cloudy</div>
|
||
<div class='temp'>87</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- BOAT & BEACH -->
|
||
<div class="info-slide beach-slide" style="display: none">
|
||
<div class="info-subheader">
|
||
<span id="subhead-titlei"></span><span id="subhead-city"></span>
|
||
</div>
|
||
<div class="info-subheadershadowfix">
|
||
<span id="subhead-title">Current Surf Report</span>
|
||
</div>
|
||
<div class='blue curve left'></div>
|
||
<div class='blue curve bottom'></div>
|
||
<div class='yellow curve left'></div>
|
||
<div class='yellow curve right'></div>
|
||
<div class='white curve right'></div>
|
||
<div class='white curve bottom'></div>
|
||
<div class='info-slide-content surfreport' style="display:none">
|
||
<div class='leftpanel'>
|
||
<div class='thing'>St Augustine Pier</div>
|
||
<div class='frost-pane'>
|
||
<div class='title wind'>Wind</div>
|
||
<div class='title waveperiod'>Wave Period</div>
|
||
<div class='windvalue'>E 10 mph</div>
|
||
<div class='waveperiodvalue'>5 seconds</div>
|
||
<div class='title watertemp'>Surface Water Temperature</div>
|
||
<div class='watertempbar'>30 40 50 60 70 80 90
|
||
<div class='temparrow'>
|
||
<div class='temp'>80</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class='frost-pane right'>
|
||
<div class='thing'></div>
|
||
<div class='title waveheight'>Average Wave Height</div>
|
||
<div class='wavebar'>
|
||
<div class='wavevalue'>5</div>
|
||
<div class='feet'>feet</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class='info-slide-content coastalwaters warnings' style="display:none">
|
||
<div class='thing'>FROM THE NATIONAL WEATHER SERVICE</div>
|
||
<div class='frost-pane content'>Small craft should exercise caution until 2 AM EDT
|
||
<br></br>
|
||
Small Craft Advisory in effect from 2 AM EDT Monday through Monday evening.</div>
|
||
</div>
|
||
<div class='info-slide-content coastalwaters forecasts' style="display:none">
|
||
<div class='thing'>FROM THE NATIONAL WEATHER SERVICE</div>
|
||
<div class='frost-pane content'>
|
||
<div class='title day'>Rest of Today</div>
|
||
<div class='forecasttext'>a</div>
|
||
</div>
|
||
|
||
</div>
|
||
<div class='info-slide-content tides' style="display:none">
|
||
<div class='thingnotpurple'>
|
||
<span class='hightide'>HIGH TIDE</span>
|
||
<span class='lowtide'>LOW TIDE</span>
|
||
</div>
|
||
<div class='frost-pane top'>
|
||
<div class='place'>St Augustine Beach</div>
|
||
<div class='hightide'>
|
||
12:39 am Mon </br>
|
||
12:50 pm Mon
|
||
</div>
|
||
<div class='lowtide'>
|
||
12:39 am Mon </br>
|
||
12:50 pm Mon
|
||
</div>
|
||
</div>
|
||
<div class='frost-pane mid'>
|
||
<div class='place'>St Augustine Beach</div>
|
||
<div class='hightide'>
|
||
12:39 am Mon </br>
|
||
12:50 pm Mon
|
||
</div>
|
||
<div class='lowtide'>
|
||
12:39 am Mon </br>
|
||
12:50 pm Mon
|
||
</div>
|
||
</div>
|
||
<div class='frost-pane bottom'>
|
||
<div class='place'>St Augustine Beach</div>
|
||
<div class='title sunrise'>Sunrise</div>
|
||
<div class='title sunset'>Sunset</div>
|
||
<div class='sunrisetext'>11:00 am</div>
|
||
<div class='sunsettext'> 11:59 pm</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="info-slide health" style="display: ">
|
||
<div class="info-subheader">
|
||
<span id="subhead-titlei"></span><span id="subhead-city"></span>
|
||
</div>
|
||
<div class="info-subheadershadowfix">
|
||
<span id="subhead-title">Health Forecast</span>
|
||
</div>
|
||
<div class='blue curve left'></div>
|
||
<div class='blue curve bottom'></div>
|
||
<div class='yellow curve left'></div>
|
||
<div class='yellow curve right'></div>
|
||
<div class='white curve right'></div>
|
||
<div class='white curve bottom'></div>
|
||
|
||
<div class='info-slide-content health-forecast' style="display: none">
|
||
<div class='thing'>Forecast for Thursday</div>
|
||
<div class='frost-pane mainforecast'>
|
||
<div class='icon'></div>
|
||
<div class='low'>Low</div>
|
||
<div class='high'>High</div>
|
||
<div class='lowtext'>62</div>
|
||
<div class='hightext'>78</div>
|
||
<div class='title heatwind'>Heat Index 78</div>
|
||
</div>
|
||
<div class='frost-pane forecastdetails'>
|
||
<div class='title chanceprecip'>Chance of Precipitation</div>
|
||
<div class='title humid'>Humidity</div>
|
||
<div class='title wind'>Wind</div>
|
||
<div class='chancepreciptext'>50%</div>
|
||
<div class='humidtext'>100%</div>
|
||
<div class='windtext'>SSE 5</div>
|
||
</div>
|
||
</div>
|
||
<div class='info-slide-content allergy' style="display: none">
|
||
<div class='frost-pane pollen'>
|
||
<div class='thing'>As of Aug 7</div>
|
||
<div class='pollenbar tree'>
|
||
<div class='bar'>
|
||
<div class='bararrow'>
|
||
</div>
|
||
</div>
|
||
<div class='type'>Tree Pollen<br>Oak</div>
|
||
</div>
|
||
<div class='pollenbar grass'>
|
||
<div class='bar'>
|
||
<div class='bararrow'>
|
||
</div>
|
||
</div>
|
||
<div class='type'>Grass Pollen</div>
|
||
</div>
|
||
<div class='pollenbar weed'>
|
||
<div class='bar'>
|
||
<div class='bararrow'>
|
||
</div>
|
||
</div>
|
||
<div class='type'>Weed Pollen</div>
|
||
</div>
|
||
<div class='pollenbar mold'>
|
||
<div class='bar'>
|
||
<div class='bararrow'></div>
|
||
</div>
|
||
<div class='type'>Mold Spores</div>
|
||
</div>
|
||
<div class='scale low'>None</div>
|
||
<div class='scale high'>Very High</div>
|
||
</div>
|
||
<div class='frost-pane totalpollen'>
|
||
<div class='thing'><span class='thingtext'>Total <br> Pollen Count</span></div>
|
||
<div class='cat'>9</div>
|
||
<div class='desc'>Low</div>
|
||
</div>
|
||
</div>
|
||
<div class='info-slide-content Aches-Breath' style="display: none">
|
||
<div class='thing'>Thursday</div>
|
||
<div class='frost-pane aches'>
|
||
<div class='whitetitle aches'>Aches and Pains Index</div>
|
||
<div class='desc aches'>Potentional for feeling aches and pains based on weather conditions.</div>
|
||
<div class='bar'>
|
||
<div class='bararrow'>
|
||
<div class='bararrowtext' style='display:none'>Low</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class='frost-pane breath'>
|
||
<div class='whitetitle breath'>Respiratory Index</div>
|
||
<div class='desc breath'>Weather's influence on breathing conditions, excluding pollen or<br> air quality.</div>
|
||
<div class='bar'>
|
||
<div class='bararrow'>
|
||
<div class='bararrowtext' style='display:none'>Good</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class='info-slide-content airquality' style="display: none">
|
||
<div class='frost-pane airforecast'>
|
||
<div class='thing'>Thursday</div>
|
||
<div class='bar'>
|
||
<div class='bar red' style="background-color:#bc1264"><span class='forecast' style="display:none">Very unhealthy</span></div>
|
||
<div class='bar deeporange' style="background-color:#ff552a"><span class='forecast' style="display:none">Unhealthy</span></div>
|
||
<div class='bar orange' style="background-color:#e5a51d"><span class='forecast' style="display:none">Unhealthy for <br>sensitive groups</span></div>
|
||
<div class='bar yellow' style="background-color:#d9d320"><span class='forecast' style="display:none">Moderate</span></div>
|
||
<div class='bar green' style="background-color:#3b9f3c"><span class='forecast' style="display:none">Good</span></div>
|
||
<div class='arrow'></div>
|
||
</div>
|
||
</div>
|
||
<div class='frost-pane primarypolute'>
|
||
<div class='thing'><span class=pollutetext>Primary<br>Contributing Pollutant</span></div>
|
||
<div class='pollutant'>Ozone</div>
|
||
<div class='source'>Source: EPA</div>
|
||
<div class='ozoneaction' style="display:none">
|
||
<div class='icon'></div>
|
||
<div class='ozone'>OZONE</div>
|
||
<div class='actionday'>Action Day</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class='info-slide-content uvindex' style="display:">
|
||
<div class='weatherreadyheader'>
|
||
<div class='icon'></div>
|
||
<div class='weathertext'>W</div>
|
||
<div class='weathertext2'>eather</div>
|
||
<div class='readytext'>READY</div>
|
||
</div>
|
||
<div class='thing'>
|
||
<div class='currentlytext'>Currently</div>
|
||
<div class='uvtime i'>
|
||
<div class='uvtime'>9pm</div>
|
||
<div class='uvday'>Mon</div>
|
||
</div>
|
||
<div class='uvtime ii'>
|
||
<div class='uvtime'>12pm</div>
|
||
<div class='uvday'>Mon</div>
|
||
</div>
|
||
<div class='uvtime iii'>
|
||
<div class='uvtime'>12pm</div>
|
||
<div class='uvday'>Mon</div>
|
||
</div>
|
||
</div>
|
||
<div class='frost-pane currentuv'>
|
||
<div class='bar'>
|
||
<div class='num' style="display:none">10</div>
|
||
<div class='cat' style="display:none">Extreme</div>
|
||
</div>
|
||
</div>
|
||
<div class='frost-pane forecastuv'>
|
||
<div class='bar i'>
|
||
<div class='num' style="display:none">11</div>
|
||
<div class='cat' style="display:none">Extreme</div>
|
||
</div>
|
||
<div class='bar ii'>
|
||
<div class='num' style="display:none">9</div>
|
||
<div class='cat' style="display:none">Very High</div>
|
||
</div>
|
||
<div class='bar iii'>
|
||
<div class='num' style="display:none">11</div>
|
||
<div class='cat' style="display:none">Extreme</div>
|
||
</div>
|
||
<div class='scalebar'>
|
||
<div class='low'>0</div>
|
||
<div class='mid'>5</div>
|
||
<div class='high'>10+</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class='info-slide-content healthtip' style="display:none">
|
||
<div class='weatherreadyheader'>
|
||
<div class='icon'></div>
|
||
<div class='weathertext'>W</div>
|
||
<div class='weathertext2'>eather</div>
|
||
<div class='readytext'>READY</div>
|
||
</div>
|
||
<div class='frost-pane tipcontent'>
|
||
Incase of Lightning -
|
||
<br>
|
||
An automobile provides better insulation against<br>
|
||
lightning than being in the open. <br>
|
||
<br>
|
||
Avoid contact with any metal conducting surfaces<br>
|
||
either inside your car or outside.
|
||
</div>
|
||
</div>
|
||
<div class='info-slide-content moreinfoimage' style="display:none">
|
||
<div class='frost-pane image'>
|
||
<div class='moreinfotext'>For more on weather and your health<br>
|
||
tune to The Weather Channel or<br>
|
||
go to weather.com/health
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div id="date-time">
|
||
<div id="date"></div>
|
||
<div id="time"></div>
|
||
</div>
|
||
|
||
<div id="city"></div>
|
||
|
||
<div id="conditions-icon"></div>
|
||
|
||
<div id="current-conditions">
|
||
<div id="now">now</div>
|
||
<div id="current-temp"></div>
|
||
<div id="current-info"></div>
|
||
</div>
|
||
|
||
<div id="minimap-cover" style="display:none">
|
||
<div class="gradient1"></div>
|
||
<div class="gradient2"></div>
|
||
<div class="gradient3"></div>
|
||
</div>
|
||
<div id="minimap-title">PAST 3 HOURS</div>
|
||
<div id="minimap"></div>
|
||
<div id="logo-area"><img src="images/midco_logo_shadow.png"/></div>
|
||
|
||
<div id="forecast-shadow">
|
||
<div id="forecast-header">
|
||
<div id="forecast-city"></div>
|
||
<div id="forecast-title"></div>
|
||
</div>
|
||
<div id="forecast-text">
|
||
<div>Retrieving forecast data...</div>
|
||
</div>
|
||
<div id="forecast-tiles"></div>
|
||
</div>
|
||
|
||
|
||
<div id="marquee1" class="marquee">
|
||
<div id="marquee-container">
|
||
<div id="marquee-now"><span class="track-info"></span></div>
|
||
</div>
|
||
</div>
|
||
<img id="arrow-img" src="images/now.png"/>
|
||
|
||
<div id="marquee2" class="marquee">
|
||
You are watching an emulation of the Weatherscan IntelliStar system. Weatherscan is a digital cable and satellite
|
||
television network that is owned by a consortium owned in turn by NBCUniversal and investment firms The Blackstone
|
||
Group and Bain Capital. A spinoff of The Weather Channel, Weatherscan features uninterrupted local weather
|
||
information in graphical format on a continuous loop that is generated by an IntelliStar unit installed at the cable
|
||
provider's headend; unlike The Weather Channel, Weatherscan does not feature on-air talent of any kind.
|
||
</div>
|
||
<div class="marqueeheadersevere" style="display:none">SEVERE THUNDERSTORM WARNING</div>
|
||
<div id="marqueeSevere" class="marquee" style="display:none">
|
||
Severe Thunderstorm Warning National Weather Service Lincoln IL 113 AM CDT Thu May 23 2019 The National Weather Service in Lincoln has issued a * Severe Thunderstorm Warning for...
|
||
Piatt County in central Illinois...
|
||
Southeastern De Witt County in central Illinois...
|
||
Champaign County in east central Illinois...
|
||
Northeastern Macon County in central Illinois...
|
||
* Until 200 AM CDT.
|
||
* At 113 AM CDT, a severe thunderstorm was located near Monticello,
|
||
moving east at 55 mph.
|
||
HAZARD...70 mph wind gusts and quarter size hail.
|
||
SOURCE...Trained weather spotters.
|
||
IMPACT...Hail damage to vehicles is expected. Expect considerable
|
||
tree damage. Wind damage is also likely to mobile homes,
|
||
roofs, and outbuildings.
|
||
* Locations impacted include...
|
||
Champaign, Monticello, Urbana, Savoy, Mahomet, St. Joseph, Tolono,
|
||
Bement, Philo, Sidney, Homer, Thomasboro, Gifford, Ogden, Pesotum,
|
||
De Land, Bondville, Broadlands, Allerton and Lake Of The Woods.
|
||
</div>
|
||
</div>
|
||
|
||
</body>
|
||
</html>
|