diff --git a/public/css/main.css b/public/css/main.css index 3212e7dfa44b282881006cb4e7edea680cfdbe9e..4bbc663837a17f93d1c39b603d05de1b54b2b411 100644 --- a/public/css/main.css +++ b/public/css/main.css @@ -53,7 +53,7 @@ body{ a { - color: #ff6464; + color: #2196f3; /* text-decoration: underline; */ background-color: transparent; } diff --git a/public/index.html b/public/index.html index bf500a85bc8813d92d0a6d55394c6cb1d3f10272..0b51e1ddea63cc052088c5b55f87ac26a6d29d78 100644 --- a/public/index.html +++ b/public/index.html @@ -84,8 +84,8 @@ <div class="container"> <img src="imgs/database.svg" class="windSVG" width="100px" alt="wind"> <h1> <b>Urban Geoinformatics 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 + here ....</p> --> <p id="rgc_introduction2">The research projects at HFT Stuttgart (University of Applied Sciences Stuttgart).</p> </div> </section> @@ -282,19 +282,20 @@ </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> + <a href="https://www.hft-stuttgart.de/p/volker-coors" target="_blank"> + <button class="btn btn-primary btn-sm">See full profile</button> + </a> + <p class="grey-text">Research topic: Smart Cities | OGC Standards | Sensors & IoT | 3D City Models | 3D Web Visualization | 3D Simulation | Big Data</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 class="p-2 fa-lg" href="#" target="_blank"> + <i class="fab fa-researchgate"></i> </a> - <!-- Twitter --> - <a class="p-2 fa-lg tw-ic"> - <i class="fab fa-twitter blue-text"> </i> + <a class="p-2 fa-lg" href="#" target="_blank"> + <i class="fab fa-google"></i> </a> - <!-- Instagram --> - <a class="p-2 fa-lg ins-ic"> - <i class="fab fa-instagram blue-text"> </i> + <a class="p-2 fa-lg" href="#" target="_blank"> + <i class="fab fa-linkedin"></i> </a> </ul> </div> @@ -307,15 +308,20 @@ </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> + <a href="https://www.hft-stuttgart.de/p/thunyathep-santhanavanich" target="_blank"> + <button class="btn btn-primary btn-sm">See full profile</button> + </a> + <p class="grey-text">Research topic: Smart Cities | OGC Standards | Sensors & IoT | 3D City Models | 3D Web Visualization | 3D Simulation | Big Data</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 class="p-2 fa-lg" href="https://www.researchgate.net/profile/Thunyathep-Santhanavanich" target="_blank"> + <i class="fab fa-researchgate"></i> + </a> + <a class="p-2 fa-lg" href="https://scholar.google.com/citations?user=RKNY04EAAAAJ&hl=en" target="_blank"> + <i class="fab fa-google"></i> </a> - <!-- Instagram --> - <a class="p-2 fa-lg ins-ic"> - <i class="fab fa-instagram blue-text"> </i> + <a class="p-2 fa-lg" href="https://www.linkedin.com/in/thunyatheps/" target="_blank"> + <i class="fab fa-linkedin"></i> </a> </ul> </div> @@ -331,15 +337,20 @@ </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> + <a href="https://www.hft-stuttgart.de/p/rosanny-sihombing" target="_blank"> + <button class="btn btn-primary btn-sm">See full profile</button> + </a> + <p class="grey-text">Research topic: Smart Cities | 3D City Models | 3D Web Visualization | AR/VR</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 class="p-2 fa-lg" href="#" target="_blank"> + <i class="fab fa-researchgate"></i> + </a> + <a class="p-2 fa-lg" href="#" target="_blank"> + <i class="fab fa-google"></i> </a> - <!-- Github --> - <a class="p-2 fa-lg ins-ic"> - <i class="fab fa-github blue-text"> </i> + <a class="p-2 fa-lg" href="#" target="_blank"> + <i class="fab fa-linkedin"></i> </a> </ul> </div> @@ -351,19 +362,20 @@ </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> + <a href="https://www.hft-stuttgart.de/p/patrick-wuerstle" target="_blank"> + <button class="btn btn-primary btn-sm">See full profile</button> + </a> + <p class="grey-text">Research topic: Smart Cities | OGC Standards | Participation Platform | 3D City Models | 3D Web Visualization | 3D Simulation | Big Data </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 class="p-2 fa-lg" href="#" target="_blank"> + <i class="fab fa-researchgate"></i> </a> - <!-- Instagram --> - <a class="p-2 fa-lg ins-ic"> - <i class="fab fa-instagram blue-text"> </i> + <a class="p-2 fa-lg" href="#" target="_blank"> + <i class="fab fa-google"></i> </a> - <!-- Dribbble --> - <a class="p-2 fa-lg ins-ic"> - <i class="fab fa-dribbble blue-text"> </i> + <a class="p-2 fa-lg" href="#" target="_blank"> + <i class="fab fa-linkedin"></i> </a> </ul> </div> diff --git a/public/js/language.js b/public/js/language.js index ee990c2cf4f5d616358c5a06f659cbd1d67d43b0..52f90c6cd970a568e212f0fdd9de762c6db94ab2 100644 --- a/public/js/language.js +++ b/public/js/language.js @@ -38,7 +38,7 @@ function language(lang){ rgc_about.innerHTML = "About" rgc_group.innerHTML = "Details about our group to be inserted here... " rgc_contact.innerHTML = "Contact" - rgc_introduction.innerHTML =" (or Vote for new group name) <br>A research group introduction here ...." + // rgc_introduction.innerHTML =" (or Vote for new group name) <br>A research group introduction here ...." rgc_introduction2.innerHTML = "The research projects at HFT Stuttgart (University of Applied Sciences Stuttgart)." rgc_application.innerHTML = "<i class='fas fa-laptop-code'></i> Our Applications" rgc_applicationdesc.innerHTML = "Research Short Introduction ...." @@ -51,7 +51,7 @@ function language(lang){ rgc_about.innerHTML = "About" rgc_group.innerHTML = "Details über unsere Gruppe... " rgc_contact.innerHTML = "Kontakt" - rgc_introduction.innerHTML =" (oder Stimme für einen Gruppennamen) <br>Eine Vorstellung der Forschungsgruppe folgt hier ...." + // rgc_introduction.innerHTML =" (oder Stimme für einen Gruppennamen) <br>Eine Vorstellung der Forschungsgruppe folgt hier ...." rgc_introduction2.innerHTML = "Die Forschungsprojekte an der HFT Stuttgart (Hochschule für Technik Stuttgart)." rgc_application.innerHTML = "<i class='fas fa-laptop-code'></i> Unsere Anwendungen" rgc_applicationdesc.innerHTML = "Forschung Kurzvorstellung ...."