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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
  <main role="main">
    <section class="jumbotron text-center" style="padding-top: 96px">
      <div class="container">
        <!-- <h1>A platform for urban CFD</h1> -->
        <img src="imgs/wind-solid.svg" class="windSVG" width="100px" alt="wind" />
        <h1>Urban Visualization Platform</h1>
        <p class="lead text-muted">
          On this platform an overview of different visualizations for a
          variety of (3D) data is provided.
        </p>

        <p>
          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
95
96
            <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
97
              Cities<br> Platform</a>     
98
                 -->
99
100
101
102
103
104
        </p>
        <p>
          <a href="http://icity.hft-stuttgart.de/" class="btn btn-secondary my-2 myBtn">iCity Project</a>
        </p>
      </div>
    </section>
105

106
    <!-- zeile 1 mit gallery -->
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
138
    <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
139
140
141
                </div>
              </div>
            </div>
142
          </div>
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
171
          <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
172
173
174
                </div>
              </div>
            </div>
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
204
          </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
205
206
207
208
209
210
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
211
    </div>
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
239
    <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
240
                </div>
241
                <!-- <small class="text-muted">9 mins</small> -->
Sven Schneider's avatar
Sven Schneider committed
242
243
              </div>
            </div>
244
          </div>
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
270
          <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
271
272
273
                </div>
              </div>
            </div>
274
          </div>
275

276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
          <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
300
                </div>
301
              </div>
Sven Schneider's avatar
Sven Schneider committed
302
303
304
            </div>
          </div>
        </div>
305
306
307
      </div>
    </div>
    <!--  END OF : <div class="album py-5 bg-light topDownPadding"> -->
308

309
    <!-- Zeile 3 mit Album  -->
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
336
    <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>
337
                </div>
338
                <!-- <small class="text-muted">9 mins</small> -->
339
              </div>
340
341
            </div>
          </div>
342

343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
          <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>
367
                </div>
368
                <!-- <small class="text-muted">9 mins</small> -->
369
              </div>
370
            </div>
371
372
          </div>

373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
          <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>
396
                </div>
397
                <!-- <small class="text-muted">9 mins</small> -->
398
              </div>
399
400
401
402
403
            </div>
          </div>
        </div>
      </div>
    </div>
404

405
    <!-- zeile 4 NEU mit gallery -->
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
432
    <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>
433
                </div>
434
                <!-- <small class="text-muted">9 mins</small> -->
435
              </div>
436
437
            </div>
          </div>
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
465
          <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>
466
            </div>
Sven Schneider's avatar
Sven Schneider committed
467
          </div>
468
469


470
471
472
        </div>
      </div>
    </div>
473

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

484
485
486
487
  <footer class="text-white footer-header-color">
    <div class="container">
      <p class="float-right">
        <a href="#">Back to top</a>
488
      </p>
489
490
491
492
493
494
495
496
497
498
499
500
      <p>
        urbanVIS is &copy; by Sven Schneider and colaborators at HFT
        Stuttgart, <span id="year"></span>.
      </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>
501

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

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

510
511
512
513
514
515
  <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
516

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

522
</html>