diff --git a/public/StreamlinesMultipart.html b/public/StreamlinesMultipart.html index 884092d2c060281cd6bac84d41b3532cc8325502..89a57eb067f1eea6eb17510a3046f213cdd4cb6f 100644 --- a/public/StreamlinesMultipart.html +++ b/public/StreamlinesMultipart.html @@ -20,14 +20,14 @@ integrity="sha256-0rguYS0qgS6L4qVzANq4kjxPLtvnp5nn2nB5G1lWRv4=" crossorigin="anonymous"></script> <script src="https://cesium.com/downloads/cesiumjs/releases/1.69/Build/Cesium/Cesium.js"></script> <script src="https://d3js.org/d3-dsv.v1.min.js"></script> -<script src="https://d3js.org/d3-fetch.v1.min.js"></script> + <script src="https://d3js.org/d3-fetch.v1.min.js"></script> </head> <body> - + <header> <img src="imgs/icity.png" class="titleFigure"> @@ -39,26 +39,31 @@ <script src="polylineStreams.js"></script> <div id="cesiumContainer" class="pagecesium"> - <div id="legend"> - <!-- <p>Wind speed (m/s)</p> - <div class="inner"></div> - </div> --> - <table> - <tr style="height: 30px;vertical-align: top;"> - <td colspan="2">Wind speed (m/s) </td> - <td></td> - </tr> - <tr> - <td rowspan="1" style="height:100px;text-align:right;"><img src="imgs/colorbarJET.png" height="100" width="20"> </td> - <td>- 3.5<p style="margin-top: 78px;"><p> - 0</td> - </tr> - </table> + <div id="legend"> + <table> + <tr style="height: 30px;vertical-align: top;"> + <td colspan="2">Wind speed (m/s) </td> + <td></td> + </tr> + <tr> + <td rowspan="1" style="height:100px;text-align:right;"><img src="imgs/colorbarJET.png" height="100" + width="20"> </td> + <td>- 3.5<p style="margin-top: 78px;"> + <p> - 0 + </td> + </tr> + </table> + </div> </div> + + + + <footer> <p align="center"> - <h5>Copyright © 2018 - 2020, HFT-Stuttgart. All rights reserved</h5> + <h5>Copyright © 2018 - 2020, HFT-Stuttgart. All rights reserved</h5> </p> - + </footer> </body> diff --git a/public/css/index.css b/public/css/index.css index 162eb0b2b729de501b0a8597fdde725771b5c8a4..09074db619d8a3a930094e9f0c0fde63b3d04ceb 100644 --- a/public/css/index.css +++ b/public/css/index.css @@ -9,6 +9,8 @@ /* font: 1em "Fira Sans", sans-serif; */ } + + .mytab { display:inline-block; margin-left: 35px; diff --git a/public/css/main.css b/public/css/main.css index 1efbf44ef6c102151c67609583429c9093ba846f..226b12fd36a1e764125587ea27a6935e43ad93cf 100644 --- a/public/css/main.css +++ b/public/css/main.css @@ -52,6 +52,21 @@ body{ } + +a { + color: black; +} + +a:hover{ + color: white; +} + +a:visited { + color: black; + +} + + .myBtn { color: #fff; background-color: tomato; diff --git a/public/iStoeck.html b/public/iStoeck.html index fcdd633e86a680f31fc3de1c5fcf66ba50c885c4..6188397421a83031f62fc433a73c55544d736860 100644 --- a/public/iStoeck.html +++ b/public/iStoeck.html @@ -58,7 +58,6 @@ </body> -</body> </html> \ No newline at end of file diff --git a/public/iStoeckHM.html b/public/iStoeckHM.html index 16f4252622c1205a4c035cfa89a2228f3cde8534..6718e5cd646aa795a0d48759f64692767125ee34 100644 --- a/public/iStoeckHM.html +++ b/public/iStoeckHM.html @@ -50,6 +50,7 @@ <td>- 113006<p style="margin-top: 78px;"><p> - 112976</td> </tr> </table> + </div> </div> @@ -61,7 +62,7 @@ </body> -</body> + </html> \ No newline at end of file diff --git a/public/iStoeckHMGeoJSON.html b/public/iStoeckHMGeoJSON.html index 8a1fb710fa0ecc7e55606e41ce75223f43caf569..73ce81d15288633edc93417a17fc5b20ba9a05e3 100644 --- a/public/iStoeckHMGeoJSON.html +++ b/public/iStoeckHMGeoJSON.html @@ -50,6 +50,7 @@ <td>- 113006<p style="margin-top: 78px;"><p> - 112976</td> </tr> </table> + </div> </div> @@ -61,7 +62,7 @@ </body> -</body> + </html> \ No newline at end of file diff --git a/public/iStoeckHexgrid_2m.html b/public/iStoeckHexgrid_2m.html index 595430c58de8cb0a9e2ae2407f688d55a6f3d8e5..be387797f5ac16adc25c8d5d0eb3ac09fec382b8 100644 --- a/public/iStoeckHexgrid_2m.html +++ b/public/iStoeckHexgrid_2m.html @@ -44,6 +44,7 @@ <td>- 113006<p style="margin-top: 78px;"><p> - 112976</td> </tr> </table> + </div> <!-- <div id="legend"> <p>Pressure (Pa) <br> @@ -62,7 +63,4 @@ </body> -</body> - - </html> \ No newline at end of file diff --git a/public/iStoeckStreams.html b/public/iStoeckStreams.html index a1b8e58e75e84d61421719d5f0bad6d9e90319bb..05afbd9e75a9e32555ba9c5bc1f47d8c20b7fcce 100644 --- a/public/iStoeckStreams.html +++ b/public/iStoeckStreams.html @@ -48,6 +48,7 @@ </tr> </table> </div> +</div> <footer> <p align="center"> @@ -57,7 +58,7 @@ </body> -</body> + </html> \ No newline at end of file diff --git a/public/index.html b/public/index.html index 87675d27ecd0c0d232e4e9fc4f45326669848c97..31b56978f13699f82db73516e64a234077a45f70 100644 --- a/public/index.html +++ b/public/index.html @@ -40,7 +40,7 @@ <ul class="list-unstyled"> <!-- <li><a href="#" class="text-white">Follow on Twitter</a></li> --> <!-- <li><a href="#" class="text-white">Like on Facebook</a></li> --> - <li><a href="mailto:sven.schneider[at]hft-stuttgart.de" class="text-white">Email me</a></li> + <li><a href="mailto:sven.schneider[at]hft-stuttgart.de">Email me</a></li> </ul> </div> </div> diff --git a/public/polylineStreams.js b/public/polylineStreams.js index 1b3f9e447bb4107b79c724085981d83007aa0843..77468603e2d2d5e60c7df15f88a6af26ef431b81 100644 --- a/public/polylineStreams.js +++ b/public/polylineStreams.js @@ -160,7 +160,7 @@ d3.dsv(",", "results/polylines.csv").then(function(text) { positions: positions, width: 5.0, vertexFormat: Cesium.PolylineColorAppearance.VERTEX_FORMAT, - colors: colors, + colors: colors, colorsPerVertex: true, }), }), @@ -172,6 +172,24 @@ d3.dsv(",", "results/polylines.csv").then(function(text) { }) + // This adds a large arrow to the viewer. Works fine. for testing + + // var purpleArrow = viewer.entities.add({ + // name: "Purple straight arrow at height", + // polyline: { + // positions: Cesium.Cartesian3.fromDegreesArrayHeights([ + // 9.187290, 48.784567, 400, + // 9.195991, 48.790575, 400 + // ]), + // width: 50, + // arcType: Cesium.ArcType.NONE, + // material: new Cesium.PolylineArrowMaterialProperty( + // Cesium.Color.PURPLE + // ), + // }, + // }); + + // var f = new File([""], "results/singlePolyline.csv", {type: "text/plain", lastModified: Date()})