index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="generator" content="GitLab Pages">
    <title>IQG4iCity</title>
    <!-- <link rel="stylesheet" href="style.css"> -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
    <link rel="shortcut icon" href="favicon.ico" />

  </head>
  <body>
    <div id="topbar" style="display: none;">
        <div id="menu" class="navbar"></div>
    </div>
    <header>
      <div class="navbar navbar-light shadow-sm" style="background-color: #ffffff;">
        <div class="container d-flex justify-content-between">
          <img src="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/hft_logo_footer.svg" class="hftlogo" width="100px" >
        </div>
      </div>
    </header>
    <div class="px-4 pt-5 my-5 text-center border-bottom">
      <h1 class="display-4 fw-bold">Data Workflows</h1>
      <!-- <h2 class="text-muted">Digitization of Heating Networks for AI-based Operational Optimization</h2> -->
      
    </div>
    <div class="container mt-4 mb-2">
      <h3>Integration of GIS Data to the CityGML</h3>
      There are plenty of available GIS datasets available in e.g. Shapefile, GeoPackage, CSV. Those dataset can be used to enrich the existing CityGML 3D building models.
      <a class="btn btn-dark my-3" href="./fme/citygml_aggregator_joe_2022_04_08.fmw">Download FME workbench</a>
      
      <div class="text-center">
        <img src='./images/fme2.jpg' style='width: 100%;'/>
      </div>
    </div>
    <hr>
    <div class="container mt-4 mb-2">
      <h3>Conversion from 2D Building Footprint to LoD1-CityGML </h3>
      The 2D building footprint can be converted to the 3D building models in CityGML format. The height attribute is necessary as an input parameter to extrude each building. 
      <a class="btn btn-dark my-3" href="./fme/shp2CityGML_LoD1Bldg.fmw">Download FME workbench</a>

      <div class="text-center">
        <img src='./images/fme_shp2citygml.jpg' style='width: 100%;'/>
      </div>
    </div>

    <footer class="footer mt-auto py-3">
      <div class="container d-flex justify-content-between">
        <div class="mb-3 text-secondary">
          <p class="fs-sm mb-0"><span class="opacity-50 me-1">© All rights reserved. 2022 HFT Stuttgart <br> 
          <p class="fs-sm mb-0"><span class="opacity-50 me-1">Other projects from our team: <a href="https://ugl.hft-stuttgart.de/" target="_blank">UGL@HFT Stuttgart</a><br> 
          Contact Person: </span><a href="https://www.hft-stuttgart.de/p/thunyathep-santhanavanich" target="_blank">Joe Thunyathep S.</a>
        
        </p>
        </div>
      </div>
    </footer>
  </body>
</html>