ws4kp/dist/index.html
2022-12-14 16:29:09 -06:00

1 line
13 KiB
HTML

<!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8"><title>WeatherStar 4000+</title><meta name="description" content="Web based WeatherStar 4000 simulator that reports current and forecast weather conditions plus a few extras!"><meta name="keywords" content="WeatherStar 4000+"><meta name="author" content="Matt Walsh"><meta name="application-name" content="WeatherStar 4000+"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"><link rel="manifest" href="manifest.json"><link rel="icon" href="images/Logo192.png"><link rel="stylesheet" type="text/css" href="resources/ws.min.css?_=5.9.0"><script type="text/javascript" src="resources/data.min.js?_=5.9.0"></script><script type="text/javascript" src="resources/vendor.min.js?_=5.9.0"></script><script type="text/javascript" src="resources/ws.min.js?_=5.9.0"></script><script type="text/javascript" src="scripts/custom.js?_=5.9.0"></script></head><body><div id="divQuery"><form id="frmGetLatLng"><input id="txtAddress" type="text" value="" placeholder="Zip or City, State"><button id="btnGetGps" type="button" title="Get GPS Location"><img src="images/nav/ic_gps_fixed_black_18dp_1x.png" class="light"><img src="images/nav/ic_gps_fixed_white_18dp_1x.png" class="dark"></button> <input id="btnGetLatLng" type="submit" value="GO"> <input id="btnClearQuery" type="reset" value="Reset"></form><div id="divLat"></div><div id="divLng"></div></div><br><img id="imgPause1x" src="images/nav/ic_pause_white_24dp_1x.png"> <img id="imgPause2x" src="images/nav/ic_pause_white_24dp_2x.png"><div id="version" style="display:none">5.9.0</div><div id="divTwc"><div id="container"><div id="loading" width="640" height="480"><div><div class="title">WeatherStar 4000+</div><div class="version">v5.9.0</div><div class="instructions">Enter your location above to continue</div></div></div><div id="progress-html" class="weather-display"><div class="header"><div class="logo"><img src="images/Logo3.png"></div><div class="title dual"><div class="top">WeatherStar</div><div class="bottom">4000+ v5.9.0</div></div><div class="date-time date"></div><div class="date-time time"></div></div><div class="main has-box progress"><div class="container"><div class="item template"><div class="name">Current Conditions</div><div class="links loading"><div class="loading">Loading</div><div class="press-here">Press Here</div><div class="failed">Failed</div><div class="no-data">No Data</div><div class="disabled">Disabled</div><div class="retrying">Retrying</div></div></div></div></div><div class="scroll"><div class="progress-bar-container show"><div class="progress-bar"></div><div class="cover"></div></div></div></div><div id="hourly-html" class="weather-display"><div class="header"><div class="logo"><img src="images/Logo3.png"></div><div class="title single">Hourly Forecast</div><div class="date-time date"></div><div class="date-time time"></div></div><div class="main has-scroll hourly"><div class="column-headers"><div class="temp">TEMP</div><div class="like">LIKE</div><div class="wind">WIND</div></div><div class="hourly-lines"><div class="hourly-row template"><div class="hour"></div><div class="icon"><img></div><div class="temp"></div><div class="like"></div><div class="wind"></div></div></div></div><div class="scroll"><div class="scrolling template"></div><div class="fixed"></div></div></div><div id="hourly-graph-html" class="weather-display"><div class="header"><div class="logo"><img src="images/Logo3.png"></div><div class="title single">Hourly Graph</div><div class="right"></div></div><div class="main has-scroll hourly-graph"><div class="top-right template"><div class="temperature">Temperature</div><div class="cloud">Cloud %</div><div class="rain">Precip %</div></div><div class="y-axis"><div class="label l-1">75</div><div class="label l-2">65</div><div class="label l-3">55</div></div><div class="chart"><img id="chart-area"></div><div class="x-axis"><div class="label l-1">12a</div><div class="label l-2">6a</div><div class="label l-3">12p</div><div class="label l-4">6p</div><div class="label l-5">12a</div></div></div><div class="scroll"><div class="scrolling template"></div><div class="fixed"></div></div></div><div id="travel-html" class="weather-display"><div class="header"><div class="logo"><img src="images/Logo3.png"></div><div class="title dual"><div class="top">Travel Forecast</div><div class="bottom">For</div></div><div class="date-time date"></div><div class="date-time time"></div></div><div class="main has-scroll travel"><div class="column-headers"><div class="temp low">LOW</div><div class="temp high">HIGH</div></div><div class="travel-lines"><div class="travel-row template"><div class="city"></div><div class="icon"><img></div><div class="temp low"></div><div class="temp high"></div></div></div></div><div class="scroll"><div class="scrolling template"></div><div class="fixed"></div></div></div><div id="current-weather-html" class="weather-display"><div class="header"><div class="logo"><img src="images/Logo3.png"></div><div class="title dual"><div class="top">Current</div><div class="bottom">Conditions</div></div><div class="noaa-logo"><img src="images/noaa5.gif"></div></div><div class="main has-scroll has-box current-weather"><div class="weather template"><div class="left col"><div class="temp center"></div><div class="condition center"></div><div class="icon center"><img src=""></div><div class="wind-container"><div class="wind-label">Wind:</div><div class="wind"></div></div><div class="wind-gusts"></div></div><div class="right col"><div class="location"></div><div class="row"><div class="label">Humidity:</div><div class="humidity value"></div></div><div class="row"><div class="label">Dewpoint:</div><div class="dewpoint value"></div></div><div class="row"><div class="label">Ceiling:</div><div class="ceiling value"></div></div><div class="row"><div class="label">Visibility:</div><div class="visibility value"></div></div><div class="row"><div class="label">Pressure:</div><div class="pressure value"></div></div><div class="row"><div class="heat-index-label label"></div><div class="heat-index value"></div></div></div></div></div><div class="scroll"><div class="scrolling template"></div><div class="fixed"></div></div></div><div id="local-forecast-html" class="weather-display"><div class="header"><div class="logo"><img src="images/Logo3.png"></div><div class="title dual"><div class="top">Local</div><div class="bottom">Forecast</div></div><div class="date-time date"></div><div class="date-time time"></div><div class="noaa-logo"><img src="images/noaa5.gif"></div></div><div class="main has-scroll has-box local-forecast"><div class="container"><div class="forecasts"><div class="forecast template"><div class="text"></div></div></div></div></div><div class="scroll"><div class="scrolling template"></div><div class="fixed"></div></div></div><div id="latest-observations-html" class="weather-display"><div class="header"><div class="logo"><img src="images/Logo3.png"></div><div class="title dual"><div class="top">Latest</div><div class="bottom">Observations</div></div><div class="noaa-logo"><img src="images/noaa5.gif"></div></div><div class="main has-scroll latest-observations has-box"><div class="container"><div class="column-headers"><div class="temp english">&deg;F</div><div class="temp metric">&deg;C</div><div class="weather">Weather</div><div class="wind">Wind</div></div><div class="observation-lines"><div class="observation-row template"><div class="location"></div><div class="temp"></div><div class="weather"></div><div class="wind"></div></div></div></div></div><div class="scroll"><div class="scrolling template"></div><div class="fixed"></div></div></div><div id="regional-forecast-html" class="weather-display"><div class="header"><div class="logo"><img src="images/Logo3.png"></div><div class="title dual"><div class="top">Regional</div><div class="bottom">Observations</div></div><div class="date-time date"></div><div class="date-time time"></div></div><div class="main has-scroll regional-forecast"><div class="map"><img src="images/Basemap2.png"></div><div class="location-container"><div class="location template"><div class="icon"><img src=""></div><div class="city"></div><div class="temp"></div></div></div></div><div class="scroll"><div class="scrolling template"></div><div class="fixed"></div></div></div><div id="almanac-html" class="weather-display"><div class="header"><div class="logo"><img src="images/Logo3.png"></div><div class="title single">Almanac</div><div class="date-time date"></div><div class="date-time time"></div></div><div class="main has-scroll almanac"><div class="sun"><div class="days"><div class="day"></div><div class="day day-1">Monday</div><div class="day day-2">Tuesday</div></div><div class="times times-1"><div class="name">Sunrise:</div><div class="sun-time rise-1">6:24 am</div><div class="sun-time rise-2">6:25 am</div></div><div class="times times-2"><div class="name">Sunset:</div><div class="sun-time set-1">6:24 am</div><div class="sun-time set-2">6:25 am</div></div></div><div class="moon"><div class="title">Moon Data:</div><div class="days"><div class="day template"><div class="type"></div><div class="icon"><img></div><div class="date"></div></div></div></div></div><div class="scroll"><div class="scrolling template"></div><div class="fixed"></div></div></div><div id="extended-forecast-html" class="weather-display"><div class="header"><div class="logo"><img src="images/Logo3.png"></div><div class="title dual"><div class="top">Extended</div><div class="bottom">Forecast</div></div><div class="date-time date"></div><div class="date-time time"></div></div><div class="main has-scroll extended-forecast"><div class="day-container"><div class="day template"><div class="date"></div><div class="icon"><img src=""></div><div class="condition"></div><div class="temperatures"><div class="temperature-block lo"><div class="label">Lo</div><div class="value value-lo"></div></div><div class="temperature-block hi"><div class="label">Hi</div><div class="value value-hi"></div></div></div></div></div></div><div class="scroll"><div class="scrolling template"></div><div class="fixed"></div></div></div><div id="radar-html" class="weather-display"><div class="header"><div class="logo"><img src="images/Logo3.png"></div><div class="title dual"><div class="top">Local</div><div class="bottom">Radar</div></div><div class="right"><div class="precip"><div class="precip-header">PRECIP</div><div class="scale"><div class="text">Light</div><div class="scale-table"><div class="box box-1"></div><div class="box box-2"></div><div class="box box-3"></div><div class="box box-4"></div><div class="box box-5"></div><div class="box box-6"></div><div class="box box-7"></div><div class="box box-7"></div></div><div class="text">Heavy</div></div><div class="time"></div></div></div></div><div class="main radar"><div class="container"><div class="scroll-area"><div class="frame template"><div class="map"><img src="images/4000RadarMap2.jpg"></div></div></div></div></div></div><div id="hazards-html" class="weather-display show"><div class="main has-scroll hazards no-header"><div class="hazard-lines"><div class="hazard template"><div class="hazard-text"></div></div></div></div><div class="scroll"><div class="scrolling template"></div><div class="fixed"></div></div></div></div><div id="divTwcBottom"><div id="divTwcBottomLeft"><img id="NavigateMenu" class="navButton" src="images/nav/ic_menu_white_24dp_1x.png" title="Menu"> <img id="NavigatePrevious" class="navButton" src="images/nav/ic_skip_previous_white_24dp_1x.png" title="Previous"> <img id="NavigateNext" class="navButton" src="images/nav/ic_skip_next_white_24dp_1x.png" title="Next"> <img id="NavigatePlay" class="navButton" src="images/nav/ic_play_arrow_white_24dp_1x.png" title="Play"></div><div id="divTwcBottomMiddle"><img id="NavigateRefresh" class="navButton" src="images/nav/ic_refresh_white_24dp_1x.png" title="Refresh"></div><div id="divTwcBottomRight"><img id="ToggleFullScreen" class="navButton" src="images/nav/ic_fullscreen_white_24dp_1x.png" title="Enter Fullscreen"></div></div></div><br><div class="info"><a href="https://github.com/netbymatt/ws4kp#weatherstar-4000">More information</a></div><div class="heading">Selected displays</div><div id="enabledDisplays"></div><div id="divInfo">Location: <span id="spanCity"></span> <span id="spanState"></span><br>Station Id: <span id="spanStationId"></span><br>Radar Id: <span id="spanRadarId"></span><br>Zone Id: <span id="spanZoneId"></span><br></div><div id="divRefresh">Last Update: <span id="spanLastRefresh">(None)</span><br><input id="chkAutoRefresh" name="chkAutoRefresh" type="checkbox"><label id="lblRefreshCountDown" for="chkAutoRefresh">Auto Refresh: <span id="spanRefreshCountDown">--:--</span></label></div></body></html>