diff --git a/public/index.html b/public/index.html index 8af42bfe1531ee48f4d9e846584d8a932876388e..875a4866a7eeb284d8320026481a34d9eef4a7b7 100644 --- a/public/index.html +++ b/public/index.html @@ -2,9 +2,9 @@ <html> <head> <meta charset="utf-8"> - <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> - <meta name="description" content=""> - <title>urbanVIS - i_city</title> + <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> + <meta name="description" content=""> + <title>GeoVisuallisierung WS 20/21</title> <meta charset="utf-8"> <meta name="generator" content="GitLab Pages"> <!-- <title>Home</title> --> @@ -30,17 +30,15 @@ <div class="container"> <div class="row"> <div class="col-sm-8 col-md-7 py-4"> - <h4 class="text-white">About</h4> - <p class="text-white">Explore different ways of visualizing 3D data such as Computational Fluid Dynamics (CFD) simulations - in urban enviroments in your web-browswer. Select a visualization scheme below and interactively explore - the content using the <a href="https://cesium.com/cesiumjs/">CesiumJS</a> .</p> + <h4 class="text-white">Kurzbeschreibung</h4> + <p class="text-white">Projektpräsentation der Vorlesung GeoVisualisierung von Prof. Dr. Volker Coors der Studierenden des 3. Semesters Informationslogistik und des 5./6. Semesters Informatik vom WS 20/21. </p> </div> <div class="col-sm-4 offset-md-1 py-4"> <h4 class="text-white">Contact</h4> <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">Email me</a></li> + <li><a href="mailto:habiburrahman.dastageeri[at]hft-stuttgart.de">Email me</a></li> </ul> </div> </div> @@ -91,6 +89,9 @@ </div> </section> + + + <!-- 1 Zeile --> <div class="album py-5 bg-light topDownPadding"> <div class="container"> @@ -153,120 +154,10 @@ </div> </div> - - - <div class="album py-5 bg-light topDownPadding"> - <div class="container"> - - <div class="row"> - <div class="col-md-4"> - <div class="card mb-4 shadow-sm extension"> - <h5>Pressure PointCloud (3D Tiles)</h5> - <!-- <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg> --> - <img class="thumbimg" src="imgs/thumbnails/PointCloud.PNG" alt=""> - <div class="card-body"> - <p class="card-text">Wind pressure around a building block visualzied as a point cloud. Color represents different pressure values according to legend.</p> - </div> - <div class="d-flex justify-content-between align-items-center btnGroupDiv"> - <div class="btn-group"> - <form action="iStoeck.html" class="form-signin" method="GET"> - <button type="submit" class="btn btn-sm btn-outline-secondary">Explore</button> - </form> - </div> - <!-- <small class="text-muted">9 mins</small> --> - </div> - </div> - </div> - <div class="col-md-4"> - <div class="card mb-4 shadow-sm extension"> - <h5>Streamlines (3D Tiles)</h5> - <!-- <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg> --> - <img class="thumbimg" src="imgs/thumbnails/StreamLinesCesiumOverview.PNG" alt=""> - <div class="card-body"> - <p class="card-text">Streamlines showing wind flow over and around a building block and parts of Stoeckach. Wind speed is encoded as color information as of the legend.</p> - </div> - <div class="d-flex justify-content-between align-items-center btnGroupDiv"> - <div class="btn-group"> - <form action="iStoeckStreams.html" class="form-signin" method="GET"> - <button type="submit" class="btn btn-sm btn-outline-secondary">Explore</button> - </form> - </div> - <!-- <small class="text-muted">9 mins</small> --> - </div> - </div> - </div> - <div class="col-md-4"> - - <div class="card mb-4 shadow-sm extension"> - <h5>Multi-Color/Part Streamlines </h5> - <!-- <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg> --> - <img class="thumbimg" src="imgs/thumbnails/StreamlinesMultipart.PNG" alt=""> - <div class="card-body"> - <p class="card-text">Wind speed around a building block visualzied using Cesium multicolor multi-part lines primitives. Color represents different wind speeds, values according to legend.</p> - </div> - <div class="d-flex justify-content-between align-items-center btnGroupDiv"> - <div class="btn-group"> - <form action="StreamlinesMultipart.html" class="form-signin" method="GET"> - <button type="submit" class="btn btn-sm btn-outline-secondary">Explore</button> - </form> - </div> - </div> - - - </div> - </div> - </div> - </div> - - <!-- Zeile 3 mit Album --> - - <div class="album py-5 bg-light topDownPadding"> - <div class="container"> - - <div class="row"> - <div class="col-md-4"> - <div class="card mb-4 shadow-sm extension"> - <h5>WindowDetection on Buildings</h5> - <!-- <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg> --> - <img class="thumbimg" src="imgs/thumbnails/EssenPC.PNG" alt=""> - <div class="card-body"> - <p class="card-text">Showing results from automatic window detection from LiDaR point clouds. Results are shown on top of 3D building models and the original point cloud. </p> - <!-- <small class="text-muted">9 mins</small> --> - </div> - <div class="d-flex justify-content-between align-items-center btnGroupDiv"> - <div class="btn-group"> - <form action="EssenPC.html" class="form-signin" method="GET"> - <button type="submit" class="btn btn-sm btn-outline-secondary ">Explore</button> - </form> - </div> - </div> - </div> - </div> - <div class="col-md-4"> - <div class="card mb-4 shadow-sm extension"> - <h5>Under construction</h5> - <!-- <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg> --> - <img class="thumbimg" src="imgs/thumbnails/StreamlinesMultipart.PNG" alt=""> - <div class="card-body"> - <p class="card-text">Under construction</p> - <!-- <small class="text-muted">9 mins</small> --> - </div> - <div class="d-flex justify-content-between align-items-center btnGroupDiv"> - <div class="btn-group"> - <form action="circularData.html" class="form-signin" method="GET"> - <button type="submit" class="btn btn-sm btn-outline-secondary ">Explore</button> - </form> - </div> - </div> - </div> - </div> - </div> - </div> - </div> <!-- <br> @@ -285,7 +176,7 @@ <p class="float-right"> <a href="#">Back to top</a> </p> - <p>urbanVIS is © by Sven Schneider and colaborators at HFT Stuttgart, 2020.</p> + <p>© by HFT Stuttgart, 2021.</p> </div> </footer>