index.html 4.68 KB
Newer Older
GitLab's avatar
GitLab committed
1
2
3
4
5
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="generator" content="GitLab Pages">
JOE XMG's avatar
JOE XMG committed
6
    <title>EnSys-LE Dashboard</title>
JOE XMG's avatar
up    
JOE XMG committed
7
8
    <!-- <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">
GitLab's avatar
GitLab committed
9
10
  </head>
  <body>
JOE XMG's avatar
up    
JOE XMG committed
11
    <div id="topbar" style="display: none;">
Wolfgang Knopki's avatar
Wolfgang Knopki committed
12
        <div id="menu" class="navbar"></div>
GitLab's avatar
GitLab committed
13
    </div>
JOE XMG's avatar
up    
JOE XMG committed
14
15
16
17
18
    <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" >
Wolfgang Knopki's avatar
Wolfgang Knopki committed
19
        </div>
JOE XMG's avatar
up    
JOE XMG committed
20
21
22
      </div>
    </header>
    <div class="px-4 pt-5 my-5 text-center border-bottom">
JOE XMG's avatar
JOE XMG committed
23
      <h1 class="display-4 fw-bold">EnSys-LE Dashboard</h1>
JOE XMG's avatar
up    
JOE XMG committed
24
      <div class="col-lg-6 mx-auto">
Joe T.S.'s avatar
Joe T.S. committed
25
26
        <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>
JOE XMG's avatar
up    
JOE XMG committed
27
        <div class="d-grid gap-2 d-sm-flex justify-content-sm-center mb-5">
JOE XMG's avatar
JOE XMG committed
28
          <a href="Ilm-Kreis/index.html" type="button" class="btn btn-outline-secondary btn px-4">Ilm-Kreis</a>
JOE XMG's avatar
up    
JOE XMG committed
29
30
31
32
33
34
35
          <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">
JOE XMG's avatar
up    
JOE XMG committed
36
          <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">
JOE XMG's avatar
up    
JOE XMG committed
37
38
39
40
41
42
43
44
45
46
47
48
49
50
        </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;">
JOE XMG's avatar
JOE XMG committed
51
        <h3 class="mt-4 mb-2">EnSys-LE Dashboard Guide</h3>
JOE XMG's avatar
up    
JOE XMG committed
52
53
54
55
56
57
58
59
60
        <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"> -->
Wolfgang Knopki's avatar
Wolfgang Knopki committed
61

JOE XMG's avatar
up    
JOE XMG committed
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79


    </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>
Wolfgang Knopki's avatar
Wolfgang Knopki committed
80
81
  <!-- KEINE ÄNDERUNGEN NACH DIESER ZEILE -->  
  <script src="settings.js"> </script>
GitLab's avatar
GitLab committed
82
83
84
  </body>
</html>