index.html 24.6 KB
Newer Older
Sven Schneider's avatar
Sven Schneider committed
1
2
<!DOCTYPE html>
<html>
3
4

<head>
5
6
7
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
  <meta name="description" content="" />
Sven Schneider's avatar
Sven Schneider committed
8
  <title>urbanVIS - i_city</title>
9
10
  <meta charset="utf-8" />
  <meta name="generator" content="GitLab Pages" />
11
  <!-- <title>Home</title> -->
Sven Schneider's avatar
Sven Schneider committed
12

13
  <!-- <link rel="stylesheet" href="style.css">     -->
Sven Schneider's avatar
Sven Schneider committed
14

15
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"
16
17
18
    integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous" />
  <link href="css/main.css" rel="stylesheet" />
  <link rel="icon" type="image/svg" href="imgs/wind-solid.svg" />
19
</head>
20

21
<body>
22
  <!-- <div id="topbar">
Sven Schneider's avatar
Sven Schneider committed
23
        <div id="menu" class="navbar"></div>
24
    </div> -->
25

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

30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
  <!-- ÄNDERUNGEN NUR NACH DIESER ZEILE -->

  <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>
            <p class="text-white">
              Explore different ways of visualizing 3D data such as
              Computational Fluid Dynamics (CFD) simulations in urban
              enviroments in your web-browser. Select a visualization scheme
              below and interactively explore the content. Visualizations are
              based on <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>
Sven Schneider's avatar
Sven Schneider committed
55
56
57
          </div>
        </div>
      </div>
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
    </div>
    <div class="navbar navbar-light shadow-lg footer-header-color">
      <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> -->
          <!-- <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/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>
        </a>
        <div id="UrbanVisTitle">urbanVIS</div>
        <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>
Sven Schneider's avatar
Sven Schneider committed
75
      </div>
76
77
    </div>
  </header>
78

79
  <main role="main">
Sven Schneider's avatar
Sven Schneider committed
80
    <section class="jumbotron text-center hftBackground" style="padding-top: 96px; border-radius: 0;">
81
82
83
      <div class="container">
        <!-- <h1>A platform for urban CFD</h1> -->
        <img src="imgs/wind-solid.svg" class="windSVG" width="100px" alt="wind" />
Sven Schneider's avatar
Sven Schneider committed
84
85
        <h1 style="font-weight: 800;">Urban Visualization Platform</h1>
        <p style="font-weight: 700;" class="lead">
86
          Visualizing urban data in 3D
87
88
        </p>

Sven Schneider's avatar
Sven Schneider committed
89
        <p style="font-weight: 500;">
90
91
92
93
          The examples shown here were mainly created during the iCity
          research projects at HFT Stuttgart (University of Applied Sciences
          Stuttgart).
          <!-- <p>
Sven Schneider's avatar
Sven Schneider committed
94
95
            <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
96
              Cities<br> Platform</a>     
97
                 -->
98
99
100
101
102
103
        </p>
        <p>
          <a href="http://icity.hft-stuttgart.de/" class="btn btn-secondary my-2 myBtn">iCity Project</a>
        </p>
      </div>
    </section>
104

105
    <!-- zeile 1 mit gallery -->
106

107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
    <div class="album py-5 bg-light topDownPadding">
      <div class="container">
        <div class="row">
          <div class="col-lg-4">
            <div class="card mb-4 shadow-lg extension">
              <h5>Wind in Stuttgart, Kernerviertel</h5>
              <!-- <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/Kirchturm_keine_Partikel.jpg" alt="" />
              <div class="card-body">
                <p class="card-text">
                  Visualisation of wind around three target buildings (red)
                  near a church with spire and surrounded by numerous building
                  layers (colors). The streamlines results from a
                  Computational Fluid Dynamic simulation of the air flow with
                  RANS (Reynold-Averaged Navier Stokes Equations) and the
                  k-omega SST Turbulence model.
                </p>
                <!-- <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="circularData.html" class="form-signin" method="GET">
                    <button type="submit" class="btn btn-sm btn-outline-secondary exploreBtn">
                      Explore
                    </button>
                  </form>
Sven Schneider's avatar
Sven Schneider committed
138
139
140
                </div>
              </div>
            </div>
141
          </div>
142

143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
          <div class="col-lg-4">
            <div class="card mb-4 shadow-lg extension">
              <h5>Wind in Stuttgart, Kernerviertel</h5>
              <!-- <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/Kirchturm_Partikel_1.jpg" alt="" />
              <div class="card-body">
                <p class="card-text">
                  Wind visualisation with particles around three target
                  buildings (red) near a church with spire and surrounded by
                  numerous building layers (colors). The streamlines results
                  from a Computational Fluid Dynamic simulation of the air
                  flow with RANS (Reynold-Averaged Navier Stokes Equations)
                  and the k-omega SST Turbulence model.
                </p>
                <!-- <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="Kirchturm1.html" class="form-signin" method="GET">
                    <button type="submit" class="btn btn-sm btn-outline-secondary exploreBtn">
                      Explore
                    </button>
                  </form>
Sven Schneider's avatar
Sven Schneider committed
171
172
173
                </div>
              </div>
            </div>
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
          </div>

          <div class="col-lg-4">
            <div class="card mb-4 shadow-lg extension">
              <h5>Wind in Stuttgart, Kernerviertel</h5>
              <!-- <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/Kirchturm_Partikel_2.jpg" alt="" />
              <div class="card-body">
                <p class="card-text">
                  Wind visualisation with particles around three target
                  buildings (red) near a church with spire and surrounded by
                  numerous building layers (colors). The streamlines results
                  from a Computational Fluid Dynamic simulation of the air
                  flow with RANS (Reynold-Averaged Navier Stokes Equations)
                  and the k-omega SST Turbulence model.
                </p>
                <!-- <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="Kirchturm2.html" class="form-signin" method="GET">
                    <button type="submit" class="btn btn-sm btn-outline-secondary exploreBtn">
                      Explore
                    </button>
                  </form>
Sven Schneider's avatar
Sven Schneider committed
204
205
206
207
208
209
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
210
    </div>
211

212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
    <div class="album py-5 bg-light topDownPadding">
      <div class="container">
        <div class="row">
          <div class="col-lg-4">
            <div class="card mb-4 shadow-lg extension">
              <h5>Pressure PointCloud (3D Tiles)</h5>
              <!-- <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.jpg" alt="" />
              <div class="card-body">
                <p class="card-text">
                  Wind pressure around a building block visualzied as a point
                  cloud. Color represents different pressure values according
                  to legend.
                </p>
              </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">
                    <button type="submit" class="btn btn-sm btn-outline-secondary exploreBtn">
                      Explore
                    </button>
                  </form>
Sven Schneider's avatar
Sven Schneider committed
239
                </div>
240
                <!-- <small class="text-muted">9 mins</small> -->
Sven Schneider's avatar
Sven Schneider committed
241
242
              </div>
            </div>
243
          </div>
244

245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
          <div class="col-lg-4">
            <div class="card mb-4 shadow-lg extension">
              <h5>Streamlines with particles</h5>
              <!-- <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_particles.jpg" alt="" />
              <div class="card-body">
                <p class="card-text">
                  Multipart streamlines with vertex coloring showing also
                  particles moving along the streamslines in order to give a
                  better impression of the wind field.
                </p>
                <!-- <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="StreamlineParticles.html" class="form-signin" method="GET">
                    <button type="submit" class="btn btn-sm btn-outline-secondary exploreBtn">
                      Explore
                    </button>
                  </form>
Sven Schneider's avatar
Sven Schneider committed
270
271
272
                </div>
              </div>
            </div>
273
          </div>
274

275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
          <div class="col-lg-4">
            <div class="card mb-4 shadow-lg extension">
              <h5>Multi-Color/Part Streamlines</h5>
              <!-- <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.jpg" alt="" />
              <div class="card-body">
                <p class="card-text">
                  Wind speed around a building block visualzied using Cesium
                  multicolor multi-part lines primitives. Color represents
                  different wind speeds, values according to legend.
                </p>
              </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">
                    <button type="submit" class="btn btn-sm btn-outline-secondary exploreBtn">
                      Explore
                    </button>
                  </form>
Sven Schneider's avatar
Sven Schneider committed
299
                </div>
300
              </div>
Sven Schneider's avatar
Sven Schneider committed
301
302
303
            </div>
          </div>
        </div>
304
305
306
      </div>
    </div>
    <!--  END OF : <div class="album py-5 bg-light topDownPadding"> -->
307

308
    <!-- Zeile 3 mit Album  -->
309

310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
    <div class="album py-5 bg-light topDownPadding">
      <div class="container">
        <div class="row">
          <div class="col-lg-4">
            <div class="card mb-4 shadow-lg extension">
              <h5>Hexgrid GeoJSON (5m)</h5>
              <!-- <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.jpg" alt="" />
              <div class="card-body">
                <p class="card-text">
                  Wind pressure at roof top height, Hexgrid (hexagon width 5m)
                  is clamped to ground and buildings.
                </p>
              </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 exploreBtn">
                      Explore
                    </button>
                  </form>
336
                </div>
337
                <!-- <small class="text-muted">9 mins</small> -->
338
              </div>
339
340
            </div>
          </div>
341

342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
          <div class="col-lg-4">
            <div class="card mb-4 shadow-lg extension">
              <h5>Streamlines (3D Tiles)</h5>
              <!-- <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.jpg" alt="" />
              <div class="card-body">
                <p class="card-text">
                  Streamlines showing wind flow over and around a building
                  block and parts of Stoeckach. Wind speed is encoded as color
                  information as of the legend.
                </p>
              </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">
                    <button type="submit" class="btn btn-sm btn-outline-secondary exploreBtn">
                      Explore
                    </button>
                  </form>
366
                </div>
367
                <!-- <small class="text-muted">9 mins</small> -->
368
              </div>
369
            </div>
370
371
          </div>

372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
          <div class="col-lg-4">
            <div class="card mb-4 shadow-lg extension">
              <h5>Hexgrid 3D Tiles (2m)</h5>
              <!-- <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/HexGrid2m_PressureMean3DTiles.jpg" alt="" />
              <div class="card-body">
                <p class="card-text">
                  Wind pressure at roof top height, shown as a floating 3D
                  Tiles Hexgrid (hexagon width 2m).
                </p>
              </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">
                    <button type="submit" class="btn btn-sm btn-outline-secondary exploreBtn">
                      Explore
                    </button>
                  </form>
395
                </div>
396
                <!-- <small class="text-muted">9 mins</small> -->
397
              </div>
398
399
400
401
402
            </div>
          </div>
        </div>
      </div>
    </div>
403

404
    <!-- zeile 4 NEU mit gallery -->
405

406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
    <div class="album py-5 bg-light topDownPadding">
      <div class="container">
        <div class="row">
          <div class="col-lg-4">
            <div class="card mb-4 shadow-lg extension">
              <h5>Hexgrid 3D Tiles (15m)</h5>
              <!-- <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/HexGrid15m.jpg" alt="" />
              <div class="card-body">
                <p class="card-text">
                  Wind pressure at roof top height, shown as a floating 3D
                  Tiles hexgrid (hexagon width 15m).
                </p>
              </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 exploreBtn">
                      Explore
                    </button>
                  </form>
432
                </div>
433
                <!-- <small class="text-muted">9 mins</small> -->
434
              </div>
435
436
            </div>
          </div>
437

438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
          <div class="col-lg-4">
            <div class="card mb-4 shadow-lg extension">
              <h5>WindowDetection on Buildings</h5>
              <!-- <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.jpg" alt="" />
              <div class="card-body">
                <p class="card-text">
                  Showing results from automatic window detection from LiDaR
                  point clouds. Results are shown on top of 3D building models
                  and the original point cloud.
                </p>
                <!-- <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 exploreBtn">
                      Explore
                    </button>
                  </form>
                </div>
              </div>
465
            </div>
Sven Schneider's avatar
Sven Schneider committed
466
          </div>
467
468


469
470
471
        </div>
      </div>
    </div>
472

473
    <!-- <br>
Sven Schneider's avatar
Sven Schneider committed
474
475
476
477
478
479
480
      <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> -->
481
  </main>
482

483
484
485
486
  <footer class="text-white footer-header-color">
    <div class="container">
      <p class="float-right">
        <a href="#">Back to top</a>
487
      </p>
488
489
      <p>
        urbanVIS is &copy; by Sven Schneider and colaborators at HFT
Sven Schneider's avatar
Sven Schneider committed
490
        Stuttgart, 2017 - <span id="year"></span>.
491
492
493
494
495
496
497
498
499
      </p>
    </div>
    <div class="container">
      <p>
        <a href="https://www.hft-stuttgart.de/impressum" target="_blank" style="padding-right: 10px">Impressum</a>
        <a href="https://www.hft-stuttgart.de/datenschutz" target="_blank">Datenschutz</a>
      </p>
    </div>
  </footer>
500

501
502
503
504
  <script>
    var year = new Date().getFullYear();
    document.getElementById("year").innerHTML = year;
  </script>
505

506
507
  <!-- KEINE ÄNDERUNGEN NACH DIESER ZEILE -->
  <script src="settings.js"></script>
Sven Schneider's avatar
Sven Schneider committed
508

509
510
511
512
513
514
  <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>
Sven Schneider's avatar
Sven Schneider committed
515

516
517
518
519
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"
    integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI"
    crossorigin="anonymous"></script>
</body>
520

521
</html>