diff --git a/public/css/main.css b/public/css/main.css index 04045d0b8f907f17ce51e483d570ac406368f36f..1efbf44ef6c102151c67609583429c9093ba846f 100644 --- a/public/css/main.css +++ b/public/css/main.css @@ -33,7 +33,7 @@ footer p { } body{ - background-color: thistle; + background-color: #cc3125;/* thistle; */ } .bd-placeholder-img { @@ -84,6 +84,12 @@ a.button { margin-right : 20px; } +.hftlogo{ + margin-right : 20px; + /* width: 100px; */ +} + + .extension{ padding: 20px 10px; min-height: 445px; diff --git a/public/index.html b/public/index.html index be95fa3dc337459b07669a0214ad5494b9734707..4a24748f631d331de0bb13a3f1766a9afc3c778c 100644 --- a/public/index.html +++ b/public/index.html @@ -9,16 +9,16 @@ <meta name="generator" content="GitLab Pages"> <!-- <title>Home</title> --> - <link rel="stylesheet" href="style.css"> + <!-- <link rel="stylesheet" href="style.css"> --> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous"> <link href="css/main.css" rel="stylesheet"> </head> <body> - <div id="topbar"> + <!-- <div id="topbar"> <div id="menu" class="navbar"></div> - </div> + </div> --> <div class="content"> <!-- <h1 id='projectname'></h1> <!--Projektname kommt aus settings.js, hier nichts einfügen --> @@ -31,7 +31,7 @@ <div class="row"> <div class="col-sm-8 col-md-7 py-4"> <h4 class="text-white">About</h4> - <p class="text-muted">Explore different ways of visualizing 3D data such as Computational Fluid Dynamics (CFD) simulations + <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> </div> @@ -46,12 +46,13 @@ </div> </div> </div> - <div class="navbar navbar-light shadow-sm" style="background-color: thistle;"> + <div class="navbar navbar-light shadow-sm" style="background-color: #cc3125;"> <div class="container d-flex justify-content-between"> <a href="#" class="navbar-brand d-flex align-items-center"> <!-- <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" aria-hidden="true" class="mr-2" viewBox="0 0 24 24" focusable="false"><path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"/><circle cx="12" cy="13" r="4"/></svg> --> - <!-- <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" aria-hidden="true" class="mr-2" viewBox="0 0 24 24" focusable="false"><path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"/><circle cx="12" cy="13" r="4"/></svg> --> - <img src="imgs/wind-solid.svg" class="windSVG" width="50px" alt="wind"> + <!-- <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" aria-hidden="true" class="mr-2" viewBox="0 0 24 24" focusable="false"><path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"/><circle cx="12" cy="13" r="4"/></svg> --> + <img src="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg" class="hftlogo" width="100px" alt="wind"> + <!-- <img src="imgs/wind-solid.svg" class="windSVG" width="50px" alt="wind"> --> <i class="fas fa-wind"></i> <!-- <strong>UrbanVIS</strong> --> <h1 id='projectname'></h1> @@ -69,8 +70,10 @@ <section class="jumbotron text-center"> <div class="container"> <!-- <h1>A platform for urban CFD</h1> --> + <img src="imgs/wind-solid.svg" class="windSVG" width="100px" alt="wind"> <h1>Urban Visualization Platform</h1> - <p class="lead text-muted"> On this platform an overview of different visualizations for a variety of (3D) data is provided.</p><br> + <p class="lead text-muted"> On this platform an overview of different visualizations for a variety of (3D) data is provided.</p> + <p>The examples shown here were created during different research projects at HFT Stuttgart (University of Applied Sciences Stuttgart). <!-- <p> @@ -255,12 +258,12 @@ </main> - <footer class="text-muted"> + <footer class="text-white"> <div class="container"> <p class="float-right"> <a href="#">Back to top</a> </p> - <p>UrbanCFD is © by Sven Schneider and colaborators at HFT Stuttgart, 2020.</p> + <p>urbanVIS is © by Sven Schneider and colaborators at HFT Stuttgart, 2020.</p> </div> </footer>