diff --git a/.gitlab-ci.yml b/.gitlab-ci.yml
index f0adc87f53a54f8f73d65dde0c4861d0fbc39f76..91b9c9096e9aee43f409fc755a3de2c7a3c170dc 100755
--- a/.gitlab-ci.yml
+++ b/.gitlab-ci.yml
@@ -14,7 +14,8 @@ pages-master:
- cp -r img .public
- cp -r fonts .public
- cp -r images .public
- - cp -r downloads .public
+ - cp -r downloads .public
+ - cp -r help .public
- cp -r js .public
- cp *.html .public
- mv .public public
@@ -37,6 +38,7 @@ pages-devel:
- cp -r js .public
- cp -r img .public
- cp -r downloads .public
+ - cp -r help .public
- cp -r fonts .public
- cp *.html .public
- mv .public public
diff --git a/css/help.css b/css/help.css
new file mode 100644
index 0000000000000000000000000000000000000000..98736e2474383cc0149015b43c0fab764eb5e586
--- /dev/null
+++ b/css/help.css
@@ -0,0 +1,3 @@
+img{
+ padding-bottom: 20px;
+}
diff --git a/help/gitlab-pages.html b/help/gitlab-pages.html
new file mode 100644
index 0000000000000000000000000000000000000000..61bf863e9b0840b8316b22ec7eaf64eaf187662c
--- /dev/null
+++ b/help/gitlab-pages.html
@@ -0,0 +1,103 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+ <title>Videokonferenzen</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 class="col-md-12">
+ <h4 class="text-center">Das Transferportal bietet die Möglichkeit, über Gitlab-pages eigene Webseiten zu erstellen und zu veröffentlichen:</h4>
+ </div>
+ </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>Gitlab</strong></h2>
+ </div>
+ <div class="col-auto flex-row flex-grow-1 flex-fill" style="background-color: #ffffff;">
+ <p><a href="https://de.wikipedia.org/wiki/GitLab">GitLab</a> ist eine umfangreiche Webanwendung zur Versionsverwaltung für Softwareprojekte auf Basis von <a href="https://de.wikipedia.org/wiki/Git">Git</a> die auch Wiki-Funktionen und Issue Tracking bietet. Das Transferportal der HFT-Stuttgart betreibt eine eigene GitLab-Instanz für die Hochschule für Technik Stuttgart und ihre Kooperationspartner unter einer Open-Access-Lizenz. Mit <a href="https://docs.gitlab.com/ee/user/project/pages/">GitLab Pages </a> besteht für Angehörige der HFT die Möglichkeit, eine öffentliche statische Projektwebsite aus einem GitLab-Projekt heraus zu erzeugen.
+ </p><p>
+ Die URL, unter der die Seite dann zu finden ist, lautet: <br/> <br/>
+ <p class="justify-content-lg-start text-center">https://transfer.hft-stuttgart.de/pages/PROJEKTNAME/</p>
+ </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/gitlab/explore/projects"><strong>Zugriff auf Gitlab</strong></a>
+ </div>
+ </div>
+ </div>
+ <div id="create_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>Gitlab-pages Projekt erstellen</strong></h2>
+ </div>
+ <div class="col-auto" style="background-color: #ffffff;">
+ <p>
+ Um ein eigenes Gitlab-pages Projekt zu erstellen und damit eine eigene Projektseite zu erstellen, führen Sie folgende Schritte aus:
+ </p>
+ <ol>
+ <li> Legen Sie sich auf <a href="https://transfer.hft-stuttgart.de"> https://transfer.hft-stuttgart.de</a> ein Benutzerkonto an bzw. loggen Sie sich mit Ihren HFT-Nutzerdaten in das Transferportal ein.</li>
+ <li> Besuchen Sie die Website <a href="https://transfer.hft-stuttgart.de/gitlab/explore/projects">https://transfer.hft-stuttgart.de/gitlab/explore/projects</a></li>
+ <li> Loggen Sie sich mit ihren Anmeldedaten eine </li>
+ <li> Legen Sie ein neues Projekt an, indem Sie auf den Button <em> New Project </em> klicken
+ <img src="/img/help/newproject.png" width="80%"/>
+ </li>
+ <li> Wählen Sie <em> Create from template </em> aus und nutzen Sie das Template <em> </em> aus dem Bereich <em> Instance </em>, Klicken Sie dort auf <em> Use template</em> <img src="/img/help/fromtemplate.png" width="80%"/> <img src="/img/help/choosetemplate.png" width="80%"/> </li>
+ <li> Nun können Sie ihr Projekt befüllen. Tragen Sie mindestens die Grundinformationen wie <em> Project name </em> und <em> Project description </em> ein.<img src="/img/help/createproject.png" width="80%"/> </li>
+ <li> Klicken Sie auf <em> Create project</em></li>
+ <li> Ihr Projekt wird nun erstellt und enthält automatisch die notwendigen Grundeinstellungen für das Publizieren einer Website über die Funktion Pages. Vor allem wirde im Repositorium der Ordner <em> Public </em> angelegt. <img src="/img/help/folderpublic.png" width="80%"/> <br/>
+ In diesem Ordner befinden sich die beiden Dateien <em> index.html </em> und <em> style.css </em>. Diese sorgen für Inhalt (index.html) und Aussehen (style.css) der statischen Webseite und enthalten direkt nach Projekterstellung zunächst nur allgemeine, grundsätzliche Informationen aus dem Template. <img src="/img/help/contentpublic.png" width="80%"/></li>
+ <li> Um Ihre eigenen Projektinhalte zu veröffentlichen, können Sie entweder eine komplett eigene HTML-Seite erzeugen oder sich an unseren Vorgaben aus dem Template orientieren </li>
+ <li> Sobald Sie mit dem Inhalt der Seite zufrieden sind, und diese veröffentlichen wollen, informieren Sie den Administrator unter <a href="mailto:support-transfer@hft-stuttgart.de">support-transfer@hft-stuttgart.de</a>. Dieser wird dann Ihr Projekt das erste Mal auf den Server hochladen, für weitere Schritte gehen Sie zum Abschnitt <a href="#update_Text"> Gitlab-pages Projekt warten</a>
+ </ol>
+ </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="mailto:support-transfer@hft-stuttgart.de"><strong>Administratorkontakt</strong></a>
+ </div>
+ </div>
+ </div>
+
+ <div id="update_Text" style="margin-top: 10px;margin-bottom: 30px;">
+ <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>Gitlab-pages Projekt warten</strong></h2>
+ </div>
+ <div class="col-auto" style="background-color: #ffffff;">
+ <p>
+ Nachdem Ihr Projekt das erste Mal veröffentlicht wurde, möchten Sie sicherlich Änderungen an der Seite vornehmen. Dafür gehen Sie wie folgt vor:
+ </p>
+ <ol>
+
+ </ol>
+ </div>
+ </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/help/choosetemplate.png b/img/help/choosetemplate.png
new file mode 100644
index 0000000000000000000000000000000000000000..a00836a049c8e46ad86e28b6720c08b21812738a
Binary files /dev/null and b/img/help/choosetemplate.png differ
diff --git a/img/help/contentpublic.png b/img/help/contentpublic.png
new file mode 100644
index 0000000000000000000000000000000000000000..1329a0855defba1950c5fdf72931a6f3443e617d
Binary files /dev/null and b/img/help/contentpublic.png differ
diff --git a/img/help/createproject.png b/img/help/createproject.png
new file mode 100644
index 0000000000000000000000000000000000000000..5bbb7ac1b5e657a0d9cdc1f372380011457e1641
Binary files /dev/null and b/img/help/createproject.png differ
diff --git a/img/help/folderpublic.png b/img/help/folderpublic.png
new file mode 100644
index 0000000000000000000000000000000000000000..0410be379a789a128c4d7d54417eb439fe3e7cff
Binary files /dev/null and b/img/help/folderpublic.png differ
diff --git a/img/help/fromtemplate.png b/img/help/fromtemplate.png
new file mode 100644
index 0000000000000000000000000000000000000000..8cf522f6efd8bcdb817f7706aa41c85f67c45481
Binary files /dev/null and b/img/help/fromtemplate.png differ
diff --git a/img/help/newproject.png b/img/help/newproject.png
new file mode 100644
index 0000000000000000000000000000000000000000..b9a2a5d75b243b32fbfa1b2ae0fb90db5ebd6f38
Binary files /dev/null and b/img/help/newproject.png differ