index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="generator" content="GitLab Pages">
    <title>EnSys-LE Dashboard</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">
  </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" >
          <img src="https://www.ewi.uni-koeln.de/cms/wp-content/themes/neothink-ewi-2020/css/img/logo-en.svg" class="hftlogo" width="300px" >
        </div>
      </div>
    </header>
    <div class="px-4 pt-5 my-5 text-center border-bottom">
      <h1 class="display-4 fw-bold">EnSys-LE Dashboard</h1>
      <div class="col-lg-6 mx-auto">
        <p class="lead mb-4">The application visualizes the simulation of renewable energy potentials as well as the heating and electricity demand of buildings in exemplary counties. It can be used by local stakeholders for various applications such as to access potential sites for renewable energy production or possible district heating systems.
        </p>
        <div class="d-grid gap-2 d-sm-flex justify-content-sm-center mb-5">
          <a href="Ilm-Kreis/index.html" type="button" class="btn btn-outline-secondary btn px-4">Ilm-Kreis</a>
          <a href="Dithmarschen/index.html" type="button" class="btn btn-outline-secondary btn px-4">Dithmarschen</a>
          <!-- <a href="" type="button" class="btn btn-outline-secondary btn px-4">Cologne</a> -->
          <a href="Ludwigsburg/index.html" type="button" class="btn btn-outline-secondary btn px-4">Ludwigsburg</a>
        </div>
      </div>
      <div class="overflow-hidden" style="max-height: 30vh;">
        <div class="container px-5">
          <img src="https://ugl.hft-stuttgart.de/imgs/thumbnails/ensysle.jpg" class="img-fluid border rounded-3 shadow-lg mb-4" alt="Example image" width="700" height="500" loading="lazy">
        </div>
      </div>
    </div>
    <div class="container mt-4 mb-2">
      <h3>About Us</h3>
      EnSys-Le is the joint project between HFT Stuttgart with EWI Köln analyses local energy markets as a link
      between regional and central energy system transformation. The sub-project of the HFT Stuttgart is
      concerned with the model-based analysis of regional power generation systems based on the simulation
      platform SimStadt. EnSys-LE addresses the question of how local and national energy systems behave
      in relation to each other. For four representative districts in Germany, the potential for renewable
      energies is investigated and how it compares to the national targets for renewable energies.
      <a href="https://www.hft-stuttgart.com/research/projects/current/ensys-le">Read more ...</a>

      <div id="guide" style="display: none;">
        <h3 class="mt-4 mb-2">EnSys-LE Dashboard Guide</h3>
        <img src="img/guide.jpg" alt="" class="img-fluid border rounded-3 shadow-lg mb-4" width="700">
      </div>

      <h3 class="mt-4 mb-2">Our Analysis Model</h3>
        <li><a href="https://insel.eu/en/home_en.html">INSEL</a></li>
        <li><a href="https://simstadt.hft-stuttgart.de/">SimStadt</a></li>
        <li><a href="https://re.jrc.ec.europa.eu/pvg_tools/en/tools.html">PV GIS</a></li>

      <!-- <img src="img/workflow.png" alt="" class="img-fluid border rounded-3 shadow-lg mb-4" width="700"> -->


    </div>
    <div class="content" style="display:none">
        <h1 id='projectname' ></h1> <!--Projektname kommt aus settings.js, hier nichts einfügen-->
        <h1>EnSysLE</h1>
        <h2>Application Viewer</h2>
    </div>

    <footer class="footer mt-auto py-3">
      <div class="container d-flex justify-content-between">
        <img src='https://transfer.hft-stuttgart.de/img/footer/Innovative_Hochschule_Initiative_BMBF_GWK_RGB.png' alt='Innovative Hochschule' style='height:90px'/>
        <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> 
          Contact Person: </span><a href="https://www.hft-stuttgart.de/p/thunyathep-santhanavanich" target="_blank">Joe Thunyathep S.</a></p>
        </div>
      </div>
    </footer>
  <!-- KEINE ÄNDERUNGEN NACH DIESER ZEILE -->  
  <script src="settings.js"> </script>
  </body>
</html>