Skip to content
Snippets Groups Projects

Compare revisions

Changes are shown as if the source revision was being merged into the target revision. Learn more about comparing revisions.

Source

Select target project
No results found
Select Git revision
  • develop
  • master
2 results

Target

Select target project
  • metobs/MetObsSite
  • wroberts/MetObsSite
  • davidh/MetObsSite
3 results
Select Git revision
  • develop
  • master
2 results
Show changes
Hide whitespace changes
Inline Side-by-side
Showing
with 180 additions and 133 deletions
content/js/meteorogram/plot/update.js
View file @ e2caf792
......@@ -47,15 +47,19 @@ function updateHeader(dataCache, unitCount, layoutUpdates) {
}
function changeCamera() {
var directions = {'north': 'east', 'east': 'south', 'south': 'west', 'west': 'north',};
// Gets witch direction the current camera is showing.
var newDirection = directions[document.getElementById('roofCam').src.split('/')[7]];
// Default to North on first load.
newDirection = newDirection ? newDirection : 'north';
// Makes image update. Image updates every (about) 2 minutes and 15 seconds.
document.getElementById('roofCam').alt = document.getElementById('dirText').innerHTML = newDirection;
document.getElementById('roofCam').src = 'http://metobs.ssec.wisc.edu/pub/cache/aoss/cameras/' + newDirection +
'/latest_orig.jpg?t=' + new Date().getTime();
var date = new Date();
// Update image every 5 minutes and let the final value be in seconds since epoch.
var formatted_date = Math.floor(date.getTime() / 1000 / 300) * 300;
document.getElementById('roofCam').src = METOBS_API_URL + '/pub/cache/aoss/cameras/' + newDirection +
'/latest_medium.jpg?t=' + formatted_date;
}
......@@ -242,12 +246,14 @@ function replaceData(dataCache, graphDiv, plotsInfo, dataObj, update, maxPoints)
tracesToExtend.push(traceIndex + index);
// scatter plots, assume the y data is the data being updated
_.each(traceInfo.var_names, function (var_name) {
// push the entire new data array as one element to update
ticktext.preConvertValue(dataObj[var_name], plotInfo.yaxis);
extendData.y.push(dataObj[var_name]);
if (plotsInfo['isLobbyDisplay']) {
axis_number = i == 0 ? '': i + 1;
fitGraphs(dataCache[i], dataObj[var_name], var_name, layoutUpdates, 'yaxis' + axis_number, plotInfo['yaxis2']['tickvals'])
}
// push the entire new data array as one element to update
extendData.y.push(dataObj[var_name]);
// Get new probe text shown when hovering over the traces
if ('probe_text' in traceInfo && traceInfo['probe_text'] === null) {
......
content/js/meteorogram/site_configs.js
View file @ e2caf792
......@@ -181,7 +181,8 @@ var siteConfigs = {
tickmode: 'linear',
tick0: 0,
dtick: 0.1,
convert_value: 'getAccumMillimeter',
preconvert_value: 'getAccumMillimeter',
convert_value: null,
units: 'mm',
precision: 1,
step: 0.02,
......@@ -189,7 +190,7 @@ var siteConfigs = {
yaxis2: {
skip: true,
title: 'Accum Precip (inches)',
convert_value: null,
convert_value: 'getAccumMillimeterToInches',
units: 'in',
precision: 1,
step: 0.02,
......@@ -281,7 +282,9 @@ var siteConfigs = {
title: 'Wind Speed (kts)',
tickmode: 'auto',
nticks: 5,
convert_value: 'getSpeedKTS',
preconvert_value: 'getSpeedKTS',
// convert_value: 'getSpeedKTS',
convert_value: null,
units: ' kts',
precision: 2,
step: 1,
......@@ -289,7 +292,7 @@ var siteConfigs = {
yaxis2: {
skip: true,
title: 'Wind Speed (mph)',
convert_value: 'getSpeedMPH',
convert_value: 'getSpeedKnotsToMPH',
units: ' mph',
precision: 2,
step: 1,
......@@ -304,7 +307,7 @@ var siteConfigs = {
},
{
name: 'Wind Direction Card',
var_names: ['aoss.tower.wind_direction'],
var_names: ['mendota.buoy.wind_direction'],
mode: 'none',
hovermode: false,
probe_text: null,
......@@ -337,7 +340,7 @@ var siteConfigs = {
traces: [
{
name: 'Chlorophyll',
var_names: ['mendota.buoy.chlorophyll'],
var_names: ['mendota.buoy.chlorophyll_ysi'],
},
],
yaxis: {
......@@ -354,7 +357,7 @@ var siteConfigs = {
traces: [
{
name: 'Phycocyanin',
var_names: ['mendota.buoy.phycocyanin'],
var_names: ['mendota.buoy.phycocyanin_ysi'],
},
],
yaxis: {
......
content/js/meteorogram/ui/buttons.js
View file @ e2caf792
......@@ -118,6 +118,9 @@ var set_form_datepickers = function(jQ_div){
changeYear: true,
dateFormat:'yy-mm-dd',
timeFormat:'HH:mm',
showTimezone:true,
timezoneList:[{label: "UTC", value: 0}],
timezone:0,
showSecond:false,
showMillisec:false,
showMicrosec:false
......@@ -128,6 +131,9 @@ var set_form_datepickers = function(jQ_div){
changeYear: true,
dateFormat:'yy-mm-dd',
timeFormat:'HH:mm',
showTimezone:true,
timezoneList:[{label: "UTC", value: 0}],
timezone:0,
showSecond:false,
showMillisec:false,
showMicrosec:false
......
content/js/meteorogram/webpack.config.js
View file @ e2caf792
var path = require('path');
var webpack = require('webpack');
const UglifyJSPlugin = require('uglifyjs-webpack-plugin');
const TerserPlugin = require("terser-webpack-plugin");
var PROD = (process.env.NODE_ENV === 'production');
var DEV_PLUGINS = PROD ? [
new UglifyJSPlugin()
] : [];
module.exports = {
entry: './controller.js',
......@@ -22,7 +19,7 @@
{
loader: 'babel-loader',
options: {
presets: ['es2015'],
presets: ['@babel/preset-env'],
}
}
]
......@@ -37,6 +34,7 @@
},
devtool: 'source-map',
optimization: {
minimizer: DEV_PLUGINS
minimizer: [new TerserPlugin()],
minimize: true,
}
};
content/pages/404.html 0 → 100644
View file @ e2caf792
<head>
<meta name="charset" charset="utf-8">
<meta name="ie-edge" http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="tags" content="404" />
<meta name="date" content="2020-04-03" />
<meta name="template" content="page" />
<meta name="url" content="" />
<meta name="save_as" content="404.html" />
<meta name="category" content="404" />
<meta name="summary" content="Not Found (404) - RAIN | SSEC @ UW-Madison" />
<title>RAIN | SSEC @ UW-Madison | Not Found</title>
</head>
<body>
<div class="message">
<div class="container">
<div class="row">
<div class="col text-center h3">
The requested page could not be located.
</div>
</div>
<div class="row">
<div class="col text-center h4">
This website was updated in
early 2020 and a lot of pages have been moved around. Please use the
navigation bar at the top to explore the new website.
</div>
</div>
</div>
</div>
</body>
content/pages/buoy_meteorogram.html
View file @ e2caf792
......@@ -14,6 +14,7 @@
<div id="content">
<div class="container">
<h2 class="row">Meteorogram</h2>
<h3>Status: <span id="instrument_status" class="instrument_status_nominal" data-status-stem="mendota/buoy">Loading...</span></h3>
<div class="row" style="padding:0 1em">
<h4 class="col-sm-12">Timeframe</h4>
<div class="col-sm-12">
......
content/pages/data_download.html
View file @ e2caf792
......@@ -73,12 +73,7 @@
<select class="form-control" id="interval">
<option value='1m'>1 minute</option>
<option selected value='5m'> 5 minutes</option>
<option value='30m'> 30 minutes</option>
<option value='1h'> 1 hour</option>
<option value='3h'> 3 hours</option>
<option value='6h'> 6 hours</option>
<option value='12h'> 12 hours</option>
<option value='1d'> 1 day</option>
</select>
</div>
</div>
......@@ -186,7 +181,6 @@
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-timepicker-addon/1.6.3/jquery-ui-timepicker-addon.min.js"></script>
<script type="text/javascript" src="{static}/js/data_api_info.js"></script>
<script type="text/javascript" src="{static}/js/underscore-min.js"></script>
<script type="text/javascript" src="{static}/js/moment.min.js"></script>
......
content/pages/instruments/aoss/aeri.html
View file @ e2caf792
......@@ -37,9 +37,9 @@
See <a href="https://www.ssec.wisc.edu/aeri">AERI project homepage</a> for details.
</p>
</div>
<div class="col-sm-4 text-center">
<div class="col-sm-4 text-center h1">
<a href="https://www.ssec.wisc.edu/aeri">
<img src="https://www.ssec.wisc.edu/aeri/wp-content/uploads/sites/21/2018/04/time_height_xsection-1024x517.png" width="480px">
<img style="max-width: 100%; display: block" class="img-fluid" src="https://www.ssec.wisc.edu/aeri/wp-content/uploads/sites/21/2018/04/time_height_xsection-1024x517.png">
</a>
<h3 style="margin-top:10px">Quicklook Browser</h3>
</div>
......
content/pages/instruments/aoss/cameras/index.html
View file @ e2caf792
......@@ -28,33 +28,36 @@
<h3>Movies</h3>
<ul>
<li>Sunrise to Sunset (Quicktime):
<li>Sunrise to Sunset:
<ul>
<li>Latest
<ul>
<li>West:
<a href="/pub/cameras/west/latest_sunrise_to_sunset_west_1024x768.mov">Large size (1024 x 768)</a> | <a href="/pub/cameras/west/latest_sunrise_to_sunset_west_640x480.mov">Medium size (640 x 480)</a> </li>
<li>North:
<a href="/pub/cameras/north/latest_sunrise_to_sunset_north_1024x768.mov">Large size (1024 x 768)</a> | <a href="/pub/cameras/north/latest_sunrise_to_sunset_north_640x480.mov">Medium size (640 x 480)</a> </li>
<li>Northwest:
<a href="/pub/cameras/northwest/latest_sunrise_to_sunset_northwest_1024x768.mov">Large size (1024 x 768)</a> | <a href="/pub/cameras/northwest/latest_sunrise_to_sunset_northwest_640x480.mov">Medium size (640 x 480)</a> </li>
<a href="/pub/cache/aoss/cameras/west/latest_sunrise_to_sunset_west_1024x768.mp4">Large size (1024 x 768)</a> | <a href="/pub/cache/aoss/cameras/west/latest_sunrise_to_sunset_west_640x480.mp4">Medium size (640 x 480)</a> </li>
<li>Northwest:
<a href="/pub/cache/aoss/cameras/northwest/latest_sunrise_to_sunset_northwest_1024x768.mp4">Large size (1024 x 768)</a> | <a href="/pub/cache/aoss/cameras/northwest/latest_sunrise_to_sunset_northwest_640x480.mp4">Medium size (640 x 480)</a> </li>
<li>North:
<a href="/pub/cache/aoss/cameras/north/latest_sunrise_to_sunset_north_1024x768.mp4">Large size (1024 x 768)</a> | <a href="/pub/cache/aoss/cameras/north/latest_sunrise_to_sunset_north_640x480.mp4">Medium size (640 x 480)</a> </li>
<li>East:
<a href="/pub/cache/aoss/cameras/east/latest_sunrise_to_sunset_east_1024x768.mp4">Large size (1024 x 768)</a> | <a href="/pub/cache/aoss/cameras/east/latest_sunrise_to_sunset_east_640x480.mp4">Medium size (640 x 480)</a> </li>
<li>South:
<a href="/pub/cache/aoss/cameras/south/latest_sunrise_to_sunset_south_1024x768.mp4">Large size (1024 x 768)</a> | <a href="/pub/cache/aoss/cameras/south/latest_sunrise_to_sunset_south_640x480.mp4">Medium size (640 x 480)</a> </li>
</ul>
</li>
<li>Archived
<ul>
<li><a href="/pub/cameras/west/mov/">West</a></li>
<li><a href="/pub/cameras/northwest/mov/">Northwest</a></li>
<li><a href="/pub/cameras/north/mov/">North</a></li>
<li><a href="http://roofvid.ssec.wisc.edu/east">East</a></li>
<li><a href="http://roofvid.ssec.wisc.edu/south">South</a></li>
<li><a href="{filename}hawkcam-flash.html">Hawk's Nest Camera</a>
<li><a href="/pub/cache/aoss/cameras/west/mov/">West</a></li>
<li><a href="/pub/cache/aoss/cameras/northwest/mov/">Northwest</a></li>
<li><a href="/pub/cache/aoss/cameras/north/mov/">North</a></li>
<li><a href="/pub/cache/aoss/cameras/east/mov/">East</a></li>
<li><a href="/pub/cache/aoss/cameras/south/mov/">South</a></li>
<li><a href="{filename}hawkcam-flash.html">Hawk's Nest Camera</a></li>
</ul>
</li>
</ul>
</li>
<li style="margin-top: 1em;">Various <a href="http://www.aos.wisc.edu/weather/wx_obs/WebCam.html">Quicktime
movies</a>, hosted by the Department of Atmospheric Science.</li>
<li style="margin-top: 1em;">Various <a href="http://www.aos.wisc.edu/weather/wx_obs/WebCam.html">
Movies</a>, hosted by the Department of Atmospheric Science.</li>
</ul>
<h3>Smartphone format</h3>
<p>You can also view these images via an auto-updating smartphone friendly
......@@ -68,18 +71,13 @@
<h3>Live Video</h3>
<p>These streams provide a live video feed from the rooftop cameras and require the free <a href="http://www.videolan.org/vlc/">VLC Player</a> to play.</p>
<ul>
<li> <a href="{static}/camera_feeds/ssec-roof-north-web.xspf">North</a>
<li> <a href="{static}/camera_feeds/ssec-roof-south-web.xspf">South</a>
<li> <a href="{static}/camera_feeds/ssec-roof-east-web.xspf">East</a>
<li> <a href="{static}/camera_feeds/ssec-roof-west-web.xspf">West</a>
<li> <a href="{static}/camera_feeds/ssec-roof-northwest-web.xspf">Northwest</a>
<li>Alternate multicast feeds: <a href="{static}/camera_feeds/ssec-roof-north.xspf">North</a> | <a href="{static}/camera_feeds/ssec-roof-south.xspf">South</a> | <a href="{static}/camera_feeds/ssec-roof-east.xspf">East</a> | <a href="{static}/camera_feeds/ssec-roof-west.xspf">West</a> | <a href="{static}/camera_feeds/ssec-roof-northwest.xspf">Northwest</a>
<UL>
<li>
Multicast streams require a wired connection to the campus network to play.
</ul>
</ul>
<p>A rolling 30-day archive of the full 10 frames per second (fps) video from the rooftop cameras is available at <a href="http://roofvid.ssec.wisc.edu">roofvid.ssec.wisc.edu</a>. Other movies available here and through AOS are generally composites of still images snapped every 10 seconds.</p>
<li> <a href="{static}/camera_feeds/ssec-roof-north-web.xspf">North</a></li>
<li> <a href="{static}/camera_feeds/ssec-roof-south-web.xspf">South</a></li>
<li> <a href="{static}/camera_feeds/ssec-roof-east-web.xspf">East</a></li>
<li> <a href="{static}/camera_feeds/ssec-roof-west-web.xspf">West</a></li>
<li> <a href="{static}/camera_feeds/ssec-roof-northwest-web.xspf">Northwest</a></li>
</ul>
<p>A rolling 10-day archive of the full 10 frames per second (fps) video from the rooftop cameras is available at <a href="http://roofvid.ssec.wisc.edu">roofvid.ssec.wisc.edu</a>. Other movies available here and through AOS are generally composites of still images snapped every 10 seconds.</p>
</div>
</div>
<div class="col-md-4 text-center" style="border: 1px solid #AAA">
......
content/pages/instruments/aoss/cameras/m-east.html
View file @ e2caf792
......@@ -2,7 +2,7 @@
<head>
<title>AOSS East Camera - Mobile Version</title>
<meta name="url" content="aoss/cameras/m-east/" />
<meta name="url" content="aoss/cameras/m-east" />
<meta name="save_as" content="aoss/cameras/m-east.html" />
<meta name="tags" content="AOSS, cameras" />
<meta name="template" content="camera_mobile_refresh" />
......
content/pages/instruments/aoss/cameras/m-north.html
View file @ e2caf792
......@@ -2,7 +2,7 @@
<head>
<title>AOSS North Camera - Mobile Version</title>
<meta name="url" content="aoss/cameras/m-north/" />
<meta name="url" content="aoss/cameras/m-north" />
<meta name="save_as" content="aoss/cameras/m-north.html" />
<meta name="tags" content="AOSS, cameras" />
<meta name="template" content="camera_mobile_refresh" />
......
content/pages/instruments/aoss/cameras/m-northwest.html
View file @ e2caf792
......@@ -3,7 +3,7 @@
<head>
<title>AOSS Northwest Camera - Mobile Version</title>
<meta name="url" content="aoss/cameras/m-northwest/" />
<meta name="url" content="aoss/cameras/m-northwest" />
<meta name="save_as" content="aoss/cameras/m-northwest.html" />
<meta name="tags" content="AOSS, cameras" />
<meta name="template" content="camera_mobile_refresh" />
......
content/pages/instruments/aoss/cameras/m-west.html
View file @ e2caf792
......@@ -2,7 +2,7 @@
<head>
<title>AOSS West Camera - Mobile Version</title>
<meta name="url" content="aoss/cameras/m-west/" />
<meta name="url" content="aoss/cameras/m-west" />
<meta name="save_as" content="aoss/cameras/m-west.html" />
<meta name="tags" content="AOSS, cameras" />
<meta name="template" content="camera_mobile_refresh" />
......
content/pages/instruments/aoss/ceilo.html
View file @ e2caf792
......@@ -25,9 +25,7 @@
</p>
<h3>View / Download Data</h3>
<ul>
<li><a href="http://metobs.ssec.wisc.edu/pub/cache/aoss/ceilo/">Browse raw data in NetCDF and ASCII</a></li>
<li><a href="http://metobs.ssec.wisc.edu/download/index.php?site=rig">Download data form</a></li>
<li><a href="/quicklooks/">Quicklooks</a></li>
<li><a href="/pub/cache/aoss/ceilo/">Browse raw data in NetCDF and ASCII</a></li>
</ul>
<strong>More information:</strong>
<strong style="color: #333;">Model / manufacturer:</strong> <a href="http://www.esrl.noaa.gov/psd/psd3/cruises/CT25K.pdf">Vaisala CT25K Ceilometer</a>
......
content/pages/instruments/aoss/tower.html
View file @ e2caf792
......@@ -18,7 +18,8 @@
<div class="row">
<div class="col-sm-8">
<h1>AOSS Tower</h1>
<p>This instrument is located at the top of the Atmospheric,
<h3>Status: <span id="instrument_status" class="instrument_status_nominal" data-status-stem="aoss/tower">Loading...</span></h3>
<p>This instrument is located at the top of the Atmospheric,
Oceanic and Space Science Building at the corner of Dayton and
Orchard St in the University of Wisconsin - Madison. It measures,
<a href="meteorogram">in real-time:</a></p>
......@@ -44,7 +45,7 @@
</p>
<br>
</div>
<div class="col-sm-4 text-center">
<div class="col-sm-4 text-center h1">
<a href="/quicklooks">
<img id="quicklooks-link" width="100%">
</a>
......@@ -55,18 +56,17 @@
<div class="row">
</div>
<div class="row">
<div class="col-sm-4">
<a class="no-style" href="text_popup/">
<div class="text-center" id="graph">
</div>
<div class="col-sm-4 text-center">
<a class="no-style" href="{filename}/pages/instruments/aoss/tower_text_popup.html">
<div id="graph" class="text-center"></div>
</a>
</div>
<div class="col-sm-4 text-center">
<img src="{static}/images/SSEC_from_ERB.png" width="100%">
<img style="display: block; max-width: 100%" class="img-fluid" src="{static}/images/SSEC_from_ERB.png" width="100%">
<h3 style="margin-top:10px">Tower Location</h3>
</div>
<div class="col-sm-4 text-center">
<img width="100%" src="{static}/images/Tower_Layout.png" alt="Tower Layout" align="center">
<img style="display: block; max-width: 100%" class="img-fluid" src="{static}/images/Tower_Layout.png" alt="Tower Layout">
<h3 style="margin-top:10px">Tower Layout</h3>
</div>
</div>
......
content/pages/instruments/aoss/tower_text_popup.html
View file @ e2caf792
......@@ -10,8 +10,8 @@
</head>
<body>
<div class="instrument" style="text-align:center">
<div id="graph" style="display:inline-block;text-align:left"></div>
<div class="instrument">
<div id="graph" class="text-center"></div>
</div>
<script src="{static}/js/moment.min.js"></script>
<!--TODO: LOAD PLOTLY DYNAMICALLY-->
......
content/pages/instruments/mendota/buoy.html
View file @ e2caf792
......@@ -16,35 +16,43 @@
<div class="row">
<div class="col-sm-8">
<h1>Lake Mendota Buoy</h1>
<p>The Lake Mendota buoy project is a collaboration between the <a href="http://www.limnology.wisc.edu/">University of Wisconsin Limnology</a>, <a href="http://www.ssec.wisc.edu">Space Science and Engineering Center</a> (SSEC) and <a href="https://www.engr.wisc.edu/department/civil-environmental-engineering/">Environmental Engineering</a>. The buoy measurements provide researchers valuable information to better understand the biological process governing the health of the lake and the impact of human activity on water quality. The buoy is located approximately 1.5 km North East of Picnic Point. The buoy measures both atmospheric and lake properties including: <ul><li>Wind Direction and Speed</li><li>Air Temperature</li><li>Dew Point/Relative Humidity</li><li>Vertical Profile of Water Temperature</li><li>Dissolved Oxygen</li><li>Chlorophyll</li><li>Phycocyanin.</li></ul> This site provides public access to the current lake conditions.
<h3>Status: <span id="instrument_status" class="instrument_status_nominal" data-status-stem="mendota/buoy">Loading...</span></h3>
<p>The Lake Mendota buoy project is a collaboration between <a href="https://lter.limnology.wisc.edu/">North Temperate Lakes Long-Term Ecological Research</a> (NTL-LTER),
and <a href="http://www.ssec.wisc.edu">Space Science and Engineering Center</a> (SSEC).
NTL-LTER is supported by the National Science Foundation under Cooperative Agreement #DEB-2025982.
The buoy measurements provide researchers valuable information to better understand the biological process governing the health of the lake and the impact of human activity on water quality. The buoy is located approximately 1.5 km North East of Picnic Point. The buoy measures both atmospheric and lake properties including: <ul><li>Wind Direction and Speed</li><li>Air Temperature</li><li>Dew Point/Relative Humidity</li><li>Vertical Profile of Water Temperature</li><li>Dissolved Oxygen</li><li>Chlorophyll</li><li>Phycocyanin.</li></ul> This site provides public access to the current lake conditions.
<p>
<a class="btn btn-default btn-lg" href="/file_download">Order Files &raquo;</a>
<a class="btn btn-default btn-lg" href="/data_download">Order Data &raquo;</a>
<a class="btn btn-default btn-lg" href="meteorogram">View Realtime&raquo;</a>
</p>
</div>
<div class="col-sm-4 text-center">
<a href="../quicklooks#buoy"><img class="img-responsive img-center" src="{static}/images/buoyexample.png" alt="QuickLook Example"></a>
<div class="col-sm-4 text-center h1">
<!-- <a href="../quicklooks#buoy"> -->
<img class="img-responsive img-center" src="{static}/images/buoyexample.png" alt="QuickLook Example">
<!-- </a> -->
<h3 style="margin-top:10px">Quicklook Browser</h3>
<p>Coming soon</p>
</div>
</div>
<!-- /.row -->
<hr>
<div class="row">
<a class="no-style" href="text_popup/">
<div class="col-sm-4">
<div id="graph">
</div>
<a class="no-style" href="{filename}/pages/instruments/mendota/buoy_text_popup.html">
<div class="col-sm-4 text-center">
<div id="graph" class="text-center"></div>
</div>
</a>
<div class="col-sm-4">
<a href="https://www.google.com/maps/place/43°05'58.2%22N+89°24'16.2%22W/@43.0996009,-89.4206768,14.11z/data=!4m5!3m4!1s0x0:0x0!8m2!3d43.0995!4d-89.4045"><img class="img-responsive img-center" src="../../../images/buoy.png" alt="Buoy Photo"></a>
<div class="col-sm-4 text-center">
<a href="https://www.google.com/maps/place/43°05'58.2%22N+89°24'16.2%22W/@43.0996009,-89.4206768,14.11z/data=!4m5!3m4!1s0x0:0x0!8m2!3d43.0995!4d-89.4045">
<img class="img-fluid" src="../../../images/buoy.png" alt="Buoy Photo">
</a>
<h2>Buoy Location</h2>
</div>
<div class="col-sm-4">
<img class="img-responsive img-center" src="{static}/images/buoywatertempexample.png" alt="Buoy Water Temp Profile">
<h2>Water Temp Profile Example</h2>
<div class="col-sm-4 text-center">
<img style="display: block; max-width: 100%" class="img-fluid" src="{static}/images/buoywatertempexample.png" alt="Buoy Water Temp Profile">
<h2>Water Temperature</h2>
</div>
</div>
<!-- /.row -->
......
content/pages/instruments/mendota/buoy_text_popup.html
View file @ e2caf792
......@@ -10,8 +10,9 @@
</head>
<body>
<div class="instrument" style="text-align:center">
<div id="graph" style="display:inline-block;text-align:left"></div>
<div class="instrument">
<h3 class="text-center">Status: <span id="instrument_status" class="instrument_status_nominal" data-status-stem="mendota/buoy">Loading...</span></h3>
<div id="graph" class="text-center"></div>
</div>
<script src="{static}/js/moment.min.js"></script>
<!--TODO: LOAD PLOTLY DYNAMICALLY-->
......
content/pages/lobby_meteorogram.html
View file @ e2caf792
......@@ -19,9 +19,8 @@
<div id="row3" style="height: calc(93%/3); width: 100%">
<div id="col1" style="float: left; height: 100%; width: calc(100%/3)"></div>
<div id="col2" style="float: left; height: 100%; width: calc(100%/3); position: relative">
<img id="roofCam" src="/pub/cache/aoss/cameras/west/latest_orig.jpg"
alt="west" style="Cache-Control: no-store; height: 100%; width: 100%;">
<div id="dirText" style="position: absolute; bottom: 0%; right: 0%; font-size: .5vh; background-color: black; color: white">west</div>
<img id="roofCam" alt="west" style="Cache-Control: no-store; height: 100%; width: 100%;">
<div id="dirText" style="position: absolute; bottom: 0%; right: 50%; font-size: .6vh; background-color: black; color: white">west</div>
</div>
<div id="col3" style="float: left; height: 100%; width: calc(100%/3)"></div>
</div>
......
content/pages/quicklooks.html
View file @ e2caf792
......@@ -95,11 +95,10 @@
</table>
</div>
</div>
<!--
<div class="row">
<div class="col-xs-12">
<h4>Ceilometer</h4>
<button type="submit" form="ceiloform" value="Submit" onclick="order('aoss','ceilo')">Order Ceilometer Data</button>
<button type="submit" form="ceiloform" value="Submit" onclick="order('aoss','ceilo')">Download Ceilometer Data</button>
<button type="submit" class="select-all">Select All</button>
Format: <select id="ceiloformat">
<option selected> CSV </option>
......@@ -111,61 +110,62 @@
<div class="col-xs-2 col-lg-1">
<b>
Date<br></br>
<div class="ql-label">BackStatter</div>
<div class="ql-label">Backscatter</div>
</b>
</div>
<div class="col-xs-10 col-lg-11 table-holder" style="overflow-x:scroll;">
<table id="ceilotable" width="840px" cellpadding="0" cellspacing="0" class="imageStripsContainer">
<tr class="ql_date_row" inst="cielo" site="aoss">
<tr class="ql_row" inst="ceilo" site="aoss" product="">
<tr class="ql_row" inst="ceilo" site="aoss" product="backscatter-daily">
</table>
</div>
</div>
<div class="row">
<div class="col-xs-12">
<h3 id="buoy">Lake Mendota, Madison WI</h3>
<h4>Buoy</h4>
<button type="submit" form="buoyform" value="Submit" onclick="order('mendota','buoy')">Order Buoy Data</button>
<button type="submit" class="select-all">Select All</button>
Format: <select id="buoyformat">
<option selected> CSV </option>
<option> JSON </option>
<option> SH </option>
<option> BAT </option>
</select>
</div>
<div class="col-xs-2 col-lg-1">
<b>
Date<br></br>
<div class="ql-label">Meteorogram</div>
<div class="ql-label">Air and Dewpoint Temperature</div>
<div class="ql-label">Wind Speed</div>
<div class="ql-label">Wind Direction</div>
<div class="ql-label">Chlorophyll</div>
<div class="ql-label">Phycocyanin</div>
<div class="ql-label">Water Temperature</div>
</b>
</div>
<div class="col-xs-10 col-lg-11 table-holder" style="overflow-x:scroll;">
<table id="buoytable" width="1260px" cellpadding="0" cellspacing="0" class="imageStripsContainer">
<tr class="ql_date_row" inst="buoy" site="mendota" >
<tr class="ql_row" inst="buoy" site="mendota" product="met">
<tr class="ql_row" inst="buoy" site="mendota" product="td">
<tr class="ql_row" inst="buoy" site="mendota" product="windsp">
<tr class="ql_row" inst="buoy" site="mendota" product="winddr">
<tr class="ql_row" inst="buoy" site="mendota" product="chloro">
<tr class="ql_row" inst="buoy" site="mendota" product="phyco">
<tr class="ql_row" inst="buoy" site="mendota" product="watert">
</table>
</div>
<!--
<div class="row">
<div class="col-xs-12">
<h3 id="buoy">Lake Mendota, Madison WI</h3>
<h4>Buoy</h4>
<button type="submit" form="buoyform" value="Submit" onclick="order('mendota','buoy')">Order Buoy Data</button>
<button type="submit" class="select-all">Select All</button>
Format: <select id="buoyformat">
<option selected> CSV </option>
<option> JSON </option>
<option> SH </option>
<option> BAT </option>
</select>
</div>
<div class="col-xs-2 col-lg-1">
<b>
Date<br></br>
<div class="ql-label">Meteorogram</div>
<div class="ql-label">Air and Dewpoint Temperature</div>
<div class="ql-label">Wind Speed</div>
<div class="ql-label">Wind Direction</div>
<div class="ql-label">Chlorophyll</div>
<div class="ql-label">Phycocyanin</div>
<div class="ql-label">Water Temperature</div>
</b>
</div>
<div class="col-xs-10 col-lg-11 table-holder" style="overflow-x:scroll;">
<table id="buoytable" width="1260px" cellpadding="0" cellspacing="0" class="imageStripsContainer">
<tr class="ql_date_row" inst="buoy" site="mendota" >
<tr class="ql_row" inst="buoy" site="mendota" product="met">
<tr class="ql_row" inst="buoy" site="mendota" product="td">
<tr class="ql_row" inst="buoy" site="mendota" product="windsp">
<tr class="ql_row" inst="buoy" site="mendota" product="winddr">
<tr class="ql_row" inst="buoy" site="mendota" product="chloro">
<tr class="ql_row" inst="buoy" site="mendota" product="phyco">
<tr class="ql_row" inst="buoy" site="mendota" product="watert">
</table>
</div>
</table>
</div>
</div>
</div>
-->
</table>
</div>
</div>
</div>
-->
</div>
<script src="{static}/js/moment.min.js"></script>
<script src="{static}/js/underscore-min.js"></script>
......