index.html 20 KB
Newer Older
GitLab's avatar
GitLab committed
1
2
3
4
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
hdastageeri's avatar
hdastageeri committed
5
6
7
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">    
    <title>GeoVisuallisierung WS 20/21</title>
8
9
    <meta charset="utf-8">
    <meta name="generator" content="GitLab Pages">
10
11
    <!-- <title>Home</title> -->
    <!-- <link rel="stylesheet" href="style.css">     -->
12
13
14
15
16
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"
  integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
  <link href="css/main.css" rel="stylesheet">
  </head>
  <body>
17
18
19
20
21
    <!-- <div id="topbar">
        <div id="menu" class="navbar"></div>
    </div> -->
    <div class="content">
       <!-- <h1 id='projectname'></h1> <!--Projektname kommt aus settings.js, hier nichts einfügen -->
22
23
24
25
26
    <header>
      <div class="collapse navbar-light" id="navbarHeader">
        <div class="container">
          <div class="row">
            <div class="col-sm-8 col-md-7 py-4">
hdastageeri's avatar
hdastageeri committed
27
28
              <h4 class="text-white">Kurzbeschreibung</h4>
              <p class="text-white">Projektpräsentation der Vorlesung GeoVisualisierung von Prof. Dr. Volker Coors der Studierenden des 3. Semesters Informationslogistik und des 5./6. Semesters Informatik vom WS 20/21. </p>                
29
30
31
32
33
34
            </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> -->
hdastageeri's avatar
hdastageeri committed
35
                <li><a href="mailto:habiburrahman.dastageeri@hft-stuttgart.de">Email me</a></li>
36
37
38
              </ul>
            </div>
          </div>
Wolfgang Knopki's avatar
Wolfgang Knopki committed
39
        </div>
40
41
42
43
44
45
46
47
48
49
50
51
      </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> -->
            <!-- <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">
            <!-- <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>
hdastageeri's avatar
hdastageeri committed
52
          <div id="UrbanVisTitle"> GeoVisualisierung</div> 
53
54
55
56
57
58
59
60
61
62
63
          <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>
    <main role="main">
      <section class="jumbotron text-center">
        <div class="container">
          <!-- <h1>A platform for urban CFD</h1> -->
hdastageeri's avatar
hdastageeri committed
64
          <!-- <img src="imgs/wind-solid.svg" class="windSVG" width="100px" alt="wind"> -->
hdastageeri's avatar
hdastageeri committed
65
          <h1>Abschlussarbeiten GeoVisualisierung</h1>
hdastageeri's avatar
hdastageeri committed
66
          <p class="lead text-muted">Hier finden Sie eine Auswahl der Abschlussarbeiten zur Vorlesung GeoVisualisierung vom WS 20/21.</p> 
hdastageeri's avatar
hdastageeri committed
67
          <p>Die Vorlesung GeoVisualisierung findet im Rahmen der Studiengänge Informationslogistik und Informatik bei Prof. Dr. Volker Coors an der Hochschule für Technik Stuttgart statt. 
68
69
70
          <!-- <p>
            <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
hdastageeri's avatar
hdastageeri committed
71
              Cities<br> Platform</a>         
72
          </p> -->
hdastageeri's avatar
hdastageeri committed
73
          <!-- falls Button zukünftig benötigt wird 
74
75
76
          <p>
            <a href="publications.html" class="btn btn-secondary my-2 myBtn">iCity Publications</a>
          </p>
hdastageeri's avatar
hdastageeri committed
77
          -->
78
79
        </div>
      </section>
80
  
hdastageeri's avatar
hdastageeri committed
81
82


hdastageeri's avatar
hdastageeri committed
83

hdastageeri's avatar
hdastageeri committed
84
85

  <!-- 1. ZEILE DER PROJEKTÜBERSICHT -->
86
      <div class="album py-5 bg-light topDownPadding">
87
88
        <div class="container">
          <div class="row">
hdastageeri's avatar
hdastageeri committed
89
90

            <!-- BEISPIEL 1 -->
91
92
            <div class="col-md-4">
              <div class="card mb-4 shadow-sm extension">
hdastageeri's avatar
hdastageeri committed
93
                <h5>Titel Beispielprojekt</h5>
94
                <!-- <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> -->
hdastageeri's avatar
hdastageeri committed
95
                <!-- BITTE QUELLCODE UND BILDER JEWEILS IN EINEM EIGENEN PROJEKTORDNER ABLEGEN -->
hdastageeri's avatar
hdastageeri committed
96
                <img class="thumbimg" src="beispielprojekt/imgs/thumbnails/hft_beispielbild.jpg" alt="">
97
                <div class="card-body">
hdastageeri's avatar
hdastageeri committed
98
                  <p class="card-text">Beschreibungstext hier einfügen...</p>                
99
100
101
                </div>
                <div class="d-flex justify-content-between align-items-center btnGroupDiv">
                  <div class="btn-group">
hdastageeri's avatar
hdastageeri committed
102
                    <form action="beispielprojekt/src/beispiel.html" class="form-signin" method="GET">
hdastageeri's avatar
hdastageeri committed
103
                      <button type="submit" class="btn btn-sm btn-outline-secondary">Details</button>
104
105
106
107
108
109
                    </form>                   
                  </div>
                  <!-- <small class="text-muted">9 mins</small> -->
                </div>
              </div>
            </div>
hdastageeri's avatar
hdastageeri committed
110

hdastageeri's avatar
hdastageeri committed
111
112
113
<!-- ------------------------------------------------------------------------------------------------------------------------------- -->
<!-- ÄNDERUNGEN NUR AB HIER VORNEHMEN -->

hdastageeri's avatar
hdastageeri committed
114
            <!-- BITTE HIER BEISPIELDATEN DURCH IHRE DATEN ERSETZEN -->
hdastageeri's avatar
hdastageeri committed
115
            <div class="col-md-4">
116
              <div class="card mb-4 shadow-sm extension">
hdastageeri's avatar
hdastageeri committed
117
                <h5>Titel Beispielprojekt</h5>
118
                <!-- <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> -->
hdastageeri's avatar
hdastageeri committed
119
120
                <!-- BITTE QUELLCODE UND BILDER JEWEILS IN EINEM EIGENEN PROJEKTORDNER ABLEGEN -->
                <img class="thumbimg" src="beispielprojekt/imgs/thumbnails/hft_beispielbild.jpg" alt="">
121
                <div class="card-body">
hdastageeri's avatar
hdastageeri committed
122
                  <p class="card-text">Beschreibungstext hier einfügen...</p>                
123
124
125
                </div>
                <div class="d-flex justify-content-between align-items-center btnGroupDiv">
                  <div class="btn-group">
hdastageeri's avatar
hdastageeri committed
126
127
128
                    <form action="beispielprojekt/src/beispiel.html" class="form-signin" method="GET">
                      <button type="submit" class="btn btn-sm btn-outline-secondary">Details</button>
                    </form>                   
129
130
131
132
133
                  </div>
                  <!-- <small class="text-muted">9 mins</small> -->
                </div>
              </div>
            </div>
hdastageeri's avatar
hdastageeri committed
134
135
136


            <!-- BITTE HIER BEISPIELDATEN DURCH IHRE DATEN ERSETZEN -->
hdastageeri's avatar
hdastageeri committed
137
  <div class="col-md-4">
138
              <div class="card mb-4 shadow-sm extension">
hdastageeri's avatar
hdastageeri committed
139
                <h5>Titel Beispielprojekt</h5>
140
                <!-- <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> -->
hdastageeri's avatar
hdastageeri committed
141
142
                <!-- BITTE QUELLCODE UND BILDER JEWEILS IN EINEM EIGENEN PROJEKTORDNER ABLEGEN -->
                <img class="thumbimg" src="beispielprojekt/imgs/thumbnails/hft_beispielbild.jpg" alt="">
143
                <div class="card-body">
hdastageeri's avatar
hdastageeri committed
144
                  <p class="card-text">Beschreibungstext hier einfügen...</p>                
145
146
147
                </div>
                <div class="d-flex justify-content-between align-items-center btnGroupDiv">
                  <div class="btn-group">
hdastageeri's avatar
hdastageeri committed
148
149
150
                    <form action="beispielprojekt/src/beispiel.html" class="form-signin" method="GET">
                      <button type="submit" class="btn btn-sm btn-outline-secondary">Details</button>
                    </form>                   
151
152
153
154
155
                  </div>
                  <!-- <small class="text-muted">9 mins</small> -->
                </div>
              </div>
            </div>
hdastageeri's avatar
hdastageeri committed
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
  
  
   <!-- 2. ZEILE DER PROJEKTÜBERSICHT -->
      <div class="album py-5 bg-light topDownPadding">
        <div class="container">
          <div class="row">

            <!-- BITTE HIER BEISPIELDATEN DURCH IHRE DATEN ERSETZEN -->
            <div class="col-md-4">
              <div class="card mb-4 shadow-sm extension">
                <h5>Titel Beispielprojekt</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> -->
                <!-- BITTE QUELLCODE UND BILDER JEWEILS IN EINEM EIGENEN PROJEKTORDNER ABLEGEN -->
                <img class="thumbimg" src="beispielprojekt/imgs/thumbnails/hft_beispielbild.jpg" alt="">
                <div class="card-body">
                  <p class="card-text">Beschreibungstext hier einfügen...</p>                
                </div>
                <div class="d-flex justify-content-between align-items-center btnGroupDiv">
                  <div class="btn-group">
                    <form action="beispielprojekt/src/beispiel.html" class="form-signin" method="GET">
                      <button type="submit" class="btn btn-sm btn-outline-secondary">Details</button>
                    </form>                   
                  </div>
                  <!-- <small class="text-muted">9 mins</small> -->
                </div>
              </div>
            </div>
hdastageeri's avatar
hdastageeri committed
183
184


hdastageeri's avatar
hdastageeri committed
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
            <!-- BITTE HIER BEISPIELDATEN DURCH IHRE DATEN ERSETZEN -->
            <div class="col-md-4">
              <div class="card mb-4 shadow-sm extension">
                <h5>Titel Beispielprojekt</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> -->
                <!-- BITTE QUELLCODE UND BILDER JEWEILS IN EINEM EIGENEN PROJEKTORDNER ABLEGEN -->
                <img class="thumbimg" src="beispielprojekt/imgs/thumbnails/hft_beispielbild.jpg" alt="">
                <div class="card-body">
                  <p class="card-text">Beschreibungstext hier einfügen...</p>                
                </div>
                <div class="d-flex justify-content-between align-items-center btnGroupDiv">
                  <div class="btn-group">
                    <form action="beispielprojekt/src/beispiel.html" class="form-signin" method="GET">
                      <button type="submit" class="btn btn-sm btn-outline-secondary">Details</button>
                    </form>                   
                  </div>
                  <!-- <small class="text-muted">9 mins</small> -->
                </div>
              </div>
            </div>


            <!-- BITTE HIER BEISPIELDATEN DURCH IHRE DATEN ERSETZEN -->
  <div class="col-md-4">
              <div class="card mb-4 shadow-sm extension">
                <h5>Titel Beispielprojekt</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> -->
                <!-- BITTE QUELLCODE UND BILDER JEWEILS IN EINEM EIGENEN PROJEKTORDNER ABLEGEN -->
                <img class="thumbimg" src="beispielprojekt/imgs/thumbnails/hft_beispielbild.jpg" alt="">
                <div class="card-body">
                  <p class="card-text">Beschreibungstext hier einfügen...</p>                
                </div>
                <div class="d-flex justify-content-between align-items-center btnGroupDiv">
                  <div class="btn-group">
                    <form action="beispielprojekt/src/beispiel.html" class="form-signin" method="GET">
                      <button type="submit" class="btn btn-sm btn-outline-secondary">Details</button>
                    </form>                   
                  </div>
                  <!-- <small class="text-muted">9 mins</small> -->
                </div>
              </div>
            </div>

hdastageeri's avatar
hdastageeri committed
228
229
230
231
<!-- 3. ZEILE DER PROJEKTÜBERSICHT -->
      <div class="album py-5 bg-light topDownPadding">
        <div class="container">
          <div class="row">
hdastageeri's avatar
hdastageeri committed
232

hdastageeri's avatar
hdastageeri committed
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
            <!-- BITTE HIER BEISPIELDATEN DURCH IHRE DATEN ERSETZEN -->
            <div class="col-md-4">
              <div class="card mb-4 shadow-sm extension">
                <h5>Titel Beispielprojekt</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> -->
                <!-- BITTE QUELLCODE UND BILDER JEWEILS IN EINEM EIGENEN PROJEKTORDNER ABLEGEN -->
                <img class="thumbimg" src="beispielprojekt/imgs/thumbnails/hft_beispielbild.jpg" alt="">
                <div class="card-body">
                  <p class="card-text">Beschreibungstext hier einfügen...</p>                
                </div>
                <div class="d-flex justify-content-between align-items-center btnGroupDiv">
                  <div class="btn-group">
                    <form action="beispielprojekt/src/beispiel.html" class="form-signin" method="GET">
                      <button type="submit" class="btn btn-sm btn-outline-secondary">Details</button>
                    </form>                   
                  </div>
                  <!-- <small class="text-muted">9 mins</small> -->
                </div>
              </div>
            </div>
hdastageeri's avatar
hdastageeri committed
253

hdastageeri's avatar
hdastageeri committed
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
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
299
300
301
302
303
304

            <!-- BITTE HIER BEISPIELDATEN DURCH IHRE DATEN ERSETZEN -->
            <div class="col-md-4">
              <div class="card mb-4 shadow-sm extension">
                <h5>Titel Beispielprojekt</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> -->
                <!-- BITTE QUELLCODE UND BILDER JEWEILS IN EINEM EIGENEN PROJEKTORDNER ABLEGEN -->
                <img class="thumbimg" src="beispielprojekt/imgs/thumbnails/hft_beispielbild.jpg" alt="">
                <div class="card-body">
                  <p class="card-text">Beschreibungstext hier einfügen...</p>                
                </div>
                <div class="d-flex justify-content-between align-items-center btnGroupDiv">
                  <div class="btn-group">
                    <form action="beispielprojekt/src/beispiel.html" class="form-signin" method="GET">
                      <button type="submit" class="btn btn-sm btn-outline-secondary">Details</button>
                    </form>                   
                  </div>
                  <!-- <small class="text-muted">9 mins</small> -->
                </div>
              </div>
            </div>


            <!-- BITTE HIER BEISPIELDATEN DURCH IHRE DATEN ERSETZEN -->
  <div class="col-md-4">
              <div class="card mb-4 shadow-sm extension">
                <h5>Titel Beispielprojekt</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> -->
                <!-- BITTE QUELLCODE UND BILDER JEWEILS IN EINEM EIGENEN PROJEKTORDNER ABLEGEN -->
                <img class="thumbimg" src="beispielprojekt/imgs/thumbnails/hft_beispielbild.jpg" alt="">
                <div class="card-body">
                  <p class="card-text">Beschreibungstext hier einfügen...</p>                
                </div>
                <div class="d-flex justify-content-between align-items-center btnGroupDiv">
                  <div class="btn-group">
                    <form action="beispielprojekt/src/beispiel.html" class="form-signin" method="GET">
                      <button type="submit" class="btn btn-sm btn-outline-secondary">Details</button>
                    </form>                   
                  </div>
                  <!-- <small class="text-muted">9 mins</small> -->
                </div>
              </div>
            </div>

 
 
 
 
 
 <!-- KEINE ÄNDERUNGEN NACH DIESER ZEILE -->  
 <!-- --------------------------------------------------------------------------------------------------------------------------------- -->
hdastageeri's avatar
hdastageeri committed
305
            
306
307
308
          </div>
        </div>
      </div>
309
310
311
312
313
314
315
316
317
318
  
      <!-- <br>
      <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> -->
    </main>
319
320
321
322
323
    <footer class="text-white">
      <div class="container">
        <p class="float-right">
          <a href="#">Back to top</a>
        </p>
hdastageeri's avatar
hdastageeri committed
324
        <p><!-- ggf. Copyrights hier einfügen --></p>
325
326
      </div>
    </footer>
Wolfgang Knopki's avatar
Wolfgang Knopki committed
327
  <script src="settings.js"> </script>
328
329
330
331
332
333
334
335
336
  <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>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"
  integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI"
  crossorigin="anonymous"></script>
GitLab's avatar
GitLab committed
337
338
339
  </body>
</html>