An error occurred while loading the file. Please try again.
index.html 25.13 KiB
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="description" content="">
  <title>FGDI Website</title> <!---  FGDI TODO: website name to change-->
  <meta charset="utf-8">
  <meta name="generator" content="GitLab Pages">
  <link rel="stylesheet" href="./css/bootstrap.min.css">
  <!-- <link rel="stylesheet" href="./css/theme.min.css"> -->
  <link href="css/custom.css" rel="stylesheet">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.15.3/xlsx.full.min.js"></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="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP&family=Roboto:wght@700&display=swap" rel="stylesheet">
  <link href="css/main.css" rel="stylesheet">
</head>
<body id="document-body">
   <header>
    <div class="collapse navbar-light fixed-top" id="navbarHeader">
      <div class="container">
        <div class="row">
          <div class="col-sm-8 col-md-7 py-4">
            <h4 id="rgc_about" class="text-white">About</h4>
            <p id="rgc_group" class="text-white">Details about our group to be inserted here... </p>
          </div>
          <div class="col-sm-4 offset-md-1 py-4">
            <h4 id="rgc_contact" 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:myriam.guedey[at]hft-stuttgart.de">Email me</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <div class="navbar navbar-light shadow-sm" style="background-color: #ffffff;">
      <div class="container d-flex justify-content-between">
        <img src="imgs/hft.jpg" class="hftlogo" width="100px" >
        <select id="selectpicker1" class="selectpicker" data-img-src="imgs/flags/226-united-states.png"
          style="background-color: #ffffff; 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>
      </div>
    </div>
  </header>
  <main role="main">
    <section class="jumbotron text-center hftBackground">
      <div class="container">
        <img src="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg" class="windSVG" width="100px" alt="wind"> <!---  FGDI TODO: to change-->
        <h1 class="display-5 fw-bold" >Research Group Digitalisation and Information Management</h1> <!---  FGDI TODO: to change-->
        <h3 style="color:#cc3125"> @HFT Stuttgart </h3>
      </div>
    </section>
    <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></h2> </div> <p id="rgc_applicationdesc" class="grey-text w-responsive mx-auto mb-5" style="margin-bottom: 0.5em !important;"></p> </div> <!-- Searchbar --> <div class="container" style="height:70px;"> <div class="search-wrapper w-responsive mx-auto mb-5"> <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> <!-- start --> <!-- end --> <!-- <br> --> <div class="container"> <div id="row_main" class="row"> </div> </div> </div> <!-- Zeile 3 mit Album --> </div> <hr> <div class="container"> <div> <h2 id="rgc_publication"><i class="fas fa-book"></i> Publications</h2></div> <p id="rgc_publicationdesc" class="grey-text w-responsive mx-auto mb-5" style="margin-bottom: 0.5em !important;"> </p> </div> <div class="container" style="height:70px;"> <div class="search-wrapper"> <div class="input-holder"> <input type="text" id="search-input_paper" class="search-input" placeholder="Type to search" /> <button id="search-button_paper" class="search-icon" onclick="searchToggle_paper(this, event);"><span></span></button> </div> <span class="close" onclick="searchToggle_paper(this, event);"></span> </div> </div> <div class="container" style="height:70px;"> <!--<p>Filter:</p>--> <button class="btn" style="background-color: gray;" id="filterall" onclick="filter('All')">All</button> <button class="btn" style="background-color: lightgray;" id="filter2023" onclick="filter(2023)">2023</button> <button class="btn" style="background-color: lightgray;" id="filter2022" onclick="filter(2022)">2022</button> <button class="btn" style="background-color: lightgray;" id="filter2021" onclick="filter(2021)">2021</button> <button class="btn" style="background-color: lightgray;" id="filter2020" onclick="filter(2020)">2020</button> <button class="btn" style="background-color: lightgray;" id="filter2019" onclick="filter(2019)">2019</button> <!-- <button class="btn" style="background-color: lightgray;" id="filter2018" onclick="filter(2018)">2018</button> --> </div> <div class="container" id="cont_paper"> </div> <div id="nextblock" class="container" style="margin-top:1em;"><p id="papercount">1 - 6 (45)</p> <button onclick="pagecountback()" id="previousbutton" class="previous" type="button" disabled>&laquo; Previous</button> <!-- <a onclick="pagecountback()" id="previousbutton" class="previous"> Previous</a> -->
<button onclick="pagecount()" id="nextbutton" class="next" type="button">Next &raquo;</button></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" id="team-section"> <!--row 1 --> <div class="col-lg-3 col-md-6 mb-lg-0 mb-5"> <!-- Insert Dieter's details here --> <div class="avatar mx-auto"> <img src="./imgs/avatar/DieterUckelmann.png" class="rounded-circle z-depth-1" width="150px"> </div> <h5 class="font-weight-bold mt-4 mb-3">Prof. Dr. Dieter Uckelmann</h5> <p class="text-uppercase blue-text"><strong>Research Group Leader</strong></p> <a href="https://www.hft-stuttgart.de/p/dieter-uckelmann" target="_blank"> <button class="btn btn-primary btn-sm profile">See full profile</button> </a> <p class="grey-text">Research topics: Smart Cities | Sensors & IoT | Industrie 4.0 | Lab-based Education | Digitalisation | Smart Buildings | RFID | RTLS | BM | AI</p> <ul class="list-unstyled mb-0"> <a class="p-2 fa-lg" href="https://www.researchgate.net/profile/Dieter-Uckelmann" target="_blank"> <i class="fab fa-researchgate"></i> </a> <a class="p-2 fa-lg" href="https://de.linkedin.com/in/dieter-uckelmann" target="_blank"> <i class="fab fa-linkedin"></i> </a> </ul> </div> <!-- Sunita --> <div class="col-lg-3 col-md-6 mb-lg-0 mb-5"> <!-- Insert Max's details here --> <div class="avatar mx-auto"> <img src="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg" class="rounded-circle z-depth-1" width="150px"> </div> <h5 class="font-weight-bold mt-4 mb-3">Dr. Sunita Hirsch</h5> <p class="text-uppercase blue-text"><strong>Academic staff member</strong></p> <a href="https://www.hft-stuttgart.de/p/sunita-hirsch" target="_blank"> <button class="btn btn-primary btn-sm profile">See full profile</button> </a> </div> <!-- Tatyana --> <div class="col-lg-3 col-md-6 mb-lg-0 mb-5"> <!-- Insert Max's details here --> <div class="avatar mx-auto"> <img src="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg" class="rounded-circle z-depth-1" width="150px"> </div> <h5 class="font-weight-bold mt-4 mb-3">Dr. Tatyana Podgayetskaya</h5> <p class="text-uppercase blue-text"><strong>Academic staff member</strong></p> <a href="https://www.hft-stuttgart.de/p/tatyana-podgayetskaya" target="_blank"> <button class="btn btn-primary btn-sm profile">See full profile</button> </a> </div> <!-- Sergej Pidan --> <div class="col-lg-3 col-md-6 mb-lg-0 mb-5"> <div class="avatar mx-auto"> <img src="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg" class="rounded-circle z-depth-1" width="150px"> </div> <h5 class="font-weight-bold mt-4 mb-3">Dr.-Ing. Sergej Pidan</h5> <p class="text-uppercase blue-text"><strong> Managing director research thrust 2</strong></p>
<a href="https://www.hft-stuttgart.de/p/sergej-pidan" target="_blank"> <button class="btn btn-primary btn-sm profile">See full profile</button> </a> <p class="grey-text">Expert for: Aerospace Engineering| Plant Engineering| CAD / FEM| Project Management</p> <!--<ul class="list-unstyled mb-0"> <a class="p-2 fa-lg" href="https://www.linkedin.com/in/dr-sarah-larsen-vefring-09889b61" target="_blank"> <i class="fab fa-linkedin"></i> </a> </ul> --> </div> </div> <!-- Row 2 --> <div class="row" id="team-section"> <!-- Robert --> <div class="col-lg-3 col-md-6 mb-lg-0 mb-5"> <div class="avatar mx-auto"> <img src="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg" class="rounded-circle z-depth-1" width="150px"> </div> <h5 class="font-weight-bold mt-4 mb-3">Robert Otto</h5> <p class="text-uppercase blue-text"><strong>Researcher</strong></p> <a href="https://www.hft-stuttgart.de/p/robert-otto" target="_blank"> <button class="btn btn-primary btn-sm profile">See full profile</button> </a> <p class="grey-text">Research topics: Sustainable Energy Systems | Simulation | Sensors & IoT | Smart Buildings | Data Science | Machine Learning</p> <ul class="list-unstyled mb-0"> <a class="p-2 fa-lg" href="https://www.researchgate.net/profile/Robert-Otto-6" target="_blank"> <i class="fab fa-researchgate"></i> </a> <a class="p-2 fa-lg" href="https://de.linkedin.com/in/robert-otto-203373277" target="_blank"> <i class="fab fa-linkedin"></i> </a> </ul> </div> <!-- Salam --> <div class="col-lg-3 col-md-6 mb-lg-0 mb-5"> <!-- Insert Salam's details here --> <div class="avatar mx-auto"> <img src="./imgs/avatar/Salam.png" class="rounded-circle z-depth-1" width="150px"> </div> <h5 class="font-weight-bold mt-4 mb-3">Dr. Salam Traboulsi</h5> <p class="text-uppercase blue-text"><strong>Researcher</strong></p> <a href="https://www.hft-stuttgart.de/p/salam-traboulsi" target="_blank"> <button class="btn btn-primary btn-sm profile">See full profile</button> </a> <p class="grey-text">Research topics: Smart Cities | IoT | AI | AR</p> <ul class="list-unstyled mb-0"> <a class="p-2 fa-lg" href="https://www.researchgate.net/profile/Salam-Traboulsi" target="_blank"> <i class="fab fa-researchgate"></i> </a> </ul> </div> <!-- Muddsair --> <div class="col-lg-3 col-md-6 mb-lg-0 mb-5"> <!-- Insert Muddsair's details here --> <div class="avatar mx-auto"> <img src="https://www.hft-stuttgart.de/fileadmin/Dateien/Profilbilder/_processed_/d/2/csm_Screenshot_2020-08-31_at_10.20.20_fd173e3d66.png" class="rounded-circle z-depth-1" width="150px"> </div> <h5 class="font-weight-bold mt-4 mb-3">Muddsair Sharif</h5> <p class="text-uppercase blue-text"><strong>Researcher</strong></p> <a href="https://www.hft-stuttgart.de/p/muddsair-sharif" target="_blank"> <button class="btn btn-primary btn-sm profile">See full profile</button> </a> <p class="grey-text">Research topics: IoT | Machine Learning | High Performance Computing | Context-Aware Resource Optimisations</p>
<ul class="list-unstyled mb-0"> <a class="p-2 fa-lg" href="https://www.researchgate.net/profile/Muddsair-Sharif" target="_blank"> <i class="fab fa-researchgate"></i> </a> <a class="p-2 fa-lg" href="https://de.linkedin.com/in/muddsairsharif" target="_blank"> <i class="fab fa-linkedin"></i> </a> </ul> </div> <!-- Anne --> <div class="col-lg-3 col-md-6 mb-lg-0 mb-5"> <!-- Insert Anne's details here --> <div class="avatar mx-auto"> <img src="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg" class="rounded-circle z-depth-1" width="150px"> </div> <h5 class="font-weight-bold mt-4 mb-3">Annegret Höpner</h5> <p class="text-uppercase blue-text"><strong>Academic staff member</strong></p> <a href="https://www.hft-stuttgart.de/p/annegret-hoepner" target="_blank"> <button class="btn btn-primary btn-sm profile">See full profile</button> </a> </div> </div> <!-- Row 3 --> <div class="row" id="team-section"> <!-- Sergej Kreber--> <div class="col-lg-3 col-md-6 mb-lg-0 mb-5"> <div class="avatar mx-auto"> <img src="./imgs/avatar/sergej.png" class="rounded-circle z-depth-1" width="150px"> </div> <h5 class="font-weight-bold mt-4 mb-3">Sergej Kreber</h5> <p class="text-uppercase blue-text"><strong>Researcher</strong></p> <a href="https://www.hft-stuttgart.de/p/sergej-kreber" target="_blank"> <button class="btn btn-primary btn-sm profile">See full profile</button> </a> <p class="grey-text">Research topics: Smart Cities | Sensors & IoT | Smart Buildings</p> <ul class="list-unstyled mb-0"> </ul> </div> <!-- Andreas --> <div class="col-lg-3 col-md-6 mb-lg-0 mb-5"> <div class="avatar mx-auto"> <img src="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg" class="rounded-circle z-depth-1" width="150px"> </div> <h5 class="font-weight-bold mt-4 mb-3">Andreas Trinkle</h5> <p class="text-uppercase blue-text"><strong>Researcher</strong></p> <a href="https://www.hft-stuttgart.de/p/andreas-trinkle" target="_blank"> <button class="btn btn-primary btn-sm profile">See full profile</button> </a> <p class="grey-text">Research topics: Smart Buildings | Energy Efficieny | Energy Management </p> <ul class="list-unstyled mb-0"> </ul> </div> <!-- Tim --> <div class="col-lg-3 col-md-6 mb-lg-0 mb-5"> <div class="avatar mx-auto"> <img src="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg" class="rounded-circle z-depth-1" width="150px"> </div> <h5 class="font-weight-bold mt-4 mb-3">Tim Herbst</h5> <p class="text-uppercase blue-text"><strong>Software Engineer</strong></p> <a href="https://www.linkedin.com/in/herbst-tim/?originalSubdomain=de" target="_blank"> <button class="btn btn-primary btn-sm profile">See full profile</button>
</a> <ul class="list-unstyled mb-0"> <a class="p-2 fa-lg" href="https://www.linkedin.com/in/herbst-tim/?originalSubdomain=de" target="_blank"> <i class="fab fa-linkedin"></i> </a> <a class="p-2 fa-lg" href="https://www.xing.com/profile/Tim_Herbst14" target="_blank"> <i class="fab fa-xing"></i> </a> </ul> </div> <!-- Niko --> <div class="col-lg-3 col-md-6 mb-lg-0 mb-5"> <div class="avatar mx-auto"> <img src="./imgs/avatar/Jochim.png" class="rounded-circle z-depth-1" width="150px" height="150px" border-radius="50%"> </div> <h5 class="font-weight-bold mt-4 mb-3">Niko Jochim</h5> <p class="text-uppercase blue-text"><strong>Academic staff member</strong></p> <a href="https://www.hft-stuttgart.de/p/niko-jochim" target="_blank"> <button class="btn btn-primary btn-sm profile">See full profile</button> </a> </div> </div> <!-- Row 4 --> <div class="row" id="team-section"> <!-- Insert Detlef's details here --> <div class="col-lg-3 col-md-6 mb-lg-0 mb-5"> <div class="avatar mx-auto"> <img src="https://www.hft-stuttgart.de/fileadmin/Dateien/Profilbilder/_processed_/2/6/csm_webseite_64f11b123d.jpg" class="rounded-circle z-depth-1" width="150px"> </div> <h5 class="font-weight-bold mt-4 mb-3">Prof. Dr.-Ing. Detlef Pape</h5> <p class="text-uppercase blue-text"><strong>Research Group Leader</strong></p> <a href="https://www.hft-stuttgart.de/p/detlef-pape" target="_blank"> <button class="btn btn-primary btn-sm profile">See full profile</button> </a> <p class="grey-text">Research topics: Automation | Industrial Measurement Technologies</p> </div> <!-- Max --> <div class="col-lg-3 col-md-6 mb-lg-0 mb-5"> <!-- Insert Max's details here --> <div class="avatar mx-auto"> <img src="https://www.hft-stuttgart.com/fileadmin/Dateien/Profilbilder/_processed_/e/4/csm_Max__1__97d282f1ca.jpg" class="rounded-circle z-depth-1" width="150px"> </div> <h5 class="font-weight-bold mt-4 mb-3">Max Faber</h5> <p class="text-uppercase blue-text"><strong>Academic staff member</strong></p> <a href="https://www.hft-stuttgart.de/p/max-faber" target="_blank"> <button class="btn btn-primary btn-sm profile">See full profile</button> </a> </div> <!-- Elisabeth --> <div class="col-lg-3 col-md-6 mb-lg-0 mb-5"> <div class="avatar mx-auto"> <img src="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svgg" class="rounded-circle z-depth-1" width="150px"> </div> <h5 class="font-weight-bold mt-4 mb-3">Elisabeth Kraxner</h5> <p class="text-uppercase blue-text"><strong>Academic staff member</strong></p> <a href="https://www.hft-stuttgart.de/p/elisabeth-kraxner" target="_blank"> <button class="btn btn-primary btn-sm profile">See full profile</button> </a> </div>
<!-- Ola --> <div class="col-lg-3 col-md-6 mb-lg-0 mb-5"> <div class="avatar mx-auto"> <img src="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg" class="rounded-circle z-depth-1" width="150px"> </div> <h5 class="font-weight-bold mt-4 mb-3">Ola Al Asas</h5> <p class="text-uppercase blue-text"><strong>Technical staff</strong></p> <a href="https://www.hft-stuttgart.de/p/ola-al-asas" target="_blank"> <button class="btn btn-primary btn-sm profile">See full profile</button> </a> </div> </div> </section> <!-- Section: Team v.1 --> </div> </main> <!-- Section: Team v.1 --> <footer class="text-white"> <div class="container"> <p class="float-right"> <a id="rgc_backtotop" href="#">Back to top</a> </p> <p> <img src="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg" alt="" width="32px"> <!--- FGDI TODO: to change ugl --> Research group Digital Transformation and Information Management @HFT Stuttgart, <span id="current-year"></span>.</p> <!--- FGDI TODO: to change the name of the group or to find another abbreviation--> <a href="https://www.hft-stuttgart.de/impressum" target="_blank">Impressum</a> <a href="https://www.hft-stuttgart.de/datenschutz" target="_blank">Datenschutz</a> </div> </footer> <!-- Test --> <!-- /////////////////////////////////////// --> <!-- Language selector --> <!-- full jquery needed --> <!-- <script src="js/vendor/bootstrap/dist/js/bootstrap.bundle.min.js"></script> <script src="js/vendor/simplebar/dist/simplebar.min.js"></script> <script src="js/vendor/smooth-scroll/dist/smooth-scroll.polyfills.min.js"></script> <script src="js/vendor/parallax-js/dist/parallax.min.js"></script> --> <!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> --> <script src="js/jquery-3.1.1.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.2/js/bootstrap-select.min.js"></script> <script src="./js/popper.min.js"></script> <script src="js/bootstrap.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/config.js"></script> <script src="js/language.js"></script> <script src="js/add_content.js"></script> <script src="js/add_paper.js"></script> <!-- search library --> <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> <script src="js/paper_nextpage.js"></script> <script src="js/citationSheetParse.js"></script> <script src="js/paperfilter.js"></script> <!-- language selection script --> <script> var lang_setting = "1"; </script>
<script> $('.selectpicker').change(function(){ lang_setting = $(this).val(); language(lang_setting); }); </script> </body> </html>