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 { ...@@ -2,9 +2,7 @@ body {
background: #212129; background: #212129;
} }
::selection {
background: #212129;
}
.search-wrapper { .search-wrapper {
position: relative; position: relative;
......
public/rgc_website/index.html
View file @ c905db46
...@@ -10,12 +10,13 @@ ...@@ -10,12 +10,13 @@
<meta name="generator" content="GitLab Pages"> <meta name="generator" content="GitLab Pages">
<link rel="stylesheet" href="./css/bootstrap.min.css"> <link rel="stylesheet" href="./css/bootstrap.min.css">
<link href="css/main.css" rel="stylesheet"> <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> <script src="https://kit.fontawesome.com/79b3e255a2.js" crossorigin="anonymous"></script>
<link rel="shortcut icon" type="image/png" sizes="32x32" href="./imgs/icon.png"> <link rel="shortcut icon" type="image/png" sizes="32x32" href="./imgs/icon.png">
</head> </head>
<body> <body id="document-body">
<!-- <div id="topbar"> <!-- <div id="topbar">
<div id="menu" class="navbar"></div> <div id="menu" class="navbar"></div>
</div> --> </div> -->
...@@ -61,9 +62,12 @@ ...@@ -61,9 +62,12 @@
</select> </select>
</div> --> </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"> <select id="selectpicker1" class="selectpicker" data-img-src="imgs/flags/226-united-states.png"
<option value='1' class="selectlang" data-img-src="imgs/flags/226-united-states.png" style="background-color: white;">English</option> style="background-color: #cc3125; width: 10em; border-color:#cc3125;" data-width="fit">
<option value='2' class="selectlang" data-img-src="imgs/flags/226-united-states.png" style="background-color: white;">Deutsch</option> <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> </select>
<!-- <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarHeader" <!-- <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarHeader"
aria-controls="navbarHeader" aria-expanded="false" aria-label="Toggle navigation"> aria-controls="navbarHeader" aria-expanded="false" aria-label="Toggle navigation">
...@@ -79,41 +83,43 @@ ...@@ -79,41 +83,43 @@
<div class="container"> <div class="container">
<img src="imgs/database.svg" class="windSVG" width="100px" alt="wind"> <img src="imgs/database.svg" class="windSVG" width="100px" alt="wind">
<h1> <b>3D Urban Analytics Lab </b> <br>@HFT Stuttgart </h1> <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_introduction" class="lead text-muted"> (or Vote for new group name) <br>A research group introduction
<p id="rgc_introduction2" >The research projects at HFT Stuttgart (University of Applied Sciences Stuttgart).</p> here ....</p>
<p id="rgc_introduction2">The research projects at HFT Stuttgart (University of Applied Sciences Stuttgart).</p>
</div> </div>
</section> </section>
<div class="search-wrapper"> <div class="search-wrapper">
<div class="input-holder"> <div class="input-holder">
<input type="text" id="search-input" class="search-input" placeholder="Type to search" /> <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> <button id="search-button" class="search-icon" onclick="searchToggle(this, event);"><span></span></button>
</div> </div>
<span class="close" onclick="searchToggle(this, event);"></span> <span class="close" onclick="searchToggle(this, event);"></span>
</div> </div>
<div id="cont_proto" class="cont_proto"> <div id="cont_proto" class="cont_proto">
<div id="album_one" class="album py-5 bg-light topDownPadding"> <div id="album_one" class="album py-5 bg-light topDownPadding">
<div class="container"> <div class="container">
<div> <div>
<h2 id="rgc_application" ><i class="fas fa-laptop-code"></i> Our Applications</h2> <h2 id="rgc_application"><i class="fas fa-laptop-code"></i> Our Applications</h2>
<!-- Searchbar --> <!-- Searchbar -->
<!-- start --> <!-- start -->
<!-- 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"> <!-- 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> </div>
</div>
<!-- Zeile 3 mit Album --> <!-- Zeile 3 mit Album -->
</div> </div>
<!-- <br> <!-- <br>
<div class="d-flex justify-content-between align-items-center btnGroupDiv"> <div class="d-flex justify-content-between align-items-center btnGroupDiv">
<div class="btn-group"> <div class="btn-group">
<form action="/debug" class="form-signin" method="GET"> <form action="/debug" class="form-signin" method="GET">
...@@ -121,138 +127,239 @@ ...@@ -121,138 +127,239 @@
</form> </form>
</div> </div>
</div> --> </div> -->
<hr> <hr>
<div class="container"> <div class="container">
<h2 id="rgc_publication"><i class="fas fa-book"></i> Our Publication</h2> <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> <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 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 Berlin Heidelberg. https://doi.org/10.1007/978-3-662-60806-7_21
</li> --> </li> -->
<h5>2020</h5> <h5>2020</h5>
<li> <li>
Santhanavanich, T., Wuerstle, P., Silberer, J., Loidl, V., Rodrigues, P., and Coors, V.: 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 <a href="https://doi.org/10.5194/isprs-annals-VI-4-W2-2020-143-2020">3D SAFE ROUTING NAVIGATION APPLICATION FOR
</li> PEDESTRIANS AND CYCLISTS BASED ON OPEN SOURCE TOOLS</a>, ISPRS Ann. Photogramm. Remote Sens. Spatial Inf.
<li> Sci., VI-4/W2-2020, 143–147, https://doi.org/10.5194/isprs-annals-VI-4-W2-2020-143-2020
Schneider, S., Santhanavanich, T., Koukofikis, A., and Coors, V.: </li>
<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> Schneider, S., Santhanavanich, T., Koukofikis, A., and Coors, V.:
<li>...</li> <a href="https://doi.org/10.5194/isprs-annals-VI-4-W2-2020-157-2020">EXPLORING SCHEMES FOR VISUALIZING URBAN
<br> WIND FIELDS BASED ON CFD SIMULATIONS BY EMPLOYING OGC STANDARDS</a>, ISPRS Ann. Photogramm. Remote Sens.
<h5>2019</h5> 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>
<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> </div>
<hr>
<div class="container"> <div class="card" style="max-width: 1080px;">
<h2 id="rgc_ourteam"><i class="fas fa-user-friends"></i> Our amazing team</h2> <div class="row">
<!-- Section description -->
<p id="rgc_teamdesc" class="grey-text w-responsive mx-auto mb-5">Team Description ....</p> <div class="col-md-9">
<section class="team-section text-center my-5"> <div class="card-body">
<p class="card-text">Santhanavanich, T., Wuerstle, P., Silberer, J., Loidl, V., Rodrigues, P., and Coors,
<!-- Grid row --> V.</p>
<div class="row"> <h5 class="card-title">3D SAFE ROUTING NAVIGATION APPLICATION FOR PEDESTRIANS AND CYCLISTS BASED ON OPEN
SOURCE TOOLS </h5>
<!-- Grid column --> <span class="badge badge-pill badge-info">CityGML</span>
<div class="col-lg-3 col-md-6 mb-lg-0 mb-5"> <span class="badge badge-pill badge-info">SensorThings API</span>
<div class="avatar mx-auto"> <span class="badge badge-pill badge-info">Open Geospatial Consortium</span>
<img src="./imgs/avatar/volker.Coors.jpg" class="rounded-circle z-depth-1" width="150px"> <span class="badge badge-pill badge-info">pgRouting</span>
</div> <span class="badge badge-pill badge-info">Warning</span>
<h5 class="font-weight-bold mt-4 mb-3">Prof. Dr. Volker Coors</h5> <p class="card-text"><small class="text-muted"> ISPRS Ann. Photogramm. Remote Sens. Spatial Inf. Sci.,
<p class="text-uppercase blue-text"><strong>Lab Leader</strong></p> VI-4/W2-2020, 143–147, https://doi.org/10.5194/isprs-annals-VI-4-W2-2020-143-2020</small>
<p class="grey-text">Profile Description....</p>
<ul class="list-unstyled mb-0"> </p>
<!-- Facebook --> </div>
<a class="p-2 fa-lg fb-ic"> </div>
<i class="fab fa-facebook-f blue-text"> </i> <div class="col-md-3">
</a> <img src="imgs/publication/3droute.jpg" alt="..." style="width:100%">
<!-- Twitter --> </div>
<a class="p-2 fa-lg tw-ic"> </div>
<i class="fab fa-twitter blue-text"> </i> </div>
</a> <div class="card" style="max-width: 1080px;">
<!-- Instagram --> <div class="row">
<a class="p-2 fa-lg ins-ic"> <div class="col-md-3">
<i class="fab fa-instagram blue-text"> </i> <img src="imgs/publication/3droute.jpg" alt="..." style="width:100%">
</a> </div>
</ul> <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> </div>
<!-- Grid column --> <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>
<!-- Grid column --> <p class="grey-text">Profile Description....</p>
<div class="col-lg-3 col-md-6 mb-lg-0 mb-5"> <ul class="list-unstyled mb-0">
<div class="avatar mx-auto"> <!-- Facebook -->
<img src="./imgs/avatar/JoeSquare.jpg" class="rounded-circle z-depth-1" width="150px"> <a class="p-2 fa-lg fb-ic">
</div> <i class="fab fa-facebook-f blue-text"> </i>
<h5 class="font-weight-bold mt-4 mb-3">Joe T. Santhanavanich</h5> </a>
<p class="text-uppercase blue-text"><strong>Researcher</strong></p> <!-- Twitter -->
<p class="grey-text">Profile Description....</p> <a class="p-2 fa-lg tw-ic">
<ul class="list-unstyled mb-0"> <i class="fab fa-twitter blue-text"> </i>
<!-- Facebook --> </a>
<a class="p-2 fa-lg fb-ic"> <!-- Instagram -->
<i class="fab fa-facebook-f blue-text"> </i> <a class="p-2 fa-lg ins-ic">
</a> <i class="fab fa-instagram blue-text"> </i>
<!-- Instagram --> </a>
<a class="p-2 fa-lg ins-ic"> </ul>
<i class="fab fa-instagram blue-text"> </i> </div>
</a> <!-- Grid column -->
</ul>
<!-- 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> </div>
<!-- Grid column --> <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>
<!-- Grid column --> <ul class="list-unstyled mb-0">
<!-- Facebook -->
<!-- Grid column --> <a class="p-2 fa-lg fb-ic">
<div class="col-lg-3 col-md-6"> <i class="fab fa-facebook-f blue-text"> </i>
<div class="avatar mx-auto"> </a>
<img src="./imgs/avatar/rosanny.jpg" class="rounded-circle z-depth-1" width="150px"> <!-- Instagram -->
</div> <a class="p-2 fa-lg ins-ic">
<h5 class="font-weight-bold mt-4 mb-3">Rosanny S.</h5> <i class="fab fa-instagram blue-text"> </i>
<p class="text-uppercase blue-text"><strong>Researcher</strong></p> </a>
<p class="grey-text">Profile Description....</p> </ul>
<ul class="list-unstyled mb-0"> </div>
<!-- Facebook --> <!-- Grid column -->
<a class="p-2 fa-lg fb-ic">
<i class="fab fa-facebook-f blue-text"> </i>
</a> <!-- Grid column -->
<!-- Github -->
<a class="p-2 fa-lg ins-ic"> <!-- Grid column -->
<i class="fab fa-github blue-text"> </i> <div class="col-lg-3 col-md-6">
</a> <div class="avatar mx-auto">
</ul> <img src="./imgs/avatar/rosanny.jpg" class="rounded-circle z-depth-1" width="150px">
</div> </div>
<!-- Grid column --> <h5 class="font-weight-bold mt-4 mb-3">Rosanny S.</h5>
<!-- Grid column --> <p class="text-uppercase blue-text"><strong>Researcher</strong></p>
<div class="col-lg-3 col-md-6 mb-md-0 mb-5"> <p class="grey-text">Profile Description....</p>
<div class="avatar mx-auto"> <ul class="list-unstyled mb-0">
<img src="./imgs/avatar/PatrickSquare.jpg" class="rounded-circle z-depth-1" width="150px"> <!-- Facebook -->
</div> <a class="p-2 fa-lg fb-ic">
<h5 class="font-weight-bold mt-4 mb-3">Patrick Wuerstle</h5> <i class="fab fa-facebook-f blue-text"> </i>
<p class="text-uppercase blue-text"><strong>Researcher</strong></p> </a>
<p class="grey-text">Profile Description....</p> <!-- Github -->
<ul class="list-unstyled mb-0"> <a class="p-2 fa-lg ins-ic">
<!-- Facebook --> <i class="fab fa-github blue-text"> </i>
<a class="p-2 fa-lg fb-ic"> </a>
<i class="fab fa-facebook-f blue-text"> </i> </ul>
</a> </div>
<!-- Instagram --> <!-- Grid column -->
<a class="p-2 fa-lg ins-ic"> <!-- Grid column -->
<i class="fab fa-instagram blue-text"> </i> <div class="col-lg-3 col-md-6 mb-md-0 mb-5">
</a> <div class="avatar mx-auto">
<!-- Dribbble --> <img src="./imgs/avatar/PatrickSquare.jpg" class="rounded-circle z-depth-1" width="150px">
<a class="p-2 fa-lg ins-ic">
<i class="fab fa-dribbble blue-text"> </i>
</a>
</ul>
</div> </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 --> </div>
<!-- Grid row -->
</section> </section>
<!-- Section: Team v.1 --> <!-- Section: Team v.1 -->
</div> </div>
</main> </main>
<!-- Section: Team v.1 --> <!-- Section: Team v.1 -->
...@@ -288,7 +395,7 @@ ...@@ -288,7 +395,7 @@
<!-- <script src="./js/jquery.slim.min.js"></script> --> <!-- <script src="./js/jquery.slim.min.js"></script> -->
<script src="./js/popper.min.js"></script> <script src="./js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script> <script src="js/bootstrap.min.js"></script>
</body> </body>
</html> </html>
\ No newline at end of file
public/rgc_website/style.css
View file @ c905db46
...@@ -44,3 +44,7 @@ body { ...@@ -44,3 +44,7 @@ body {
padding-bottom: 10px; 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