diff --git a/.gitlab-ci.yml b/.gitlab-ci.yml
index 91b9c9096e9aee43f409fc755a3de2c7a3c170dc..a608f13973e6148b782a71c33dfc356f8e3188ed 100755
--- 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
diff --git a/confluence.html b/confluence.html
new file mode 100644
index 0000000000000000000000000000000000000000..8dc35c20512e55d30e5bd811b5e158fab27f390b
--- /dev/null
+++ b/confluence.html
@@ -0,0 +1,88 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+ <title>Wissensaustausch</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="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
+</head>
+
+<body>
+ <div>
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12" style="margin-bottom: 40px;"><img class="mx-auto" src="/img/Wissensaustausch.jpg" width="100%"></div>
+ </div>
+ </div>
+ </div>
+ <div>
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12" style="margin-bottom: 30px;">
+ <h4 class="text-center">Das Transferportal bietet eine Möglichkeit für kollaborativen Wissensaustausch an. Dieses Angebot richtet sich insbesondere an Kollaborationsprojekte zwischen der HfT und externen Partnern.</h4>
+ </div>
+ </div>
+ </div>
+ </div>
+
+
+ <div>
+ <div id="Confluence Text" style="background-color: #dadada;margin-top: 40px;">
+ <div class="container">
+ <div class="row" style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;">
+ <div class="col-lg-12" style="background-color: #feffff;">
+ <h2 class="d-flex flex-column flex-shrink-1 order-1 justify-content-lg-start text-center" style="padding-top: 15px;color: #708090;"><strong>Confluence</strong></h2>
+ </div>
+ <div class="col-auto col-md-4 col-lg-6 flex-row flex-grow-1 flex-fill order-1" style="background-color: #ffffff;">
+ <p>Confluence ist ein Wiki-System der Firma Atlassian, welches an der Hochschule für Technik zum Einsatz kommt.</p>
+ <p>Über das Transferportal bieten wir eine Instanz an, auf der Projekte Bereiche anlegen können, über die sie Informationen und Wissen innerhalb des Projektes vernetzen können.</p>
+ </div>
+ <div class="col-auto col-md-4 col-lg-6 text-center flex-row flex-grow-1 flex-fill justify-content-between flex-wrap order-2" style="background-color: #ffffff;">
+ <div class="justify-content-between order-2" style="background-color: rgba(255,255,255,0);">
+ <p class="text-left d-flex d-md-flex flex-row flex-grow-1 flex-shrink-1 flex-fill justify-content-between align-items-start align-content-start align-self-start flex-wrap order-1 justify-content-md-left align-items-md-start justify-content-lg-start">
+ Wichtige Features umfassen dabei:
+ <ul class="text-left">
+ <li>kollaboratives Bearbeiten von Seiten </li>
+ <li>Anlegen von öffentlichen und geschützten Bereichen und Seiten</li>
+ <li>Team-Kalenderplugin zur besseren zeitlichen Vernetzung </li>
+ <li>Vernetzung mit unserem Werkzeug zum <a href="/jira.html">Aufgabenmanagement</a>
+ </ul>
+ </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/confluence/"><strong>Zugang über das Transferportal</strong></a></div>
+ </div>
+ </div>
+ </div>
+ <div id="Access_Text" style="background-color: #dadada;margin-top: 0px;">
+ <div class="container">
+ <div class="row" style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;">
+ <div class="col-lg-12" style="background-color: #ffffff;">
+ <h2 class="d-flex flex-column order-1 justify-content-lg-start text-center" style="padding-top: 15px;color: #708090;"><strong>Zugang</strong></h2>
+ </div>
+ <div class="col-md-4 col-lg-6" style="background-color: #ffffff;">
+ <p>Um Zugang zu Confluence zu erhalten, benötigen Sie einen Account am Portal. Dieser muss zunächst noch freigeschalten werden, wenden Sie sich dazu bitte an den Administrator.</p>
+ <p>Um einen Bereich für ein Projekt zu erhalten, wenden Sie sich bitte ebenfalls an den Administrator, der mit Ihnen dann das weitere Vorgehen abstimmen wird.</p>
+ </div>
+ <div class="col-md-4 col-lg-6 text-center" style="background-color: #ffffff;">
+ <div class="order-2" style="background-color: rgba(255,255,255,0);">
+ <p class="text-left d-flex d-md-flex flex-row flex-grow-1 flex-shrink-1 flex-fill justify-content-between align-items-start align-content-start align-self-start flex-wrap order-1 justify-content-md-center align-items-md-start justify-content-lg-start">Weitere Hilfe zur Benutzung von Confluence finden sich auf den <a href="https://confluence.atlassian.com/doc/confluence-data-center-and-server-documentation-135922.html">Seiten der Firma Atlassian</a></p>
+
+ </div><a class="btn btn-primary text-center d-lg-flex justify-content-center align-items-center align-content-center align-self-center align-items-lg-end mx-auto" role="button" style="background-color: #E0001B;" href="mailto:support-transfer@hft-stuttgart.de"><strong>Zugang über Admin anfragen</strong></a></div>
+ </div>
+ </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>
diff --git a/img/Aufgabenmanagement.png b/img/Aufgabenmanagement.png
new file mode 100644
index 0000000000000000000000000000000000000000..402be1adbcc6a765e12a211c0d2e31203959cbbc
Binary files /dev/null and b/img/Aufgabenmanagement.png differ
diff --git a/img/ProjektcodeDaten.png b/img/ProjektcodeDaten.png
new file mode 100644
index 0000000000000000000000000000000000000000..492144172a1b9af76085c17ff5c2e975dd439f8a
Binary files /dev/null and b/img/ProjektcodeDaten.png differ
diff --git a/img/Projektinformationen.png b/img/Projektinformationen.png
new file mode 100644
index 0000000000000000000000000000000000000000..884a0cc4c4397fb2b2cfdc2ff6dda581071a1ee3
Binary files /dev/null and b/img/Projektinformationen.png differ
diff --git a/img/Wissensaustausch.jpg b/img/Wissensaustausch.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..2d00f7c420ca1e46b8f9f1f0f1c68f02e09e7122
Binary files /dev/null and b/img/Wissensaustausch.jpg differ
diff --git a/img/partizipation/3DModel.JPG b/img/partizipation/3DModel.JPG
new file mode 100644
index 0000000000000000000000000000000000000000..224c1af5c21e3dde94a21d21ab40b1b340e8240f
Binary files /dev/null and b/img/partizipation/3DModel.JPG differ
diff --git a/img/partizipation/InfoScreen.JPG b/img/partizipation/InfoScreen.JPG
new file mode 100644
index 0000000000000000000000000000000000000000..63d87d5122f0f9096fdece3fafe2ab8cafb349b5
Binary files /dev/null and b/img/partizipation/InfoScreen.JPG differ
diff --git a/img/partizipation/Marker.JPG b/img/partizipation/Marker.JPG
new file mode 100644
index 0000000000000000000000000000000000000000..90eea6559ddf74bf717184c217220c81cdea9a43
Binary files /dev/null and b/img/partizipation/Marker.JPG differ
diff --git a/img/partizipation/Simulation.JPG b/img/partizipation/Simulation.JPG
new file mode 100644
index 0000000000000000000000000000000000000000..70bff10ef9f58c072649ba15d43451cc1b7f00a8
Binary files /dev/null and b/img/partizipation/Simulation.JPG differ
diff --git a/info_partizipation.html b/info_partizipation.html
new file mode 100644
index 0000000000000000000000000000000000000000..f8c1251fb14f8eccf8378393e76912471dcb3f6b
--- /dev/null
+++ b/info_partizipation.html
@@ -0,0 +1,189 @@
+<!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>
diff --git a/jira.html b/jira.html
new file mode 100644
index 0000000000000000000000000000000000000000..5305eb6a5987a26d024e1ed071cbcaa007228de1
--- /dev/null
+++ b/jira.html
@@ -0,0 +1,89 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+ <title>Aufgabenmanagement</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="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
+</head>
+
+<body>
+ <div>
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12" style="margin-bottom: 40px;"><img class="mx-auto" src="/img/Aufgabenmanagement.png" width="100%"></div>
+ </div>
+ </div>
+ </div>
+ <div>
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12" style="margin-bottom: 30px;">
+ <h4 class="text-center">Das Transferportal bietet eine Möglichkeit zum Aufgabenmanagement innerhalb eines Projektes an. Dieses Angebot richtet sich insbesondere an Kollaborationsprojekte zwischen der HfT und externen Partnern.
+ </h4>
+ </div>
+ </div>
+ </div>
+ </div>
+
+
+ <div>
+ <div id="Jira Text" style="background-color: #dadada;margin-top: 40px;">
+ <div class="container">
+ <div class="row" style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;">
+ <div class="col-lg-12" style="background-color: #feffff;">
+ <h2 class="d-flex flex-column flex-shrink-1 order-1 justify-content-lg-start text-center" style="padding-top: 15px;color: #708090;"><strong>Jira</strong></h2>
+ </div>
+ <div class="col-auto col-md-4 col-lg-6 flex-row flex-grow-1 flex-fill order-1" style="background-color: #ffffff;">
+ <p>Jira ist ein System der Firma Atlassian zum operativen Projektmanagement. Es bietet vielfältige Möglichkeiten des Aufgaben-, Prozess- und Anforderungsmanagements.</p>
+ <p>Über das Transferportal bieten wir eine Instanz für Projekte an, die darüber ihre Prozesse und Workflows steuern und abwickeln können.</p>
+ </div>
+ <div class="col-auto col-md-4 col-lg-6 text-center flex-row flex-grow-1 flex-fill justify-content-between flex-wrap order-2" style="background-color: #ffffff;">
+ <div class="justify-content-between order-2" style="background-color: rgba(255,255,255,0);">
+ <p class="text-left d-flex d-md-flex flex-row flex-grow-1 flex-shrink-1 flex-fill justify-content-between align-items-start align-content-start align-self-start flex-wrap order-1 justify-content-md-left align-items-md-start justify-content-lg-start">
+ Wichtige Features umfassen dabei:
+ <ul class="text-left">
+ <li>flexible Workflow-Gestaltung </li>
+ <li>Ticketsystem zum flexiblen Aufgabenmanagement</li>
+ <li>Umfangreiche Kooperations- und Vernetzungsmöglichkeiten</li>
+ <li>Vernetzung mit unserem Werkzeug zum <a href="/confluence.html">Wissensaustausch</a>
+ </ul>
+ </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/jira/"><strong>Zugang über das Transferportal</strong></a></div>
+ </div>
+ </div>
+ </div>
+ <div id="Access_Text" style="background-color: #dadada;margin-top: 0px;">
+ <div class="container">
+ <div class="row" style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;">
+ <div class="col-lg-12" style="background-color: #ffffff;">
+ <h2 class="d-flex flex-column order-1 justify-content-lg-start text-center" style="padding-top: 15px;color: #708090;"><strong>Zugang</strong></h2>
+ </div>
+ <div class="col-md-4 col-lg-6" style="background-color: #ffffff;">
+ <p>Um Zugang zu Jira zu erhalten, benötigen Sie einen Account am Portal. Dieser muss zunächst noch freigeschalten werden, wenden Sie sich dazu bitte an den Administrator.</p>
+ <p>Um ein Projekt in der Instanz zu platzieren, wenden Sie sich bitte ebenfalls an den Administrator, der mit Ihnen dann das weitere Vorgehen abstimmen wird.</p>
+ </div>
+ <div class="col-md-4 col-lg-6 text-center" style="background-color: #ffffff;">
+ <div class="order-2" style="background-color: rgba(255,255,255,0);">
+ <p class="text-left d-flex d-md-flex flex-row flex-grow-1 flex-shrink-1 flex-fill justify-content-between align-items-start align-content-start align-self-start flex-wrap order-1 justify-content-md-center align-items-md-start justify-content-lg-start">Weitere Hilfe zur Benutzung von Jira finden sich auf den <a href="https://confluence.atlassian.com/jira">Seiten der Firma Atlassian</a></p>
+
+ </div><a class="btn btn-primary text-center d-lg-flex justify-content-center align-items-center align-content-center align-self-center align-items-lg-end mx-auto" role="button" style="background-color: #E0001B;" href="mailto:support-transfer@hft-stuttgart.de"><strong>Zugang über Admin anfragen</strong></a></div>
+ </div>
+ </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>
diff --git a/js/headfoot.js b/js/headfoot.js
index 90337f687bae9566b17c9bf09ec52c31d9476267..53198a2e954de2850f4d394aec7c767c1ef52cf6 100755
--- a/js/headfoot.js
+++ b/js/headfoot.js
@@ -1,4 +1,4 @@
-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':'Projektinformationen', 'link':'/projektinformationen'},{'name':'Projektcode und -daten', 'link':'/projektdaten'}, {'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':'Wissensaustausch', 'link':'/confluence.html'},{'name':'Aufgabenmanagement', 'link':'/jira.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'}]