-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
1 lines (1 loc) · 6.57 KB
/
index.html
1
<!DOCTYPE html><html><head><link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css"><link rel="stylesheet" href="node_modules/weather-icons/css/weather-icons.min.css"><link rel="stylesheet" href="node_modules/font-awesome/css/font-awesome.min.css"><link rel="stylesheet" href="css/style.css"><title>Weather monitor</title></head><body><div class="navbar navbar-default"><div class="container"><div class="navbar-header"><div class="navbar-brand">Weather monitor X9000 enterprise edition</div></div><div class="navbar-collapse collapse"><ul class="nav navbar-nav navbar-right"><li><a id="pause-app"><div class="fa fa-pause"></div></a></li><li><a id="stop-app"><div class="fa fa-stop"></div></a></li></ul></div></div></div><div class="container x5"><div class="row"><div class="col-xs-1"><div class="wi wi-fw wi-thermometer"></div></div><div class="col-xs-11"><div id="top-overall-container"><canvas id="top-overall-temperature" width="500" height="50"></canvas></div></div></div><div class="row"><div class="col-xs-1"><div class="wi wi-fw wi-tornado"></div></div><div class="col-xs-11"><canvas id="top-overall-wind" width="500" height="50"></canvas></div></div><div class="row"><div class="col-xs-1"><div class="wi wi-fw wi-smog"></div></div><div class="col-xs-11"><canvas id="top-overall-humidity" width="500" height="50"></canvas></div></div></div><div class="container"><div class="row"><div class="col-xs-12"><div class="panel panel-default"><div class="panel-body"><div class="x8 text-warning text-center"><div class="wi wi-day-snow-thunderstorm"></div></div></div></div></div><div class="col-xs-12"><div class="panel panel-default"><div class="panel-body"><div class="row"><div class="col-xs-3"><div class="x5"><div class="wi wi-fw wi-thermometer"></div><span class="nowrap"><span class="monospace" id="temp-current">--</span><span class="monospace">°C</span></span></div></div><div class="col-xs-9"><table class="table table-bordered"><tr><td></td><td>min</td><td>max</td><td>avg</td></tr><tr><td>day</td><td><span class="nowrap"><span class="monospace" id="temp-day-min">--</span><span class="monospace">°C</span></span></td><td><span class="nowrap"><span class="monospace" id="temp-day-max">--</span><span class="monospace">°C</span></span></td><td><span class="nowrap"><span class="monospace" id="temp-day-avg">--</span><span class="monospace">°C</span></span></td></tr><tr><td>week</td><td><span class="nowrap"><span class="monospace" id="temp-week-min">--</span><span class="monospace">°C</span></span></td><td><span class="nowrap"><span class="monospace" id="temp-week-max">--</span><span class="monospace">°C</span></span></td><td><span class="nowrap"><span class="monospace" id="temp-week-avg">--</span><span class="monospace">°C</span></span></td></tr><tr><td>overall</td><td><span class="nowrap"><span class="monospace" id="temp-overall-min">--</span><span class="monospace">°C</span></span></td><td><span class="nowrap"><span class="monospace" id="temp-overall-max">--</span><span class="monospace">°C</span></span></td><td><span class="nowrap"><span class="monospace" id="temp-overall-avg">--</span><span class="monospace">°C</span></span></td></tr></table></div></div></div></div></div><div class="col-xs-12"><div class="panel panel-default"><div class="panel-body"><div class="row"><div class="col-xs-3"><div class="x5"><div class="wi wi-fw wi-tornado"></div><span class="nowrap"><span class="monospace" id="wind-current">--</span><span class="monospace"> m/s</span></span></div></div><div class="col-xs-9"><table class="table table-bordered"><tr><td></td><td>min</td><td>max</td><td>avg</td></tr><tr><td>day</td><td><span class="nowrap"><span class="monospace" id="wind-day-min">--</span><span class="monospace"> m/s</span></span></td><td><span class="nowrap"><span class="monospace" id="wind-day-max">--</span><span class="monospace"> m/s</span></span></td><td><span class="nowrap"><span class="monospace" id="wind-day-avg">--</span><span class="monospace"> m/s</span></span></td></tr><tr><td>week</td><td><span class="nowrap"><span class="monospace" id="wind-week-min">--</span><span class="monospace"> m/s</span></span></td><td><span class="nowrap"><span class="monospace" id="wind-week-max">--</span><span class="monospace"> m/s</span></span></td><td><span class="nowrap"><span class="monospace" id="wind-week-avg">--</span><span class="monospace"> m/s</span></span></td></tr><tr><td>overall</td><td><span class="nowrap"><span class="monospace" id="wind-overall-min">--</span><span class="monospace"> m/s</span></span></td><td><span class="nowrap"><span class="monospace" id="wind-overall-max">--</span><span class="monospace"> m/s</span></span></td><td><span class="nowrap"><span class="monospace" id="wind-overall-avg">--</span><span class="monospace"> m/s</span></span></td></tr></table></div></div></div></div></div><div class="col-xs-12"><div class="panel panel-default"><div class="panel-body"><div class="row"><div class="col-xs-3"><div class="x5"><div class="wi wi-fw wi-smog"></div><span class="nowrap"><span class="monospace" id="humidity-current">--</span><span class="monospace">%</span></span></div></div><div class="col-xs-9"><table class="table table-bordered"><tr><td></td><td>min</td><td>max</td><td>avg</td></tr><tr><td>day</td><td><span class="nowrap"><span class="monospace" id="humidity-day-min">--</span><span class="monospace">%</span></span></td><td><span class="nowrap"><span class="monospace" id="humidity-day-max">--</span><span class="monospace">%</span></span></td><td><span class="nowrap"><span class="monospace" id="humidity-day-avg">--</span><span class="monospace">%</span></span></td></tr><tr><td>week</td><td><span class="nowrap"><span class="monospace" id="humidity-week-min">--</span><span class="monospace">%</span></span></td><td><span class="nowrap"><span class="monospace" id="humidity-week-max">--</span><span class="monospace">%</span></span></td><td><span class="nowrap"><span class="monospace" id="humidity-week-avg">--</span><span class="monospace">%</span></span></td></tr><tr><td>overall</td><td><span class="nowrap"><span class="monospace" id="humidity-overall-min">--</span><span class="monospace">%</span></span></td><td><span class="nowrap"><span class="monospace" id="humidity-overall-max">--</span><span class="monospace">%</span></span></td><td><span class="nowrap"><span class="monospace" id="humidity-overall-avg">--</span><span class="monospace">%</span></span></td></tr></table></div></div></div></div></div></div></div><script src="./node_modules/smoothie/smoothie.js"></script><script src="./js/main.js"></script></body></html>