index.html 13.7 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
  <meta name="description" content="">
  <title>RGC Website</title>
  <meta charset="utf-8">
  <meta name="generator" content="GitLab Pages">
Joe TS Dell's avatar
update    
Joe TS Dell committed
11
  <link rel="stylesheet" href="./css/bootstrap.min.css">
Joe TS Dell's avatar
update  
Joe TS Dell committed
12
  <link href="css/main.css" rel="stylesheet">
Joe TS Dell's avatar
update    
Joe TS Dell committed
13
14
  <script src="https://kit.fontawesome.com/79b3e255a2.js" crossorigin="anonymous"></script>
  <link rel="shortcut icon" type="image/png" sizes="32x32" href="./imgs/icon.png">
Joe TS Dell's avatar
update    
Joe TS Dell committed
15
16
17
18
</head>

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

  <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
25
    <!-- ÄNDERUNGEN NUR NACH DIESER ZEILE -->
Joe TS Dell's avatar
update    
Joe TS Dell committed
26

Joe TS Dell's avatar
update  
Joe TS Dell committed
27
28
29
30
31
32
    <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
33
              <p class="text-white">Details about our group to be inserted here... </p>
Joe TS Dell's avatar
update  
Joe TS Dell committed
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
            </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">
Joe TS Dell's avatar
update    
Joe TS Dell committed
49
50
            <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
51
            <i class="fas fa-wind"></i>
Joe TS Dell's avatar
update    
Joe TS Dell committed
52
            <h1 id='projectname'></h1>
Joe TS Dell's avatar
update  
Joe TS Dell committed
53
54
55
56
57
58
59
60
          </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
61

Joe TS Dell's avatar
update  
Joe TS Dell committed
62
    <main role="main">
Joe TS Dell's avatar
update    
Joe TS Dell committed
63

Joe TS Dell's avatar
update  
Joe TS Dell committed
64
65
66
      <section class="jumbotron text-center">
        <div class="container">
          <img src="imgs/wind-solid.svg" class="windSVG" width="100px" alt="wind">
Joe TS Dell's avatar
update    
Joe TS Dell committed
67
68
          <h1> <b>3D Urban Analytics Lab </b> <br>@HFT Stuttgart </h1>
          <p class="lead text-muted"> (or Vote for new group name) <br>A research group introduction here ....</p>
Joe TS Dell's avatar
update    
Joe TS Dell committed
69
          <p>The research projects at HFT Stuttgart (University of Applied Sciences Stuttgart).
Joe TS Dell's avatar
update  
Joe TS Dell committed
70
71
        </div>
      </section>
Joe TS Dell's avatar
update    
Joe TS Dell committed
72

Joe TS Dell's avatar
update  
Joe TS Dell committed
73
74
      <div class="album py-5 bg-light topDownPadding">
        <div class="container">
Joe TS Dell's avatar
update    
Joe TS Dell committed
75
          <h2>Our Research Projects</h2>
Joe TS Dell's avatar
update  
Joe TS Dell committed
76
          <div class="row">
Joe TS Dell's avatar
update    
Joe TS Dell committed
77
            <div class="col-lg-4">
Joe TS Dell's avatar
update  
Joe TS Dell committed
78
              <div class="card mb-4 shadow-sm extension">
Joe TS Dell's avatar
update    
Joe TS Dell committed
79
80
81
                <h5>Vision Zero <span class="lead text-muted"> Hackathon</span></h5>

                <img class="thumbimg" src="imgs/thumbnails/visionZero.jpeg" alt="">
Joe TS Dell's avatar
update  
Joe TS Dell committed
82
                <div class="card-body">
Joe TS Dell's avatar
update    
Joe TS Dell committed
83
84
85
86
87
88
89
90
91
92
93
94
95
96
                  <p class="card-text-lg small">
                    The <b>VISION ZERO </b> is an application for safety routing with the
                    visualization of 3D grid and heatmap. Developed at hackathon event "Neue Wege für die Mobilität in
                    Augsburg". (24 hours time limited)
                    <br>
                    <b><i class="fas fa-user"></i> Contact Person</b>: <a href="https://www.hft-stuttgart.de/p/thunyathep-santhanavanich">Joe
                      T.S.</a> <br>
                    <b><i class="fas fa-star"></i> Keywords</b>: CityGML, 3D GIS, GIS Analyst, Urban Analytics
                  <form action="iStoeckHM.html" class="form-signin" method="GET">
                    <button type="submit" class="btn btn-sm btn-outline-secondary">Explore</button>
                  </form>


                  </p>
Joe TS Dell's avatar
update  
Joe TS Dell committed
97
                </div>
Joe TS Dell's avatar
update    
Joe TS Dell committed
98
                <!-- <div class="justify-content-between align-items-center btnGroupDiv">
Joe TS Dell's avatar
update  
Joe TS Dell committed
99
100
101
                  <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
102
                    </form>
Joe TS Dell's avatar
update    
Joe TS Dell committed
103
104
105

                    
                    
Joe TS Dell's avatar
update  
Joe TS Dell committed
106
                  </div>
Joe TS Dell's avatar
update    
Joe TS Dell committed
107
108
109
                  <br>
                  <p class="small"></p>
                </div> -->
Joe TS Dell's avatar
update  
Joe TS Dell committed
110
111
              </div>
            </div>
Joe TS Dell's avatar
update    
Joe TS Dell committed
112
            <div class="col-lg-4">
Joe TS Dell's avatar
update  
Joe TS Dell committed
113
              <div class="card mb-4 shadow-sm extension">
Joe TS Dell's avatar
update    
Joe TS Dell committed
114
115
                <h5>3D E-bike<span class="lead text-muted"> iCity Project</span></h5>
                <img class="thumbimg" src="imgs/thumbnails/i_cityEbikeSharing.png" alt="">
Joe TS Dell's avatar
update  
Joe TS Dell committed
116
                <div class="card-body">
Joe TS Dell's avatar
update    
Joe TS Dell committed
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
                  <p class="card-text-xl small">
                    The <b>3D E-bike Tracking </b> is a 3D web-based visual analytics application designed showing
                    various parameters from sensor systems equipped on the E-bike sharing system in the study area of a
                    city of Stuttgart, Germany.
                    <br>
                    <b><i class="fas fa-user"></i> Contact Person</b>: <a href="https://www.hft-stuttgart.de/p/thunyathep-santhanavanich">Joe
                      T.S.</a> <br>
                    <b><i class="fas fa-star"></i> Keywords </b>: SensorThings API, CityGML, 3D GIS, GIS Analyst, Urban Analytics
                  
                  </p>
                  <a href="https://www.forschung-fachhochschulen.de/massnahmen/fhimpuls/icity" target="_blank">
                    <button class="btn btn-primary btn-sm"> <i class="fas fa-search"></i> Explore</button>
                  </a>
                  
                  <!-- <form action="iStoeckHexgrid_2m.html" class="form-signin" method="GET"><button type="submit"
                    class="btn btn-sm btn-outline-secondary">Explore Application</button></form>

                  <form action="iStoeckHexgrid_2m.html" class="form-signin" method="GET"><button type="submit"
                    class="btn btn-sm btn-outline-secondary">Visit iCity project</button></form> -->
Joe TS Dell's avatar
update  
Joe TS Dell committed
136
137
138
                </div>
              </div>
            </div>
Joe TS Dell's avatar
update    
Joe TS Dell committed
139
            <div class="col-lg-4">
Joe TS Dell's avatar
update  
Joe TS Dell committed
140
              <div class="card mb-4 shadow-sm extension">
Joe TS Dell's avatar
update    
Joe TS Dell committed
141
                <h5>Project 3</h5>
Joe TS Dell's avatar
update  
Joe TS Dell committed
142
143
144
                <!-- <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
145
                  <p class="card-text">... description ...</p>
Joe TS Dell's avatar
update  
Joe TS Dell committed
146
147
148
149
150
151
152
153
154
155
156
157
158
159
                </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
160
161
162



Joe TS Dell's avatar
update  
Joe TS Dell committed
163
164
      <div class="album py-5 bg-light topDownPadding">
        <div class="container">
Joe TS Dell's avatar
update    
Joe TS Dell committed
165

Joe TS Dell's avatar
update  
Joe TS Dell committed
166
          <div class="row">
Joe TS Dell's avatar
update    
Joe TS Dell committed
167
            <div class="col-lg-4">
Joe TS Dell's avatar
update  
Joe TS Dell committed
168
              <div class="card mb-4 shadow-sm extension">
Joe TS Dell's avatar
update    
Joe TS Dell committed
169
                <h5>Project 4</h5>
Joe TS Dell's avatar
update  
Joe TS Dell committed
170
171
172
                <!-- <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
173
                  <p class="card-text">... description ...</p>
Joe TS Dell's avatar
update  
Joe TS Dell committed
174
175
176
177
                </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
178
179
                      <button type="submit" class="btn btn-sm btn-outline-secondary">Explore</button>
                    </form>
Joe TS Dell's avatar
update  
Joe TS Dell committed
180
181
182
183
184
                  </div>
                  <!-- <small class="text-muted">9 mins</small> -->
                </div>
              </div>
            </div>
Joe TS Dell's avatar
update    
Joe TS Dell committed
185
            <div class="col-lg-4">
Joe TS Dell's avatar
update  
Joe TS Dell committed
186
              <div class="card mb-4 shadow-sm extension">
Joe TS Dell's avatar
update    
Joe TS Dell committed
187
                <h5>Project 5</h5>
Joe TS Dell's avatar
update  
Joe TS Dell committed
188
189
190
                <!-- <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
191
                  <p class="card-text">... description ...</p>
Joe TS Dell's avatar
update  
Joe TS Dell committed
192
193
194
195
                </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
196
197
                      <button type="submit" class="btn btn-sm btn-outline-secondary">Explore</button>
                    </form>
Joe TS Dell's avatar
update  
Joe TS Dell committed
198
199
200
201
202
                  </div>
                  <!-- <small class="text-muted">9 mins</small> -->
                </div>
              </div>
            </div>
Joe TS Dell's avatar
update    
Joe TS Dell committed
203
            <div class="col-lg-4">
Joe TS Dell's avatar
update    
Joe TS Dell committed
204

Joe TS Dell's avatar
update  
Joe TS Dell committed
205
              <div class="card mb-4 shadow-sm extension">
Joe TS Dell's avatar
update    
Joe TS Dell committed
206
                <h5>Project 6</h5>
Joe TS Dell's avatar
update  
Joe TS Dell committed
207
208
209
                <!-- <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
210
                  <p class="card-text">... description ...</p>
Joe TS Dell's avatar
update  
Joe TS Dell committed
211
212
213
214
                </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
215
216
217
                      <button type="submit" class="btn btn-sm btn-outline-secondary">Explore</button>
                    </form>
                  </div>
Joe TS Dell's avatar
update  
Joe TS Dell committed
218
                </div>
Joe TS Dell's avatar
update    
Joe TS Dell committed
219
220
221
222
223




              </div>
Joe TS Dell's avatar
update  
Joe TS Dell committed
224
225
226
            </div>
          </div>
        </div>
Joe TS Dell's avatar
update    
Joe TS Dell committed
227
228
229
230
231
232
233
234


        <!-- Zeile 3 mit Album  -->

        <div class="album py-5 bg-light topDownPadding">
          <div class="container">

            <div class="row">
Joe TS Dell's avatar
update    
Joe TS Dell committed
235
              <div class="col-lg-4">
Joe TS Dell's avatar
update    
Joe TS Dell committed
236
237
238


                <div class="card mb-4 shadow-sm extension">
Joe TS Dell's avatar
update    
Joe TS Dell committed
239
                  <h5>Project 7</h5>
Joe TS Dell's avatar
update    
Joe TS Dell committed
240
241
242
                  <!-- <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
243
                    <p class="card-text">... description ...</p>
Joe TS Dell's avatar
update    
Joe TS Dell committed
244
245
246
247
248
249
250
251
                    <!-- <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
252
253
254
                  </div>
                </div>
              </div>
Joe TS Dell's avatar
update    
Joe TS Dell committed
255
            </div>
Joe TS Dell's avatar
update  
Joe TS Dell committed
256
257
          </div>
        </div>
Joe TS Dell's avatar
update    
Joe TS Dell committed
258
259
260


        <!-- <br>
Joe TS Dell's avatar
update  
Joe TS Dell committed
261
262
263
264
265
266
267
      <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
268

Joe TS Dell's avatar
update  
Joe TS Dell committed
269
    </main>
Joe TS Dell's avatar
update    
Joe TS Dell committed
270

Joe TS Dell's avatar
update  
Joe TS Dell committed
271
272
273
274
275
    <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
276
        <p>&copy; HFT Stuttgart, 2020.</p>
Joe TS Dell's avatar
update    
Joe TS Dell committed
277

Joe TS Dell's avatar
update  
Joe TS Dell committed
278
279
280
      </div>
    </footer>

Joe TS Dell's avatar
update    
Joe TS Dell committed
281
282

    <!-- KEINE ÄNDERUNGEN NACH DIESER ZEILE -->
Joe TS Dell's avatar
udpate    
Joe TS Dell committed
283
    <!-- <script src="settings.js"> </script> -->
Joe TS Dell's avatar
update    
Joe TS Dell committed
284
285
286
    <script src="./js/jquery.slim.min.js"></script>
    <script src="./js/popper.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
Joe TS Dell's avatar
update    
Joe TS Dell committed
287
</body>
Joe TS Dell's avatar
update  
Joe TS Dell committed
288

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