index.html 14 KB
Newer Older
Joe TS Dell's avatar
update  
Joe TS Dell committed
1
2
<!DOCTYPE html>
<html>
Joe TS Dell's avatar
update    
Joe TS Dell committed
3
4
5

<head>
  <meta charset="utf-8">
Joe TS Dell's avatar
update  
Joe TS Dell committed
6
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
Joe TS Dell's avatar
update    
Joe TS Dell committed
7
8
9
10
11
  <meta name="description" content="">
  <title>RGC Website</title>
  <meta charset="utf-8">
  <meta name="generator" content="GitLab Pages">
  <!-- <title>Home</title> -->
Joe TS Dell's avatar
update  
Joe TS Dell committed
12

Joe TS Dell's avatar
update    
Joe TS Dell committed
13
  <!-- <link rel="stylesheet" href="style.css">     -->
Joe TS Dell's avatar
update  
Joe TS Dell committed
14

Joe TS Dell's avatar
update    
Joe TS Dell committed
15
16
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"
    integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
Joe TS Dell's avatar
update  
Joe TS Dell committed
17
  <link href="css/main.css" rel="stylesheet">
Joe TS Dell's avatar
update    
Joe TS Dell committed
18
19
20
21
</head>

<body>
  <!-- <div id="topbar">
Joe TS Dell's avatar
update  
Joe TS Dell committed
22
23
        <div id="menu" class="navbar"></div>
    </div> -->
Joe TS Dell's avatar
update    
Joe TS Dell committed
24
25
26
27

  <div class="content">
    <!-- <h1 id='projectname'></h1> <!--Projektname kommt aus settings.js, hier nichts einfügen -->

Joe TS Dell's avatar
update  
Joe TS Dell committed
28
    <!-- ÄNDERUNGEN NUR NACH DIESER ZEILE -->
Joe TS Dell's avatar
update    
Joe TS Dell committed
29

Joe TS Dell's avatar
update  
Joe TS Dell committed
30
31
32
33
34
35
    <header>
      <div class="collapse navbar-light" id="navbarHeader">
        <div class="container">
          <div class="row">
            <div class="col-sm-8 col-md-7 py-4">
              <h4 class="text-white">About</h4>
Joe TS Dell's avatar
update    
Joe TS Dell committed
36
37
              <p class="text-white">Explore different ways of visualizing 3D data such as Computational Fluid Dynamics
                (CFD) simulations
Joe TS Dell's avatar
update  
Joe TS Dell committed
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
                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>
            <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>
              </ul>
            </div>
          </div>
        </div>
      </div>
      <div class="navbar navbar-light shadow-sm" style="background-color: #cc3125;">
        <div class="container d-flex justify-content-between">
          <a href="https://www.hft-stuttgart.de" 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> -->
Joe TS Dell's avatar
update    
Joe TS Dell committed
56
57
58
            <!-- <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">
Joe TS Dell's avatar
update  
Joe TS Dell committed
59
60
61
            <!-- <img src="imgs/wind-solid.svg" class="windSVG" width="50px" alt="wind"> -->
            <i class="fas fa-wind"></i>
            <!-- <strong>UrbanVIS</strong> -->
Joe TS Dell's avatar
update    
Joe TS Dell committed
62
            <h1 id='projectname'></h1>
Joe TS Dell's avatar
update  
Joe TS Dell committed
63
64
65
66
67
68
69
70
          </a>
          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarHeader"
            aria-controls="navbarHeader" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
          </button>
        </div>
      </div>
    </header>
Joe TS Dell's avatar
update    
Joe TS Dell committed
71

Joe TS Dell's avatar
update  
Joe TS Dell committed
72
    <main role="main">
Joe TS Dell's avatar
update    
Joe TS Dell committed
73

Joe TS Dell's avatar
update  
Joe TS Dell committed
74
75
76
77
      <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">
Joe TS Dell's avatar
update    
Joe TS Dell committed
78
79
80
81
82
          <h1>Urban Analytics Research Group (... Our group name here)</h1>
          <p class="lead text-muted"> A research group ....</p>

          <p>The research projects at HFT Stuttgart (University of Applied Sciences Stuttgart).
            <!-- <p>
Joe TS Dell's avatar
update  
Joe TS Dell committed
83
84
85
86
87
88
89
90
            <a href="https://www.hft-stuttgart.de/forschung/i-city" class="btn btn-primary my-2 myBtn">iCity Project <br> at HFT</a>
            <a href="http://icity.hft-stuttgart.de/hftsmartplatform/" class="btn btn-primary my-2 myBtn">iCity Smart
              Cities<br> Platform</a>       
              
          </p> -->

        </div>
      </section>
Joe TS Dell's avatar
update    
Joe TS Dell committed
91

Joe TS Dell's avatar
update  
Joe TS Dell committed
92
93
94
95
96
      <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">
Joe TS Dell's avatar
update    
Joe TS Dell committed
97
                <h5>Project 1</h5>
Joe TS Dell's avatar
update  
Joe TS Dell committed
98
99
                <img class="thumbimg" src="imgs/thumbnails/HexGrid15m.PNG" alt="">
                <div class="card-body">
Joe TS Dell's avatar
update    
Joe TS Dell committed
100
                  <p class="card-text">... description ...</p>
Joe TS Dell's avatar
update  
Joe TS Dell committed
101
102
103
104
105
                </div>
                <div class="d-flex justify-content-between align-items-center btnGroupDiv">
                  <div class="btn-group">
                    <form action="iStoeckHM.html" class="form-signin" method="GET">
                      <button type="submit" class="btn btn-sm btn-outline-secondary">Explore</button>
Joe TS Dell's avatar
update    
Joe TS Dell committed
106
                    </form>
Joe TS Dell's avatar
update  
Joe TS Dell committed
107
108
109
110
111
112
113
                  </div>
                  <!-- <small class="text-muted">9 mins</small> -->
                </div>
              </div>
            </div>
            <div class="col-md-4">
              <div class="card mb-4 shadow-sm extension">
Joe TS Dell's avatar
update    
Joe TS Dell committed
114
                <h5>Project 2</h5>
Joe TS Dell's avatar
update  
Joe TS Dell committed
115
116
                <img class="thumbimg" src="imgs/thumbnails/HexGrid2m_PressureMean3DTiles.PNG" alt="">
                <div class="card-body">
Joe TS Dell's avatar
update    
Joe TS Dell committed
117
                  <p class="card-text">... description ...</p>
Joe TS Dell's avatar
update  
Joe TS Dell committed
118
119
120
121
                </div>
                <div class="d-flex justify-content-between align-items-center btnGroupDiv">
                  <div class="btn-group">
                    <form action="iStoeckHexgrid_2m.html" class="form-signin" method="GET">
Joe TS Dell's avatar
update    
Joe TS Dell committed
122
123
                      <button type="submit" class="btn btn-sm btn-outline-secondary">Explore</button>
                    </form>
Joe TS Dell's avatar
update  
Joe TS Dell committed
124
125
126
127
128
129
130
                  </div>
                  <!-- <small class="text-muted">9 mins</small> -->
                </div>
              </div>
            </div>
            <div class="col-md-4">
              <div class="card mb-4 shadow-sm extension">
Joe TS Dell's avatar
update    
Joe TS Dell committed
131
                <h5>Project 3</h5>
Joe TS Dell's avatar
update  
Joe TS Dell committed
132
133
134
                <!-- <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/HexGrid5m_PressureMeanGeoJSON.PNG" alt="">
                <div class="card-body">
Joe TS Dell's avatar
update    
Joe TS Dell committed
135
                  <p class="card-text">... description ...</p>
Joe TS Dell's avatar
update  
Joe TS Dell committed
136
137
138
139
140
141
142
143
144
145
146
147
148
149
                </div>
                <div class="d-flex justify-content-between align-items-center btnGroupDiv">
                  <div class="btn-group">
                    <form action="iStoeckHMGeoJSON.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>
        </div>
      </div>
Joe TS Dell's avatar
update    
Joe TS Dell committed
150
151
152



Joe TS Dell's avatar
update  
Joe TS Dell committed
153
154
      <div class="album py-5 bg-light topDownPadding">
        <div class="container">
Joe TS Dell's avatar
update    
Joe TS Dell committed
155

Joe TS Dell's avatar
update  
Joe TS Dell committed
156
157
158
          <div class="row">
            <div class="col-md-4">
              <div class="card mb-4 shadow-sm extension">
Joe TS Dell's avatar
update    
Joe TS Dell committed
159
                <h5>Project 4</h5>
Joe TS Dell's avatar
update  
Joe TS Dell committed
160
161
162
                <!-- <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">
Joe TS Dell's avatar
update    
Joe TS Dell committed
163
                  <p class="card-text">... description ...</p>
Joe TS Dell's avatar
update  
Joe TS Dell committed
164
165
166
167
                </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">
Joe TS Dell's avatar
update    
Joe TS Dell committed
168
169
                      <button type="submit" class="btn btn-sm btn-outline-secondary">Explore</button>
                    </form>
Joe TS Dell's avatar
update  
Joe TS Dell committed
170
171
172
173
174
175
176
                  </div>
                  <!-- <small class="text-muted">9 mins</small> -->
                </div>
              </div>
            </div>
            <div class="col-md-4">
              <div class="card mb-4 shadow-sm extension">
Joe TS Dell's avatar
update    
Joe TS Dell committed
177
                <h5>Project 5</h5>
Joe TS Dell's avatar
update  
Joe TS Dell committed
178
179
180
                <!-- <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">
Joe TS Dell's avatar
update    
Joe TS Dell committed
181
                  <p class="card-text">... description ...</p>
Joe TS Dell's avatar
update  
Joe TS Dell committed
182
183
184
185
                </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">
Joe TS Dell's avatar
update    
Joe TS Dell committed
186
187
                      <button type="submit" class="btn btn-sm btn-outline-secondary">Explore</button>
                    </form>
Joe TS Dell's avatar
update  
Joe TS Dell committed
188
189
190
191
192
193
                  </div>
                  <!-- <small class="text-muted">9 mins</small> -->
                </div>
              </div>
            </div>
            <div class="col-md-4">
Joe TS Dell's avatar
update    
Joe TS Dell committed
194

Joe TS Dell's avatar
update  
Joe TS Dell committed
195
              <div class="card mb-4 shadow-sm extension">
Joe TS Dell's avatar
update    
Joe TS Dell committed
196
                <h5>Project 6</h5>
Joe TS Dell's avatar
update  
Joe TS Dell committed
197
198
199
                <!-- <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">
Joe TS Dell's avatar
update    
Joe TS Dell committed
200
                  <p class="card-text">... description ...</p>
Joe TS Dell's avatar
update  
Joe TS Dell committed
201
202
203
204
                </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">
Joe TS Dell's avatar
update    
Joe TS Dell committed
205
206
207
                      <button type="submit" class="btn btn-sm btn-outline-secondary">Explore</button>
                    </form>
                  </div>
Joe TS Dell's avatar
update  
Joe TS Dell committed
208
                </div>
Joe TS Dell's avatar
update    
Joe TS Dell committed
209
210
211
212
213




              </div>
Joe TS Dell's avatar
update  
Joe TS Dell committed
214
215
216
            </div>
          </div>
        </div>
Joe TS Dell's avatar
update    
Joe TS Dell committed
217
218
219
220
221
222
223
224
225
226
227
228


        <!-- 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">
Joe TS Dell's avatar
update    
Joe TS Dell committed
229
                  <h5>Project 7</h5>
Joe TS Dell's avatar
update    
Joe TS Dell committed
230
231
232
                  <!-- <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">
Joe TS Dell's avatar
update    
Joe TS Dell committed
233
                    <p class="card-text">... description ...</p>
Joe TS Dell's avatar
update    
Joe TS Dell committed
234
235
236
237
238
239
240
241
                    <!-- <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>
Joe TS Dell's avatar
update  
Joe TS Dell committed
242
243
244
                  </div>
                </div>
              </div>
Joe TS Dell's avatar
update    
Joe TS Dell committed
245
            </div>
Joe TS Dell's avatar
update  
Joe TS Dell committed
246
247
          </div>
        </div>
Joe TS Dell's avatar
update    
Joe TS Dell committed
248
249
250


        <!-- <br>
Joe TS Dell's avatar
update  
Joe TS Dell committed
251
252
253
254
255
256
257
      <div class="d-flex justify-content-between align-items-center btnGroupDiv">
      <div class="btn-group">
        <form action="/debug" class="form-signin" method="GET">
          <button type="submit" class="btn btn-sm btn-outline-secondary ">DEBUG</button>
        </form>
      </div>
      </div> -->
Joe TS Dell's avatar
update    
Joe TS Dell committed
258

Joe TS Dell's avatar
update  
Joe TS Dell committed
259
    </main>
Joe TS Dell's avatar
update    
Joe TS Dell committed
260

Joe TS Dell's avatar
update  
Joe TS Dell committed
261
262
263
264
265
    <footer class="text-white">
      <div class="container">
        <p class="float-right">
          <a href="#">Back to top</a>
        </p>
Joe TS Dell's avatar
update    
Joe TS Dell committed
266
        <p>&copy; HFT Stuttgart, 2020.</p>
Joe TS Dell's avatar
update    
Joe TS Dell committed
267

Joe TS Dell's avatar
update  
Joe TS Dell committed
268
269
270
      </div>
    </footer>

Joe TS Dell's avatar
update    
Joe TS Dell committed
271
272

    <!-- KEINE ÄNDERUNGEN NACH DIESER ZEILE -->
Joe TS Dell's avatar
udpate    
Joe TS Dell committed
273
    <!-- <script src="settings.js"> </script> -->
Joe TS Dell's avatar
update    
Joe TS Dell committed
274
275
276
277
278
279
280

    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
      integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
      crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
      integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
      crossorigin="anonymous"></script>
Joe TS Dell's avatar
update  
Joe TS Dell committed
281
282


Joe TS Dell's avatar
update    
Joe TS Dell committed
283
284
285
286
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"
      integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI"
      crossorigin="anonymous"></script>
</body>
Joe TS Dell's avatar
update  
Joe TS Dell committed
287

Joe TS Dell's avatar
update    
Joe TS Dell committed
288
</html>