128 lines
4.0 KiB
HTML
128 lines
4.0 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<html>
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
|
<title>lol 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>
|
|
<div id="main" class="container">
|
|
|
|
<div id="example-overlay"></div>
|
|
|
|
<div id="info-slides-container">
|
|
|
|
<div id="info-slides-header">
|
|
<div class="hscroller">
|
|
<span class="city radar current">LOCAL RADAR</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div id='info-slide-container'>
|
|
|
|
<!-- CURRENT CONDITIONS AND FORECAST-->
|
|
<div class="info-slide city-info-slide" style="display:none">
|
|
<div class="info-subheader">
|
|
<span id="subhead-title"></span><span id="subhead-city"></span>
|
|
</div>
|
|
<div class='blue curve left'></div>
|
|
<div class='yellow curve left'></div>
|
|
<div class='yellow curve right'></div>
|
|
<div class='white curve right'></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 forecast' style="display:none">
|
|
<div class='frost-pane'>
|
|
<div class='title'></div>
|
|
<div class='content'></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- DOPPLER RADAR -->
|
|
<div class="info-slide radar-slide">
|
|
<div class="info-subheader">
|
|
<span>Local Doppler Radar</span>
|
|
<span class="radar-color-legend">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">
|
|
<div id="radar-1" class="map"></div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div id="clock">Jul 20<br/>1:14:00am</div>
|
|
|
|
<div id="city"></div>
|
|
|
|
<img id="conditions-icon" />
|
|
|
|
<div id="current-conditions">
|
|
<div id="now">now</div>
|
|
<div id="current-temp"></div>
|
|
<div id="current-info"></div>
|
|
</div>
|
|
|
|
<div id="minimap-title">PAST 3 HOURS</div>
|
|
<div id="minimap"></div>
|
|
<div id="logo-area"><img src="images/mso-logos/cablevision.svg"/></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>
|
|
<script type="text/javascript" src="js/weatherscan.js"></script>
|
|
</body>
|
|
</html>
|