diff --git a/help/gitlab-pages.html b/help/gitlab-pages.html
index 61bf863e9b0840b8316b22ec7eaf64eaf187662c..cd09fafb246cff206e6ff9a2c462b2574c2cdf1b 100644
--- a/help/gitlab-pages.html
+++ b/help/gitlab-pages.html
@@ -4,7 +4,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
- <title>Videokonferenzen</title>
+ <title>Gitlab-Pages</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">
@@ -55,16 +55,16 @@
<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> Loggen Sie sich mit ihren Anmeldedaten ein </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> Ihr Projekt wird nun erstellt und enthält automatisch die notwendigen Grundeinstellungen für das Publizieren einer Website über die Funktion Pages. Vor allem wird im Repositorium der Ordner <em> Public </em> angelegt. <img src="/img/help/folderpublic.png" width="80%"/> <br/>
+ In diesem Ordner befinden sich die Dateien <em> index.html, aktuelles.html </em>, <em> style.css </em> und <em>settings.js</em>. Diese sorgen für Inhalt (aktuelles.html, index.html) und Aussehen (style.css) der statischen Webseite und enthalten allgemeine Projektinformationen (settings.js). Direkt nach Projekterstellung enthalten sie zunächst nur allgemeine, grundsätzliche Informationen aus dem Template. <img src="/img/help/content_public.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. Eine Anleitung zur Verwendung unserer Vorlage finden Sie im Bereich <a href="#template_Text">Gitlab-pages Template benutzen</a> </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>
@@ -75,14 +75,86 @@
</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 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 aktualisieren</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:
+ 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:
+ <ol>
+ <li>
+ Klicken Sie die Datei, die Sie ändern wollen, in der Projektübersicht an <img src="/img/help/content_index_marked.png" width="80%"/>
+ </li>
+ <li>
+ Klicken Sie in der sich nun öffnenden Dateiansicht auf <em> Edit </em> <img src="/img/help/file_view.png" width="80%"/>
+ </li>
+ <li>
+ Bearbeiten Sie ihre Datei
+ </li>
+ <li>
+ Um die Änderungen zu speichern und auf ihrer Seite sofort zu übernehmen, klicken Sie auf <em> Commit changes </em>
+ <img src="/img/help/save_file.png" width="80%"/>
+ </li>
+ <li>
+ In der Projektübersicht sehen Sie nun den Status der Deployment-Pipeline, die ihre Webseite auf unserem Server veröffentlicht. Durch Klick auf das Symbol gelangen Sie zu einer Übersicht aller für Ihr Projekt angelaufenen Pipelines.
+ <img src="/img/help/pipeline_pending.png" width="80%"/><br/>
+ Durch Klick auf eine Pipeline wird Ihnen eine Erklärung zum aktuellen Status angezeigt, der Sie auch eventuelle Probleme entnehmen können.
+ <img src="/img/help/overview_pipelines.png" width="80%"/><br/>
+ Eine fehlerfrei durchgelaufene Pipeline liefert etwa ein solches Ergebnis:
+ <img src="/img/help/output.png" width="80%"/><br/>
+ Für eine Übersicht über häufig auftretende Fehler und was man dagegen tun kann, siehe <a href="#error_Text"> hier </a>.
+ </li>
+ <li> Wenn die Änderungen an Ihrer Homepage ohne Probleme übernommen wurden, sehen Sie dies an einem grünen Haken in der Projektübersicht
+ <img src="/img/help/pipeline_good.png" width="80%"/>
+ </li>
+ </ol>
+ </p>
+ </div>
+ </div>
+ </div>
+ </div>
+
+
+
+
+ <div id="error_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>Häufige Fehlermeldungen und deren Korrektur</strong></h2>
+ </div>
+ <div class="col-auto" style="background-color: #ffffff;">
+ <p>
+ <ul>
+ <li>
+ <h6> This job is stuck because you don't have any active runners online or available with any of these tags assigned to them: production </h6>
+ <p> In diesem Fall ist Ihr Projekt höchstwahrscheinlich noch nicht registriert oder es liegt ein anderes Problem vor. Kontaktieren Sie den Administrator </p>
+ </li>
+ </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="mailto:support-transfer@hft-stuttgart.de"><strong>Administratorkontakt</strong></a>
+ </div>
+ </div>
+ </div>
+
+
+ <div id="template_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 Template benutzen</strong></h2>
+ </div>
+ <div class="col-auto" style="background-color: #ffffff;">
+ <p>
+ Wir stellen eine Vorlage für Projektwebseiten zur Verfügung.
+
+
+
+<!-- content: basic setup. adding logo to pages, adding new links to menu (or change existing), adding new pages-->
</p>
<ol>
@@ -91,6 +163,8 @@
</div>
</div>
</div>
+
+
</div>
</div>
diff --git a/img/help/choosetemplate.png b/img/help/choosetemplate.png
index a00836a049c8e46ad86e28b6720c08b21812738a..de454df3987f1288fcbaffdc18c86201fc0ec45d 100644
Binary files a/img/help/choosetemplate.png and b/img/help/choosetemplate.png differ
diff --git a/img/help/content_index_marked.png b/img/help/content_index_marked.png
new file mode 100644
index 0000000000000000000000000000000000000000..c54492a44508edb71cefdf6ad99d4cd3517cce61
Binary files /dev/null and b/img/help/content_index_marked.png differ
diff --git a/img/help/content_public.png b/img/help/content_public.png
new file mode 100644
index 0000000000000000000000000000000000000000..1b1c9ab14457f56294b5c7985848db81173e64ff
Binary files /dev/null and b/img/help/content_public.png differ
diff --git a/img/help/contentpublic.png b/img/help/contentpublic.png
deleted file mode 100644
index 1329a0855defba1950c5fdf72931a6f3443e617d..0000000000000000000000000000000000000000
Binary files a/img/help/contentpublic.png and /dev/null differ
diff --git a/img/help/file_view.png b/img/help/file_view.png
new file mode 100644
index 0000000000000000000000000000000000000000..a5c692523b37a7e4e8396e5b0694ebf876fc64ba
Binary files /dev/null and b/img/help/file_view.png differ
diff --git a/img/help/output.png b/img/help/output.png
new file mode 100644
index 0000000000000000000000000000000000000000..eddb991447669e76497dcf9075ed4d77d8a58adc
Binary files /dev/null and b/img/help/output.png differ
diff --git a/img/help/overview_pipelines.png b/img/help/overview_pipelines.png
new file mode 100644
index 0000000000000000000000000000000000000000..b3cb792dbb34c1542595b75a3ec4704cec4fa670
Binary files /dev/null and b/img/help/overview_pipelines.png differ
diff --git a/img/help/pipeline_good.png b/img/help/pipeline_good.png
new file mode 100644
index 0000000000000000000000000000000000000000..492d0296c6caa8274e4532862117328a94446c78
Binary files /dev/null and b/img/help/pipeline_good.png differ
diff --git a/img/help/pipeline_pending.png b/img/help/pipeline_pending.png
new file mode 100644
index 0000000000000000000000000000000000000000..ce84a4a21691548e512b58dbbfe7a116bc22fe8e
Binary files /dev/null and b/img/help/pipeline_pending.png differ
diff --git a/img/help/save_file.png b/img/help/save_file.png
new file mode 100644
index 0000000000000000000000000000000000000000..035532d4c9faaeba2d5c1dae0640d09cef191953
Binary files /dev/null and b/img/help/save_file.png differ
diff --git a/js/headfoot.js b/js/headfoot.js
index cf5bd4c3c4b520ea842288a7291feb0e3c5f60c9..c386403bec82370e44e2b89b23aa408fdf887dae 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':'Benutzerkonto', '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':'Hilfe', 'combos':[{'name':'Webseiten mit Gitlab-Pages', 'link':'/help/gitlab-pages.html'}], 'type':'dropdown', 'link':'#'},{'name':'Benutzerkonto', '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'}]