Skip to content

GitLab

Commit c905db46 authored by JOE Thunyathep S's avatar JOE Thunyathep S
Browse files

update

parent 71b5a2c4
Pipeline #2004 passed with stage
in 37 seconds
Hide whitespace changes
Inline Side-by-side
public/rgc_website/css/custom.css 0 → 100644
View file @ c905db46
.btn-circle.btn-xl {
width: 70px;
height: 70px;
padding: 10px 16px;
border-radius: 35px;
font-size: 24px;
line-height: 1.33;
}
.btn-circle {
width: 30px;
height: 30px;
padding: 6px 0px;
border-radius: 15px;
text-align: center;
font-size: 12px;
line-height: 1.42857;
}
.pre-style {
display: block;
padding: 9.5px;
margin: 0 0 10px;
font-size: 13px;
line-height: 1.42857143;
color: #333;
word-break: break-all;
word-wrap: break-word;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 4px;
}
::selection {
color: black;
background: #B4D5FE;
}
\ No newline at end of file
public/rgc_website/css/search.css
View file @ c905db46
......@@ -2,9 +2,7 @@ body {
background: #212129;
}
::selection {
background: #212129;
}
.search-wrapper {
position: relative;
......
public/rgc_website/index.html
View file @ c905db46
......@@ -10,12 +10,13 @@
<meta name="generator" content="GitLab Pages">
<link rel="stylesheet" href="./css/bootstrap.min.css">
<link href="css/main.css" rel="stylesheet">
<link href="css/custom.css" rel="stylesheet">
<script src="https://kit.fontawesome.com/79b3e255a2.js" crossorigin="anonymous"></script>
<link rel="shortcut icon" type="image/png" sizes="32x32" href="./imgs/icon.png">
</head>
<body>
<body id="document-body">
<!-- <div id="topbar">
<div id="menu" class="navbar"></div>
</div> -->
......@@ -61,9 +62,12 @@
</select>
</div> -->
<select id="selectpicker1" class="selectpicker" data-img-src="imgs/flags/226-united-states.png" style="background-color: #cc3125; width: 10em; border-color:#cc3125;" data-width="fit">
<option value='1' class="selectlang" data-img-src="imgs/flags/226-united-states.png" style="background-color: white;">English</option>
<option value='2' class="selectlang" data-img-src="imgs/flags/226-united-states.png" style="background-color: white;">Deutsch</option>
<select id="selectpicker1" class="selectpicker" data-img-src="imgs/flags/226-united-states.png"
style="background-color: #cc3125; width: 10em; border-color:#cc3125;" data-width="fit">
<option value='1' class="selectlang" data-img-src="imgs/flags/226-united-states.png"
style="background-color: white;">English</option>
<option value='2' class="selectlang" data-img-src="imgs/flags/226-united-states.png"
style="background-color: white;">Deutsch</option>
</select>
<!-- <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarHeader"
aria-controls="navbarHeader" aria-expanded="false" aria-label="Toggle navigation">
......@@ -79,41 +83,43 @@
<div class="container">
<img src="imgs/database.svg" class="windSVG" width="100px" alt="wind">
<h1> <b>3D Urban Analytics Lab </b> <br>@HFT Stuttgart </h1>
<p id="rgc_introduction" class="lead text-muted"> (or Vote for new group name) <br>A research group introduction here ....</p>
<p id="rgc_introduction2" >The research projects at HFT Stuttgart (University of Applied Sciences Stuttgart).</p>
<p id="rgc_introduction" class="lead text-muted"> (or Vote for new group name) <br>A research group introduction
here ....</p>
<p id="rgc_introduction2">The research projects at HFT Stuttgart (University of Applied Sciences Stuttgart).</p>
</div>
</section>
<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 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">
<div class="container">
<div>
<h2 id="rgc_application" ><i class="fas fa-laptop-code"></i> Our Applications</h2>
<!-- Searchbar -->
<!-- start -->
<!-- end -->
</div>
<p id="rgc_applicationdesc" class="grey-text w-responsive mx-auto mb-5">Research Short Introduction ....</p><br>
<div id="album_one" class="album py-5 bg-light topDownPadding">
<div class="container">
<div>
<h2 id="rgc_application"><i class="fas fa-laptop-code"></i> Our Applications</h2>
<!-- Searchbar -->
<!-- start -->
<div id="row_main" class="row">
<!-- end -->
</div>
<p id="rgc_applicationdesc" class="grey-text w-responsive mx-auto mb-5">Research Short Introduction ....</p>
<br>
<div id="row_main" class="row">
</div>
</div>
</div>
</div>
<!-- Zeile 3 mit Album -->
</div>
<!-- <br>
<!-- <br>
<div class="d-flex justify-content-between align-items-center btnGroupDiv">
<div class="btn-group">
<form action="/debug" class="form-signin" method="GET">
......@@ -121,138 +127,239 @@
</form>
</div>
</div> -->
<hr>
<div class="container">
<h2 id="rgc_publication"><i class="fas fa-book"></i> Our Publication</h2>
<p id="rgc_publicationdesc" class="grey-text w-responsive mx-auto mb-5">Our Publication ...</p>
<hr>
<div class="container">
<h2 id="rgc_publication"><i class="fas fa-book"></i> Our Publication</h2>
<p id="rgc_publicationdesc" class="grey-text w-responsive mx-auto mb-5">Our Publication ...</p>
<!-- <li> Silberer, J., Santhanavanich, T., Müller, P., & Bäumer, T. (2020).
<!-- <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>
<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>
<div class="container">
<div class="card" style="max-width: 1080px;">
<div class="row">
<div class="col-md-3">
<img src="imgs/publication/3droute.jpg" alt="..." style="width:100%">
</div>
<div class="col-md-9">
<div class="card-body">
<p class="card-text">Santhanavanich, T., Wuerstle, P., Silberer, J., Loidl, V., Rodrigues, P., and Coors,
V.</p>
<h5 class="card-title">3D SAFE ROUTING NAVIGATION APPLICATION FOR PEDESTRIANS AND CYCLISTS BASED ON OPEN
SOURCE TOOLS </h5>
<span class="badge bg-primary">CityGML</span>
<span class="badge bg-secondary">SensorThings API</span>
<span class="badge bg-success">Open Geospatial Consortium</span>
<span class="badge bg-danger">pgRouting</span>
<p class="card-text"><small class="text-muted"> 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</small>
</p>
</div>
</div>
</div>
</div>
<hr>
<div class="container">
<h2 id="rgc_ourteam"><i class="fas fa-user-friends"></i> Our amazing team</h2>
<!-- Section description -->
<p id="rgc_teamdesc" class="grey-text w-responsive mx-auto mb-5">Team Description ....</p>
<section class="team-section text-center my-5">
<!-- Grid row -->
<div class="row">
<!-- 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 class="card" style="max-width: 1080px;">
<div class="row">
<div class="col-md-9">
<div class="card-body">
<p class="card-text">Santhanavanich, T., Wuerstle, P., Silberer, J., Loidl, V., Rodrigues, P., and Coors,
V.</p>
<h5 class="card-title">3D SAFE ROUTING NAVIGATION APPLICATION FOR PEDESTRIANS AND CYCLISTS BASED ON OPEN
SOURCE TOOLS </h5>
<span class="badge badge-pill badge-info">CityGML</span>
<span class="badge badge-pill badge-info">SensorThings API</span>
<span class="badge badge-pill badge-info">Open Geospatial Consortium</span>
<span class="badge badge-pill badge-info">pgRouting</span>
<span class="badge badge-pill badge-info">Warning</span>
<p class="card-text"><small class="text-muted"> 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</small>
</p>
</div>
</div>
<div class="col-md-3">
<img src="imgs/publication/3droute.jpg" alt="..." style="width:100%">
</div>
</div>
</div>
<div class="card" style="max-width: 1080px;">
<div class="row">
<div class="col-md-3">
<img src="imgs/publication/3droute.jpg" alt="..." style="width:100%">
</div>
<div class="col-md-9">
<div class="card-body">
<h5 class="card-title" style="margin-bottom:0px">
<small>Santhanavanich, T., Wuerstle, P., Silberer, J., Loidl, V., Rodrigues, P., and Coors, V.</small>
<br>
3D SAFE ROUTING NAVIGATION APPLICATION FOR PEDESTRIANS AND CYCLISTS BASED ON OPEN SOURCE TOOLS
<br>
<small>
<span class="badge badge-pill badge-light">CityGML</span>
<span class="badge badge-pill badge-light">SensorThings API</span>
<span class="badge badge-pill badge-light">Open Geospatial Consortium</span>
<span class="badge badge-pill badge-light">pgRouting</span>
<span class="badge badge-pill badge-light">Warning</span>
</small>
</h5>
<small class="text-muted"> 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
<br>
<button type="button" class="btn btn-outline-success btn-circle"> <i class="far fa-file-pdf"> </i></button>PDF
<button type="button" class="btn btn-outline-danger btn-circle" data-toggle="collapse" data-target="#bibtex-paper-vision" aria-expanded="false" aria-controls="bibtex-paper-vision"> <i class="fas fa-code"></i> </button>BIB
<button type="button" class="btn btn-outline-info btn-circle"> <i class="fas fa-globe"></i> </button>Link
</small>
<pre id="bibtex-paper-vision" class="pre-style collapse">@article{santhanavanich20203d,
title={3D SAFE ROUTING NAVIGATION APPLICATION FOR PEDESTRIANS AND CYCLISTS BASED ON OPEN SOURCE TOOLS.},
author={Santhanavanich, T and Wuerstle, P and Silberer, J and Loidl, V and Rodrigues, P and Coors, V},
journal={ISPRS Annals of Photogrammetry, Remote Sensing \& Spatial Information Sciences},
volume={6},
year={2020}
}
}</pre>
</div>
</div>
</div>
</div>
</div>
<hr>
<div class="container">
<h2 id="rgc_ourteam"><i class="fas fa-user-friends"></i> Our amazing team</h2>
<!-- Section description -->
<p id="rgc_teamdesc" class="grey-text w-responsive mx-auto mb-5">Team Description ....</p>
<section class="team-section text-center my-5">
<!-- Grid row -->
<div class="row">
<!-- 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>
<!-- Grid column -->
<!-- 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>
<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 -->
<!-- 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>
<!-- 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>
<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>
<!-- 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>
<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>
<!-- Grid row -->
</div>
<!-- Grid row -->
</section>
<!-- Section: Team v.1 -->
</div>
</section>
<!-- Section: Team v.1 -->
</div>
</main>
<!-- Section: Team v.1 -->
......@@ -288,7 +395,7 @@
<!-- <script src="./js/jquery.slim.min.js"></script> -->
<script src="./js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>
\ No newline at end of file
public/rgc_website/style.css
View file @ c905db46
......@@ -44,3 +44,7 @@ body {
padding-bottom: 10px;
}
::selection {
color: black;
background: #B4D5FE;
}
\ No newline at end of file
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment

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