diff --git a/views/DE/project/project-simplified.pug b/views/DE/project/project-simplified.pug
index 6dead87fc997ba03a27b908f3246c1fd91d9522d..222e30caeb6105078115c48d8996faaccf60aa54 100644
--- a/views/DE/project/project-simplified.pug
+++ b/views/DE/project/project-simplified.pug
@@ -7,36 +7,41 @@ html(lang="de")
link(rel="stylesheet", type="text/css", href="https://transfer.hft-stuttgart.de/css/bootstrap/bootstrap.css")
link(rel="stylesheet", href="https://use.fontawesome.com/releases/v5.8.2/css/all.css", integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay", crossorigin="anonymous")
style.
- .collapse {
- display: none;
- }
- .collapse.in {
- display: block;
- }
- .collapsing {
- position: relative;
- height: 0;
- overflow: hidden;
- -webkit-transition-timing-function: ease;
- -o-transition-timing-function: ease;
- transition-timing-function: ease;
- -webkit-transition-duration: .35s;
- -o-transition-duration: .35s;
- transition-duration: .35s;
- -webkit-transition-property: height,visibility;
- -o-transition-property: height,visibility;
- transition-property: height,visibility;
- }
- .warning {
- color: red;
- font-size: 11px;
- }
+ .help .card-title > a:before {
+ float: right !important;
+ content: "-";
+ padding-right: 5px;
+ }
+ .help .card-title > a.collapsed:before {
+ float: right !important;
+ content: "+";
+ }
+ .help h3 > a {
+ color: #8a348b;
+ text-decoration: none;
+ display: block;
+ }
+ .help a {
+ display: inline;
+ }
+ .help .card > .card-header {
+ color: #fff;
+ }
+ .card-title {
+ margin-bottom: 0.5rem;
+ margin-top: 0.5rem;
+ }
+ #infoicon {
+ color: #8a348b;
+ }
body
include project.html
// jQuery
+
script(src="https://code.jquery.com/jquery-3.3.1.min.js")
+ script(src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js")
script(src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js", integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1", crossorigin="anonymous")
// Bootstrap
script(src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous")
@@ -44,4 +49,5 @@ html(lang="de")
if isUserAuthenticated
script(src="/js/headfootLogout.js")
else
- script(src="/js/headfoot.js")
\ No newline at end of file
+ script(src="/js/headfoot.js")
+
\ No newline at end of file
diff --git a/views/DE/project/project.html b/views/DE/project/project.html
index df461962e13ae4c15eb13caa79d5e4a948d96260..ac3137dfd812ef7ac44c25f10622a797cfaabfde 100644
--- a/views/DE/project/project.html
+++ b/views/DE/project/project.html
@@ -1,70 +1,128 @@
- <div class="container">
- <hr />
- <!-- text: Zweck dieser Seite / purpose of this page -->
- <i class="fas fa-info-circle"></i> Diese Seite bietet den Einstieg zu den unterschiedlichen Projekten, die in unserem Portal für die Öffentlichkeit bereitgestellt werden.
- Für diesen Zweck steht zur Zeit ein Dienst bereit: eine von der HFT selbst verwaltete Gitlab-Instanz.
- Alle der in diesem Gitlab erfassten Projektinhalte unterliegen einer Open Source bzw. Open Data Lizenz.
- <p>Hinweis: Die Nutzeroberfläche von GitLab ist in Englisch.</p>
+<div class="container">
+ <hr />
+ <!-- text: Zweck dieser Seite / purpose of this page -->
+ <div>
+ <i id="infoicon" class="fas fa-info-circle fa-lg"></i>
+ Diese Seite bietet den Einstieg zu den unterschiedlichen Projekten, die in
+ unserem Portal für die Öffentlichkeit bereitgestellt werden.
+ Für diesen Zweck steht zur Zeit ein Dienst bereit: eine von der HFT selbst verwaltete Gitlab-Instanz.
+ Alle der in diesem Gitlab erfassten Projektinhalte unterliegen einer Open Source bzw. Open Data Lizenz.
+ <p class="font-italic"><b>Hinweis: </b>Die Nutzeroberfläche von GitLab ist in Englisch.</p>
+ </div>
- <!-- link: Gitlab Projekte / Gitlab project list -->
- <h2> Direkteinstieg </h2>
- <a href="https://transfer.hft-stuttgart.de/gitlab/explore/projects"> <i class="fas fa-chevron-right">Gitlab Projects</i></a>
-
- <!-- text: Hilfestellung zu Gitlab / short help about Gitlab -->
- <hr />
- <h2> Hilfestellung zu GitLab </h2>
- <h3> <i class="fas fa-question-circle"></i> Möchten Sie die Projektinhalte ansehen oder herunterladen? </h3>
- <p>
- Dann klicken Sie auf diesen <a href="https://transfer.hft-stuttgart.de/gitlab/explore/projects"> <i class="fas fa-chevron-right">Link zu den Gitlab-Projekten</i></a> um die Liste aller im Gitlab erfassten Projekte zu sehen.
- Vor dort können Sie dann auf die einzelnen Projekte zugreifen.
- Ein Anmelden am Portal ist dazu nicht nötig.
- </p>
-
- <h3> <i class="fas fa-question-circle"></i> Möchten Sie zu einem Projekt beitragen? </h3>
- <p>
- Wenn Sie dem Projekteigentümer eine Rückmeldung bzw. einen Fehler melden wollen, navigieren Sie im Gitlab zunächst zum entsprechenden Projekt.
- Anschließend können Sie dann dort die Möglichkeit nutzen, ein neues "Issues" einzureichen.
- Ein Anmelden am Portal ist dazu nicht nötig.
- </p>
- <p>
- Wenn Sie darüberhinaus beitragen wollen, befolgen Sie bitte folgende Schritte:
- </p>
- <ol>
- <li>
- Melden Sie sich bitte im Portal an. <br>
- Sofern Sie noch nicht als Nutzer im Portal eingetragen sind, wird das System Sie durch die Registrierung leiten. <br>
- Zur Anmeldung bzw. Registrierung gelangen Sie entweder über das Menü am oberen Seitenrand oder durch Klicken auf diesen <a href="https://m4lab.hft-stuttgart.de/account/"> <i class="fas fa-chevron-right">Link zum Benutzerkonto</i></a>.
- </li>
- <li>
- Folgen Sie dem <a href="https://transfer.hft-stuttgart.de/gitlab/explore/projects"> <i class="fas fa-chevron-right">Link zu den Gitlab-Projekten</i></a>, um zum Gitlab zu gelangen.
- </li>
- <li>
- Fragen Sie beim Projekteigentümer um Zugang, indem Sie im Gitlab bei der entsprechende Projektseite auf den Link <em>Request Access</em> klicken. Solbald dieser ihre Anfrage bestätigt hat, können Sie loslegen.
- </li>
- </ol>
+ <!-- link: Gitlab Projekte / Gitlab project list -->
+ <h2> Direkteinstieg </h2>
+ <a href="https://transfer.hft-stuttgart.de/gitlab/explore/projects"> <i class="fas fa-chevron-right">Gitlab
+ Projects</i></a>
- <h3> <i class="fas fa-question-circle"></i> Möchten Sie selbst ein Projekt anlegen, um es der Öffentlichkeit bereitzustellen? </h3>
-
- </p>
- Vorraussetzung dazu ist, dass Sie aktives oder ehemaliges Mitglied der Hochschule für Technik sind, d.h. eine (noch) gültige HFT-Emailadresse haben.
- Dann befolgen Sie bitte folgende Schritte:
- </p>
-
- <ol>
- <li>
- Melden Sie sich bitte im Portal an. <br>
- Sofern Sie noch nicht als Nutzer im Portal eingetragen sind, wird das System Sie durch die Registrierung leiten. <br>
- Zur Anmeldung bzw. Registrierung gelangen Sie entweder über das Menü am oberen Seitenrand oder durch Klicken auf diesen <a href="https://m4lab.hft-stuttgart.de/account/"> <i class="fas fa-chevron-right">Link zum Benutzerkonto</i></a>.
- </li>
- <li>
- Folgen Sie dem <a href="https://transfer.hft-stuttgart.de/gitlab/explore/projects"> <i class="fas fa-chevron-right">Link zu den Gitlab-Projekten</i></a>, um zum Gitlab zu gelangen.
- </li>
- <li>
- Erstellen Sie dann in Gitlab ein neues Projekt durch Klicken auf den grünen <em>New Project</em>-Knopf und anschließendem Befolgen der Eingabemaske von Gitlab. <br>
- Weitere Hilfestellung zum Anlegen von Projekten in Gitlab finden Sie in der <a href="https://docs.gitlab.com/ee/gitlab-basics/create-project.html"> <i class="fas fa-chevron-right">Gitlab-Dokumentation</i></a>.
- </li>
- </ol>
-
- <!-- / content body -->
- </div>
\ No newline at end of file
+ <!-- text: Hilfestellung zu Gitlab / short help about Gitlab -->
+ <hr />
+
+ <h2>Hilfestellung zu GitLab</h2>
+
+ <br />
+
+ <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">
+ Möchten Sie die Projektinhalte ansehen oder herunterladen?</a>
+ </h3>
+ </div>
+ <div id="collapse1" class="card-body collapse">
+ <p>
+ Dann klicken Sie auf diesen
+ <a href="https://transfer.hft-stuttgart.de/gitlab/explore/projects"><i class="fas fa-chevron-right">Link zu den Gitlab-Projekten</i></a>
+ die Liste aller im Gitlab erfassten Projekte zu sehen. Vor dort können Sie dann auf die einzelnen Projekte zugreifen.
+ Ein Anmelden am Portal ist dazu nicht nötig.
+ </p>
+ </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">
+ Möchten Sie zu einem Projekt beitragen?</a>
+ </h3>
+ </div>
+ <div id="collapse2" class="card-body collapse">
+ <p>
+ Wenn Sie dem Projekteigentümer eine Rückmeldung bzw. einen Fehler melden wollen, navigieren Sie im Gitlab zunächst zum entsprechenden Projekt.
+ Anschließend können Sie dann dort die Möglichkeit nutzen, ein neues "Issues" einzureichen.
+ Ein Anmelden am Portal ist dazu nicht nötig.
+ </p>
+ <p>
+ Wenn Sie darüberhinaus beitragen wollen, befolgen Sie bitte folgende Schritte:
+ </p>
+ <ol>
+ <li>
+ Melden Sie sich bitte im Portal an.
+ <br />
+ Sofern Sie noch nicht als Nutzer im Portal eingetragen sind, wird das System Sie durch die Registrierung leiten.
+ <br />
+ Zur Anmeldung bzw. Registrierung gelangen Sie entweder über das Menü am oberen Seitenrand oder durch Klicken auf diesen
+ <a href="https://m4lab.hft-stuttgart.de/account/"> <i class="fas fa-chevron-right">Link zum Benutzerkonto</i></a>.
+ </li>
+ <li>
+ Folgen Sie dem <a href="https://transfer.hft-stuttgart.de/gitlab/explore/projects">
+ <i class="fas fa-chevron-right">Link zu den Gitlab-Projekten</i></a>, um zum Gitlab zu gelangen.
+ </li>
+ <li>
+ Fragen Sie beim Projekteigentümer um Zugang, indem Sie im Gitlab bei der entsprechende
+ Projektseite auf den
+ Link <em>Request Access</em> klicken. Solbald dieser ihre Anfrage bestätigt hat, können
+ Sie loslegen.
+ </li>
+ </ol>
+ </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">
+ Möchten Sie selbst ein Projekt anlegen, um es der Öffentlichkeit bereitzustellen?</a>
+ </h3>
+ </div>
+ <div id="collapse3" class="card-body collapse">
+ <p>
+ Vorraussetzung dazu ist, dass Sie aktives oder ehemaliges Mitglied der Hochschule für Technik sind,
+ d.h. eine (noch) gültige HFT-Emailadresse haben. Dann befolgen Sie bitte folgende Schritte:
+ </p>
+ <ol>
+ <li>
+ <p>
+ Melden Sie sich bitte im Portal an.
+ <br />
+ Sofern Sie noch nicht als Nutzer im Portal eingetragen sind, wird das System Sie durch die Registrierung leiten.
+ <br />
+ Zur Anmeldung bzw. Registrierung gelangen Sie entweder über das Menü am oberen Seitenrand oder durch Klicken auf diesen
+ <a href="https://m4lab.hft-stuttgart.de/account/"> <i class="fas fa-chevron-right">Link zum Benutzerkonto</i></a>.
+ </p>
+ </li>
+ <li>
+ Folgen Sie dem <a href="https://transfer.hft-stuttgart.de/gitlab/explore/projects">
+ <i class="fas fa-chevron-right">Link zu den Gitlab-Projekten</i></a>, um zum Gitlab zu gelangen.
+ </li>
+ <li>
+ Erstellen Sie dann in Gitlab ein neues Projekt durch Klicken auf den grünen <em>New Project</em>-Knopf und
+ anschließendem Befolgen der Eingabemaske von Gitlab.
+ <br />
+ Weitere Hilfestellung zum Anlegen von Projekten in Gitlab finden Sie in der
+ <a href="https://docs.gitlab.com/ee/gitlab-basics/create-project.html"> <i class="fas fa-chevron-right">Gitlab-Dokumentation</i></a>.
+ </li>
+ </ol>
+ </div>
+ </div>
+ </div>
+
+ <hr />
+ <!-- / content body -->
+</div>
\ No newline at end of file