Merge branch 'testing' into 'prepare_prod'

Testing See merge request !62

Merge branch 'testing' into 'prepare_prod'
Testing See merge request !62
2d7a6824 · Wolfgang Knopki · eff4d145 · 40858c16 · 2d7a6824 · 2d7a6824
Commit 2d7a6824 authored 4 years ago by Wolfgang Knopki
Hide whitespace changes
Inline Side-by-side

Showing

with 192 additions and 2 deletions
+192 -2
--- a/.gitlab-ci.yml
+++ b/.gitlab-ci.yml
@@ -4,6 +4,7 @@
 variables:
  JAVA_HOME: "/opt/jdk-12"
  EXPORT_PAGES_DIR: "/var/www/html/"
+  EXPORT_PAGES_DIR_TEST: "/data/www/html/"

 pages-master:    
  stage: deploy
@@ -42,7 +43,7 @@ pages-devel:
    - cp -r fonts .public
    - cp *.html .public
    - mv .public public
-    - cp -r public/* "$EXPORT_PAGES_DIR"
+    - cp -r public/* "$EXPORT_PAGES_DIR_TEST"
  artifacts:
    paths:
      - public

--- a/img/partizipation/3DModel.JPG
+++ b/img/partizipation/3DModel.JPG
--- a/img/partizipation/InfoScreen.JPG
+++ b/img/partizipation/InfoScreen.JPG
--- a/img/partizipation/Marker.JPG
+++ b/img/partizipation/Marker.JPG
--- a/img/partizipation/Simulation.JPG
+++ b/img/partizipation/Simulation.JPG
--- a/info_partizipation.html
+++ b/info_partizipation.html
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+    <title>Infos zur Bürgerbeteiligung</title>
+    <link rel="stylesheet" href="/css/bootstrap.min.css">
+    <link rel="stylesheet" href="/css/m4lab.css">
+    <link rel="stylesheet" href="/fonts/font-awesome.min.css">
+    <link rel="stylesheet" href="/fonts/ionicons.min.css">
+    <link rel="stylesheet" href="/css/Testimonials.css">
+    <link rel="stylesheet" href="/css/help.css">
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
+</head>
+
+<body>
+
+    <div style="background-color: #dadada;">
+        
+        <div class="container" style="background-color: #ffffff;margin-bottom: 30px;">
+            <div class="row">
+            </div>
+       </div> 
+        <div id="Gitlab_Text" style="margin-top: 40px;margin-bottom: 30px;">
+            <div class="container" style="background-color: #ffffff;">
+                <div style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;">
+                    <div class="col-lg-12">
+                        <h2 class="d-flex flex-column flex-shrink-1 justify-content-lg-start text-center" style="padding-top: 15px;color: #708090;"><strong>Beteiligungsplattform</strong></h2>
+                    </div>
+                    <div class="col-auto flex-row flex-grow-1 flex-fill" style="background-color: #ffffff;">
+                        <p> Die im M4_Lab entwickelte Beteiligungsplattform soll den Bürgern ermöglichen ihre Meinung in Beteiligungsprozessen einzubringen. Sie befindet sich momentan noch in einem Entwicklungsstadium.
+                        </p>
+                    </div>
+                    <a class="btn btn-primary text-center d-inline-flex d-lg-flex flex-column flex-grow-1 flex-shrink-1 flex-fill justify-content-between align-items-baseline align-content-center align-self-baseline flex-wrap order-3 mb-auto justify-content-md-center align-items-md-end align-items-lg-center justify-content-xl-center mx-auto"
+                            role="button" style="background-color: #E0001B;" href="https://transfer.hft-stuttgart.de/partizipation/#/"><strong>Zugriff auf die Beteiligungsplattform</strong></a>
+                </div>
+            </div>
+        </div>
+        <div id="help_Text" style="margin-top: 10px;margin-bottom: 30px;">
+            <div class="container" style="background-color: #ffffff;">
+                <div style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;">
+                    <div class="col-lg-12">
+                        <h2 class="d-flex flex-column order-1 justify-content-lg-start text-center" style="padding-top: 15px;color: #708090;"><strong>Funktionen der Beteiligungsplattform</strong></h2> 
+                    </div>
+                    <div class="col-auto" style="background-color: #ffffff;">
+                        <div class="help">
+                            <div class="card">
+                                <div class="card-header">
+                                    <h3 class="card-title">
+                                        <a class="collapsed" data-toggle="collapse" href="#collapse1" aria-expanded="false" aria-controls="collapse1">
+                                        <small>3D Modelle</small></a>
+                                    </h3>
+                                </div>
+                                <div id="collapse1" class="card-body collapse" style="">
+                                    <p>
+                                        Ein essentieller Bestandteil der Beteiligungsplattform ist die 3D Umgebung. Diese basiert auf der CesiumJS Javascript Bibliothek. Es werden verschiedene Gebäudemodelle dargestellt, die aus CityGML Modellen in 3D Tiles Modelle konvertiert wurden. Dieses Format ist gut für Webvisualisierungen geeignet.
+                                        Die Gebäudedaten stammen aus verschiedenen Quellen: Das Grundmodell in LoD1 (Level of Detail) wird von der HFT zu Verfügung gestellt, neuere Modelle oder Modelle in einem höheren LoD können ebenfalls integriert werden. 
+                                        Wenn kein Modell vorhanden ist kann ein Modell generiert werden. Ein Beispiel dafür ist das Nordbahnhof Areal welches im Prototyp angesehen werden kann.
+                                    </p>
+                                    <img style="width:100%" src="/img/partizipation/3DModel.JPG" alt="3D Modelle">
+                                </div>
+                            </div>
+                            <br/>
+                            <div class="card">
+                                <div class="card-header">
+                                    <h3 class="card-title">
+                                        <a class="collapsed" data-toggle="collapse" href="#collapse2" aria-expanded="false" aria-controls="collapse2">
+                                            <small>Markers</small></a>
+                                    </h3>
+                                </div>
+                                <div id="collapse2" class="card-body collapse" style="">
+                                    <p>
+                                        Um wichtige Orte für Beteiligungsverfahren zu markieren beinhaltet die Plattform eine Marker Funktion. Damit können bestimmte Icons an bestimmten Lokalitäten in der 3D Umgebung dargestellt werden. Sie beinhalten ebenfalls die Möglichkeit Bilder oder Text in einem Pop-Up Ballon anzuzeigen, welcher aufgerufen wird wenn der Marker geklickt wird.
+                                        Momentan wird daran gearbeitet, dass Nutzer im Rahmen eines Beteiligungsverfahrens neue Marker anlegen können.
+                                    </p>
+                                    <img style="width:100%" src="/img/partizipation/Marker.JPG" alt="3D Modelle">
+                                </div>
+                            </div>
+                            <br/>
+                            <div class="card">
+                                <div class="card-header">
+                                    <h3 class="card-title">
+                                        <a class="collapsed" data-toggle="collapse" href="#collapse3" aria-expanded="false" aria-controls="collapse3">
+                                            <small>Informationen</small></a>
+                                    </h3>
+                                </div>
+                                <div id="collapse3" class="card-body collapse" style="">
+                                    <p>
+                                        Da nicht alle Informationen in einem Pop-Up Ballon untergebracht werden können bietet die Plattform auch einen Extra Bereich für Informationen.
+                                    </p>
+                                    <img style="width:100%" src="/img/partizipation/InfoScreen.JPG" alt="3D Modelle">
+                                </div>
+                            </div>
+                            <br/>
+                            <div class="card">
+                                <div class="card-header">
+                                    <h3 class="card-title">
+                                        <a class="collapsed" data-toggle="collapse" href="#collapse4" aria-expanded="false" aria-controls="collapse4">
+                                            <small>Simulationsergebnisse</small></a>
+                                    </h3>
+                                </div>
+                                <div id="collapse4" class="card-body collapse" style="">
+                                    <p>
+                                       An der Hochschule für Technik Stuttgart wird unabhängig vom M4_Lab Projekt die Simulationssoftware SimStadt entwickelt. SimStadt ermöglicht es aus 3D Modellen (im CityGML Format) und Metadaten zu den Gebäuden, Simulationen zu beispielsweise Wärmeenergiebedarf oder Photovoltaik Potential durchzuführen.
+                                       Diese Ergebnisse können ebenfalls in die Beteiligungsplattform integriert werden und somit eine zusätzliche Ebene an Informationen bieten.
+                                    </p>
+                                    <img style="width:100%" src="/img/partizipation/Simulation.JPG" alt="3D Modelle">
+                                </div>
+                            </div>
+                            <br/>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div id="Projects_Text" style="margin-top: 10px;margin-bottom: 30px;">
+        <div class="container" style="background-color: #ffffff;">
+            <div style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;">
+                <div class="col-lg-12">
+                    <h2 class="d-flex flex-column order-1 justify-content-lg-start text-center" style="padding-top: 15px;color: #708090;"><strong>Projekte auf der Beteiligungsplattform</strong></h2> 
+                </div>
+                <div class="col-auto" style="background-color: #ffffff;">
+                    <div class="help">
+                        <div class="card">
+                            <div class="card-header">
+                                <h3 class="card-title">
+                                    <a class="collapsed" data-toggle="collapse" href="#collapse5" aria-expanded="false" aria-controls="collapse5">
+                                    <small>Weilimdorf (in Arbeit)</small></a>
+                                </h3>
+                            </div>
+                            <div id="collapse5" class="card-body collapse" style="">
+                                <p>
+                                    Das Projekt Weilimdorf ist eine Zusammenarbeit mit der STEG und Stuttgart. Es soll ein Beteiligungsverfahren in Weilimdorf mit der Plattform unterstützt werden.
+                                </p>
+                                
+                            </div>
+                        </div>
+                        <br/>
+                        <div class="card">
+                            <div class="card-header">
+                                <h3 class="card-title">
+                                    <a class="collapsed" data-toggle="collapse" href="#collapse6" aria-expanded="false" aria-controls="collapse6">
+                                    <small>Nordbahnhof (in Arbeit)</small></a>
+                                </h3>
+                            </div>
+                            <div id="collapse6" class="card-body collapse" style="">
+                                <p>
+                                    Das Nordbahnhof Projekt ist ein internes Projekt im Teilvorhaben 3 des M4_Labs. Hier sollen alle vorhandenen Expertisen in einem Gebiet gebündelt angewendet werden.
+                                </p>
+                                
+                            </div>
+                        </div>
+                        <br/>
+                        <div class="card">
+                            <div class="card-header">
+                                <h3 class="card-title">
+                                    <a class="collapsed" data-toggle="collapse" href="#collapse7" aria-expanded="false" aria-controls="collapse7">
+                                        <small>Böckinger Straße</small></a>
+                                </h3>
+                            </div>
+                            <div id="collapse7" class="card-body collapse" style="">
+                                <p>
+                                    In einem Realexperiment werden Konzepte und Ideen in Verknüpfung mit lokalen Akteuren erarbeitet und ausprobiert.
+                                    Der Garten des Imanuel Grözinger Hauses dient dabei als Ausgangspunkt. Drei Teams - Kommunikation, Programm und Bau - führen Interviews, erarbeiten ein Programm und eine bauliche Intervention vor Ort. Den Abschluss bildet ein Aktionstag gemeinsam mit Bewohnern und Nachbarn.
+                                    <br/>Mehr Informationen auf der Beteiligungsplattform.
+                                </p>
+                                </div>
+                        </div>
+                        <br/>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+    <div class="container" style="background-color: #ffffff;margin-bottom: 30px;">
+        <div class="row">
+        </div>
+    </div> 
+</div>
+
+<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
+<!--<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>-->
+<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
+<script src="/js/headfoot.js"></script>
+</body>
+
+</html>
--- a/js/headfoot.js
+++ b/js/headfoot.js
-var menu = [{'name':'Informationen', 'combos':[{'name':'Projekte', 'link':'/project'}, {'name':'Über das M4_LAB', 'link':'/projectoverview?projectID=1'},{'name':'Kontakt', 'link':'/account/contact'}], 'type':'dropdown', 'link':'#'},{'name':'Zusammenarbeit', 'combos':[{'name':'Mailinglisten', 'link':'/mailinglists'},{'name':'Videokonferenzen', 'link':'/videoconference.html'},/* {'name':'...', 'link':'#'}*/], 'type':'dropdown', 'link':'#'},{'name':'Events', 'combos':[{'name':'Veranstaltungen der HfT', 'link':'http://www.hft-stuttgart.de/Aktuell/Veranstaltungen/'},{'name':'Veranstaltungen der HfT Forschung', 'link':'https://www.hft-stuttgart.de/forschung/veranstaltungen'}], 'type':'dropdown', 'link':'#'},{'name':'<i class="fa fa-question-circle" aria-hidden="true"></i>', 'combos': [], 'type':'', 'link':'/help/'},{'name':'<i class="fa fa-user-circle" aria-hidden="true"></i>', 'combos': [], 'type':'', 'link':'/account/'}];
+var menu = [{'name':'Informationen', 'combos':[{'name':'Projekte', 'link':'/project'}, {'name':'Über das M4_LAB', 'link':'/projectoverview?projectID=1'},{'name':'Kontakt', 'link':'/account/contact'}], 'type':'dropdown', 'link':'#'},{'name':'Zusammenarbeit', 'combos':[{'name':'Mailinglisten', 'link':'/mailinglists'},{'name':'Videokonferenzen', 'link':'/videoconference.html'},/* {'name':'...', 'link':'#'}*/], 'type':'dropdown', 'link':'#'},{'name':'Events', 'combos':[{'name':'Veranstaltungen der HfT', 'link':'http://www.hft-stuttgart.de/Aktuell/Veranstaltungen/'},{'name':'Veranstaltungen der HfT Forschung', 'link':'https://www.hft-stuttgart.de/forschung/veranstaltungen'}], 'type':'dropdown', 'link':'#'},{'name':'Bürgerbeteiligung', 'combos':[{'name':'Infos zur Bürgerbeteiligung', 'link':'/info_partizipation.html'},{'name':'Zum M4_Lab Showcase', 'link':'/partizipation/'}], 'type':'dropdown', 'link':'#'},{'name':'<i class="fa fa-question-circle" aria-hidden="true"></i>', 'combos': [], 'type':'', 'link':'/help/'},{'name':'<i class="fa fa-user-circle" aria-hidden="true"></i>', 'combos': [], 'type':'', 'link':'/account/'}];


 var hft_links = [{'url':'/account/contact', 'name':'Kontakt'},{'url':'https://www.hft-stuttgart.de/impressum', 'name':'Impressum'},{'url':'https://www.hft-stuttgart.de/datenschutz', 'name':'Datenschutz'}]