157 lines
5.5 KiB
HTML
157 lines
5.5 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="http://cdn.date-fns.org/v2.0.0-alpha0/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/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-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="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-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>
|
|
|
|
</body>
|
|
</html>
|