Built with blockbuilder.org
xxxxxxxxxx<html><head> <title>OceanPaths</title> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <!-- CSS --> <link rel="stylesheet" href="foundation.css" /> <link rel="stylesheet" href="custom_oro.css" /> <link rel="stylesheet" href="d3.slider.css" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ol3/3.8.0-alpha.1/ol.css" type="text/css"/></script> --><script src="https://cdnjs.cloudflare.com/ajax/libs/ol3/3.7.0/ol.js" type="text/javascript"></script><!-- <script src="oroviz_js/turf.min.js" type="text/javascript"></script> --> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js" type="text/javascript"></script> <script src="https://d3js.org/d3.v3.min.js"></script> <script src="https://code.jquery.com/jquery-1.11.2.min.js"></script> <script src="oroviz_js/turf.min.js" charset="utf-8"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> <script src="https://labratrevenge.com/d3-tip/javascripts/d3.tip.v0.6.3.js"></script> <script src="oroviz_js/d3.slider.js"></script> <link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700' rel='stylesheet' type='text/css' /> <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,900' rel='stylesheet' type='text/css'> <style> a {color:#27668f;} #logo p{color: #27668f;text-align:center;} #logo p .grey { color: #888;} </style></head><body><!-- Div for lat/lon info display on map --> <div id="info"></div> <!-- Div for Main Map --> <div class="large-12 columns" id="map" style="height:400px;"> <div id="info2"></div> </div> <div class="large-6 columns" style="margin-left:40px;"> <div class="panel panel-default"> <!-- Default panel contents --> <div class="panel-heading"> <h4 class="panel-title">Map Interactions Tips</h4> </div> <!-- List group --> <ul class="list-group"> <li class="list-group-item">Click to draw path nodes, double click to finalize branch. </li> <li class="list-group-item">Shift + Click on nodes to delete them</li> <li class="list-group-item">Click and Drag nodes to move them</li> <li class="list-group-item">Click on existing paths to add new nodes</li> <li class="list-group-item">Decouple branches by shift+click on the common node</li> </ul></div> </div> <div class="large-5 columns" style="margin-left:20px;"> <br> Time Range: <span id="slider3textmin"></span> , <span id="slider3textmax">25</span> <div id="slider3" ></div> <br> Depth Range: <span id="slider4textmin"></span> , <span id="slider4textmax">25</span> <div id="slider4" ></div> </div> <!-- Div for scatter plot --> <div id="scatter"></div><!-- Div for DropDown Menus --> <div class="large-12 columns"> <br> <br> <div class="large-4 columns" style="margin-left:0%"> <label> Select x-axis variable </label> <select id="select_x_axis"> <option value="0">Along Track Distance (km)</option> <!--<option value="1">Latitude </option> <option value="2">Longitude</option> <option value="3">Temperature (oC) </option> <option value="4">Salinity</option>--> </select> </div> <div class="large-4 columns" style="margin-left:0%"> <label> Select y-axis variable </label> <select id="select_y_axis"> <option value="0">Cs137 (decay corrected Bq/m3)</option><!-- <option value="1">137CS </option> --> <option value="1">134Cs (decay corrected Bq/m3)</option><!-- <option value="3">134Cs </option> --> <option value="2">Time</option> <option value="3">Latitude </option> <option value="4">Longitude</option> <option value="5">Temperature (oC) </option> <option value="6">Salinity</option> <option value="7">Depth (m)</option> </select> </div> <div class="large-4 columns"> <label> Select color variable: </label> <select id="select_color_axis"> <option value="0">137Cs (decay corrected Bq/m3)</option><!-- <option value="1">137CS </option> --> <option value="1">134Cs (decay corrected Bq/m3)</option><!-- <option value="3">134Cs </option> --><!-- <option value="4">Time</option> --> <option value="2">Latitude </option> <option value="3">Longitude</option> <option value="4">Temperature (oC) </option> <option value="5">Salinity</option> <option value="6">Depth (m) </option> </select> </div> </div> <script src="functions.js"></script> <script src="parse_tree.js"></script> <script src="page_setup.js"></script> <script src="load_data.js"></script> <script src="dropdown_menus.js"></script> <div class="panel panel-default"> <div class="panel-heading"><!-- <h3 class="panel-title">Data Selection Interface</h3> --> </div> </body></html> Modified http://d3js.org/d3.v3.min.js to a secure url
Modified http://labratrevenge.com/d3-tip/javascripts/d3.tip.v0.6.3.js to a secure url
https://cdnjs.cloudflare.com/ajax/libs/ol3/3.7.0/ol.js
https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js
https://d3js.org/d3.v3.min.js
https://code.jquery.com/jquery-1.11.2.min.js
https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js
https://labratrevenge.com/d3-tip/javascripts/d3.tip.v0.6.3.js