Skip to content

GitLab

Switch branch/tag
Find file Normal viewHistoryPermalink
index.html 12.4 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">
Patrick's avatar
Created a Search function (not finished yet)    
Patrick committed
15
Joe TS Dell's avatar
update    
Joe TS Dell committed
16
17
18
19 
</head>

<body>
  <!-- <div id="topbar">
Joe TS Dell's avatar
update  
Joe TS Dell committed
20
21 
        <div id="menu" class="navbar"></div>
    </div> -->
Joe TS Dell's avatar
update    
Joe TS Dell committed
22
Joe TS Dell's avatar
up    
Joe TS Dell committed
23 
  <!-- <h1 id='projectname'></h1> Projektname kommt aus settings.js, hier nichts einfügen -->
Joe TS Dell's avatar
update    
Joe TS Dell committed
24
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
33
34
35
36
37
38
39
40
41 
  <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">Details about our group to be inserted here... </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>
Joe TS Dell's avatar
update  
Joe TS Dell committed
42
43
44 
          </div>
        </div>
      </div>
Joe TS Dell's avatar
update    
Joe TS Dell committed
45
46
47
48
49
50
51
52 
    </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">
          <img src="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg"
            class="hftlogo" width="100px">
          <h1 id='projectname'></h1>
        </a>
Patrick's avatar
changes:    
Patrick committed
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67 
        <!-- <div class="drop-down"> 
          <select name="options"> 
              <option class="en" value="en"  
           style="background-image:url('imgs/flags/226-united-states.svg');background-size:2em;">English</option> 
              <option class="fr" value="fr" 
           style="background-image:url('imgs/flags/017-germany.svg');background-size:2em;">Germany</option> 
              <option class="nl" value="nl" 
           style="background-image:url('imgs/flags/012-uk.svg');background-size:2em;">Nederlands</option> 
          </select> 
      </div>  -->

        <select class="selectpicker" data-img-src="imgs/flags/226-united-states.png" style="background-color: #cc3125; width: 10em; border-color:#cc3125;" data-width="fit">
          <option class="selectlang" data-img-src="imgs/flags/226-united-states.png" style="background-color: white;">English</option>
          <option class="selectlang" data-img-src="imgs/flags/226-united-states.png" style="background-color: white;">Deutsch</option>
        </select>
Patrick's avatar
Created a Search function (not finished yet)    
Patrick committed
68 
        <!-- <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarHeader"
Joe TS Dell's avatar
update    
Joe TS Dell committed
69
70 
          aria-controls="navbarHeader" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
Patrick's avatar
Created a Search function (not finished yet)    
Patrick committed
71 
        </button> -->
Joe TS Dell's avatar
update  
Joe TS Dell committed
72 
      </div>
Joe TS Dell's avatar
update    
Joe TS Dell committed
73
74 
    </div>
  </header>
Joe TS Dell's avatar
update    
Joe TS Dell committed
75
Joe TS Dell's avatar
update    
Joe TS Dell committed
76 
  <main role="main">
Joe TS Dell's avatar
update    
Joe TS Dell committed
77
Joe TS Dell's avatar
update    
Joe TS Dell committed
78 
    <section class="jumbotron text-center hftBackground">
Joe TS Dell's avatar
update    
Joe TS Dell committed
79 
      <div class="container">
Joe TS Dell's avatar
update    
Joe TS Dell committed
80 
        <img src="imgs/database.svg" class="windSVG" width="100px" alt="wind">
Joe TS Dell's avatar
update    
Joe TS Dell committed
81
82
83
84
85 
        <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>
        <p>The research projects at HFT Stuttgart (University of Applied Sciences Stuttgart).
      </div>
    </section>
Patrick's avatar
changes:    
Patrick committed
86
87
88
89
90
91
92
93
94 
  <div class="search-wrapper">
            <div class="input-holder">
                <input type="text" id="search-input" class="search-input" placeholder="Type to search" />
                <button id="search-button" class="search-icon" onclick="searchToggle(this, event);"><span></span></button>
            </div>
            <span class="close" onclick="searchToggle(this, event);"></span>
          </div>
    <div id="cont_proto" class="cont_proto">
    <div id="album_one" class="album py-5 bg-light topDownPadding">
Joe TS Dell's avatar
update    
Joe TS Dell committed
95 
      <div class="container">
Patrick's avatar
Created a Search function (not finished yet)    
Patrick committed
96
97
98
99 
        <div>
        <h2 ><i class="fas fa-laptop-code"></i> Our Applications</h2>
        <!-- Searchbar -->
        <!-- start -->
Patrick's avatar
changes:    
Patrick committed
100
Patrick's avatar
Created a Search function (not finished yet)    
Patrick committed
101
102
103 
        <!-- end -->
        </div>
        <p class="grey-text w-responsive mx-auto mb-5">Research Short Introduction ....</p><br>
Joe TS Dell's avatar
update    
Joe TS Dell committed
104
Patrick's avatar
changes:    
Patrick committed
105 
        <div id="row_main" class="row">
Joe TS Dell's avatar
update    
Joe TS Dell committed
106
Joe TS Dell's avatar
update  
Joe TS Dell committed
107
108 
        </div>
      </div>
Joe TS Dell's avatar
update    
Joe TS Dell committed
109 
    </div>
Joe TS Dell's avatar
update    
Joe TS Dell committed
110
111
Joe TS Dell's avatar
update    
Joe TS Dell committed
112 
      <!-- Zeile 3 mit Album  -->
Joe TS Dell's avatar
update    
Joe TS Dell committed
113
114
Patrick's avatar
changes:    
Patrick committed
115 
    </div>
Joe TS Dell's avatar
update    
Joe TS Dell committed
116 
      <!-- <br>
Joe TS Dell's avatar
update  
Joe TS Dell committed
117
118
119
120
121
122
123 
      <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
124
125 
      <hr>
      <div class="container">
Joe TS Dell's avatar
update    
Joe TS Dell committed
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150 
        <h2><i class="fas fa-book"></i> Our Publication</h2>
        <p class="grey-text w-responsive mx-auto mb-5">Our Publication ...</p>

        <!-- <li> Silberer, J., Santhanavanich, T., Müller, P., & Bäumer, T. (2020). 
          Promoting Objective and Subjective Safety for Cyclists in Metropolitan Areas. In Innovations for Metropolitan Areas (pp. 273–284). Springer
          Berlin Heidelberg. https://doi.org/10.1007/978-3-662-60806-7_21
        </li> -->
        <h5>2020</h5>
        <li> 
          Santhanavanich, T., Wuerstle, P., Silberer, J., Loidl, V., Rodrigues, P., and Coors, V.: 
          <a href="https://doi.org/10.5194/isprs-annals-VI-4-W2-2020-143-2020">3D SAFE ROUTING NAVIGATION APPLICATION FOR PEDESTRIANS AND CYCLISTS BASED ON OPEN SOURCE TOOLS</a>, ISPRS Ann. Photogramm. Remote Sens. Spatial Inf. Sci., VI-4/W2-2020, 143–147, https://doi.org/10.5194/isprs-annals-VI-4-W2-2020-143-2020  
        </li>
        <li> 
          Schneider, S., Santhanavanich, T., Koukofikis, A., and Coors, V.: 
          <a href="https://doi.org/10.5194/isprs-annals-VI-4-W2-2020-157-2020">EXPLORING SCHEMES FOR VISUALIZING URBAN WIND FIELDS BASED ON CFD SIMULATIONS BY EMPLOYING OGC STANDARDS</a>, ISPRS Ann. Photogramm. Remote Sens. Spatial Inf. Sci., VI-4/W2-2020, 157–163, https://doi.org/10.5194/isprs-annals-VI-4-W2-2020-157-2020 
        </li>
        <li>...</li>
        <br>
        <h5>2019</h5>
        <li>...</li>

      </div>
      <hr>
      <div class="container">
        <h2><i class="fas fa-user-friends"></i> Our amazing team</h2>
Joe TS Dell's avatar
update    
Joe TS Dell committed
151
152
153 
        <!-- Section description -->
        <p class="grey-text w-responsive mx-auto mb-5">Team Description ....</p>
        <section class="team-section text-center my-5">
Joe TS Dell's avatar
update    
Joe TS Dell committed
154
Joe TS Dell's avatar
update    
Joe TS Dell committed
155
156 
          <!-- Grid row -->
          <div class="row">
Joe TS Dell's avatar
update    
Joe TS Dell committed
157
Joe TS Dell's avatar
update    
Joe TS Dell committed
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181 
            <!-- Grid column -->
            <div class="col-lg-3 col-md-6 mb-lg-0 mb-5">
              <div class="avatar mx-auto">
                <img src="./imgs/avatar/volker.Coors.jpg" class="rounded-circle z-depth-1" width="150px">
              </div>
              <h5 class="font-weight-bold mt-4 mb-3">Prof. Dr. Volker Coors</h5>
              <p class="text-uppercase blue-text"><strong>Lab Leader</strong></p>
              <p class="grey-text">Profile Description....</p>
              <ul class="list-unstyled mb-0">
                <!-- Facebook -->
                <a class="p-2 fa-lg fb-ic">
                  <i class="fab fa-facebook-f blue-text"> </i>
                </a>
                <!-- Twitter -->
                <a class="p-2 fa-lg tw-ic">
                  <i class="fab fa-twitter blue-text"> </i>
                </a>
                <!-- Instagram -->
                <a class="p-2 fa-lg ins-ic">
                  <i class="fab fa-instagram blue-text"> </i>
                </a>
              </ul>
            </div>
            <!-- Grid column -->
Joe TS Dell's avatar
update    
Joe TS Dell committed
182
Joe TS Dell's avatar
update    
Joe TS Dell committed
183
184
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
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254 
            <!-- Grid column -->
            <div class="col-lg-3 col-md-6 mb-lg-0 mb-5">
              <div class="avatar mx-auto">
                <img src="./imgs/avatar/JoeSquare.jpg" class="rounded-circle z-depth-1" width="150px">
              </div>
              <h5 class="font-weight-bold mt-4 mb-3">Joe T. Santhanavanich</h5>
              <p class="text-uppercase blue-text"><strong>Researcher</strong></p>
              <p class="grey-text">Profile Description....</p>
              <ul class="list-unstyled mb-0">
                <!-- Facebook -->
                <a class="p-2 fa-lg fb-ic">
                  <i class="fab fa-facebook-f blue-text"> </i>
                </a>
                <!-- Instagram -->
                <a class="p-2 fa-lg ins-ic">
                  <i class="fab fa-instagram blue-text"> </i>
                </a>
              </ul>
            </div>
            <!-- Grid column -->


            <!-- Grid column -->

            <!-- Grid column -->
            <div class="col-lg-3 col-md-6">
              <div class="avatar mx-auto">
                <img src="./imgs/avatar/rosanny.jpg" class="rounded-circle z-depth-1" width="150px">
              </div>
              <h5 class="font-weight-bold mt-4 mb-3">Rosanny S.</h5>
              <p class="text-uppercase blue-text"><strong>Researcher</strong></p>
              <p class="grey-text">Profile Description....</p>
              <ul class="list-unstyled mb-0">
                <!-- Facebook -->
                <a class="p-2 fa-lg fb-ic">
                  <i class="fab fa-facebook-f blue-text"> </i>
                </a>
                <!-- Github -->
                <a class="p-2 fa-lg ins-ic">
                  <i class="fab fa-github blue-text"> </i>
                </a>
              </ul>
            </div>
            <!-- Grid column -->
            <!-- Grid column -->
            <div class="col-lg-3 col-md-6 mb-md-0 mb-5">
              <div class="avatar mx-auto">
                <img src="./imgs/avatar/PatrickSquare.jpg" class="rounded-circle z-depth-1" width="150px">
              </div>
              <h5 class="font-weight-bold mt-4 mb-3">Patrick Wuerstle</h5>
              <p class="text-uppercase blue-text"><strong>Researcher</strong></p>
              <p class="grey-text">Profile Description....</p>
              <ul class="list-unstyled mb-0">
                <!-- Facebook -->
                <a class="p-2 fa-lg fb-ic">
                  <i class="fab fa-facebook-f blue-text"> </i>
                </a>
                <!-- Instagram -->
                <a class="p-2 fa-lg ins-ic">
                  <i class="fab fa-instagram blue-text"> </i>
                </a>
                <!-- Dribbble -->
                <a class="p-2 fa-lg ins-ic">
                  <i class="fab fa-dribbble blue-text"> </i>
                </a>
              </ul>
            </div>
          </div>
          <!-- Grid row -->

        </section>
        <!-- Section: Team v.1 -->
Joe TS Dell's avatar
update  
Joe TS Dell committed
255 
      </div>
Joe TS Dell's avatar
update    
Joe TS Dell committed
256
257
258
259
260
261
262
263
264
265
266 

  </main>
  <!-- Section: Team v.1 -->


  <footer class="text-white">
    <div class="container">
      <p class="float-right">
        <a href="#">Back to top</a>
      </p>
      <p>&copy; HFT Stuttgart, 2020.</p>
Joe TS Dell's avatar
update    
Joe TS Dell committed
267
268 
      <a href="https://www.hft-stuttgart.de/impressum" target="_blank">Impressum</a>
      <a href="https://www.hft-stuttgart.de/datenschutz" target="_blank">Datenschutz</a>
Joe TS Dell's avatar
update    
Joe TS Dell committed
269
270 
    </div>
  </footer>
Patrick's avatar
Created a Search function (not finished yet)    
Patrick committed
271
272
273
274
275
276
277
278 
  <!-- Test  -->
  <!-- /////////////////////////////////////// -->
  <!-- Language selector -->
  <!-- full jquery needed -->
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.2/js/bootstrap-select.min.js"></script>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/0.8.2/css/flag-icon.min.css">
  <script src="js/language.js"></script>
Patrick's avatar
changes:    
Patrick committed
279 
  <script src="js/add_content.js"></script>
Patrick's avatar
Created a Search function (not finished yet)    
Patrick committed
280
281
282
283
284
285 
  <!-- search library -->
  <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/fuse.js/dist/fuse.js"></script>
  <link rel="stylesheet" href="./css/search.css">
  <link rel="stylesheet" href="./css/language.css">
  <script src="js/search.js"></script>
Joe TS Dell's avatar
update    
Joe TS Dell committed
286
287 
  <!-- KEINE ÄNDERUNGEN NACH DIESER ZEILE -->
  <!-- <script src="settings.js"> </script> -->
Patrick's avatar
Created a Search function (not finished yet)    
Patrick committed
288 
  <!-- <script src="./js/jquery.slim.min.js"></script> -->
Joe TS Dell's avatar
update    
Joe TS Dell committed
289
290 
  <script src="./js/popper.min.js"></script>
  <script src="js/bootstrap.min.js"></script>
Patrick's avatar
Created a Search function (not finished yet)    
Patrick committed
291
Joe TS Dell's avatar
update    
Joe TS Dell committed
292 
</body>
Joe TS Dell's avatar
update  
Joe TS Dell committed
293
Joe TS Dell's avatar
update    
Joe TS Dell committed
294 
</html>

Dies ist die Gitlab-Instanz des Transferportals der Hochschule für Technik Stuttgart. Hier geht es zurück zum Portal