diff --git a/bwcloud.html b/bwcloud.html
index f9f5247d539ffc9feff978e8a2c6e5c2b43cf3ad..c26ea90319e029a828a7596a0c2e70fad949959b 100644
--- a/bwcloud.html
+++ b/bwcloud.html
@@ -7,6 +7,7 @@
<title>Kollaborative Dateibearbeitung</title>
<link rel="stylesheet" href="/css/bootstrap.min.css">
<link rel="stylesheet" href="/css/m4lab.css">
+ <link rel="stylesheet" href="/css/m4lab-mobile.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">
@@ -79,6 +80,7 @@
<!--<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>
+<script src="/js/mobile.js"></script>
</body>
</html>
diff --git a/confluence.html b/confluence.html
index 4e444320121e4fa5b524af81b75ad93bc40b7147..199f0bf4efd7d00cbe32a2e6bfaeb5ea610d783e 100644
--- a/confluence.html
+++ b/confluence.html
@@ -7,6 +7,7 @@
<title>Wissensaustausch</title>
<link rel="stylesheet" href="/css/bootstrap.min.css">
<link rel="stylesheet" href="/css/m4lab.css">
+ <link rel="stylesheet" href="/css/m4lab-mobile.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">
@@ -55,7 +56,7 @@
</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 background_e0001b"
- role="button" href="https://transfer.hft-stuttgart.de/confluence/"><strong>Zugang über das Transferportal</strong></a></div>
+ role="button" href="https://transfer.hft-stuttgart.de/confluence/" target="_blank"><strong>Zugang über das Transferportal</strong></a></div>
</div>
</div>
</div>
@@ -71,7 +72,7 @@
</div>
<div class="col-md-4 col-lg-6 text-center background_ffffff">
<div class="order-2">
- <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>
+ <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" target="_blank">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 background_e0001b" role="button" href="mailto:support-transfer@hft-stuttgart.de"><strong>Zugang über Admin anfragen</strong></a></div>
</div>
@@ -83,6 +84,7 @@
<!--<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>
+<script src="/js/mobile.js"></script>
</body>
</html>
diff --git a/css/m4lab-mobile.css b/css/m4lab-mobile.css
new file mode 100644
index 0000000000000000000000000000000000000000..8f1feb0ecb395f0cf8153dc1f332ff55c9365449
--- /dev/null
+++ b/css/m4lab-mobile.css
@@ -0,0 +1,33 @@
+body.offcanvas-active {
+ overflow: hidden;
+}
+
+.offcanvas-header {
+ display: none;
+}
+
+@media (max-width: 768px) {
+ .offcanvas-header {
+ display: block;
+ }
+
+ .navbar-collapse {
+ position: fixed;
+ top: 0;
+ bottom: 0;
+ left: 100%;
+ width: 100%;
+ padding-right: 1rem;
+ padding-left: 1rem;
+ overflow-y: auto;
+ visibility: hidden;
+ background-color: white;
+ transition: visibility .2s ease-in-out, transform .2s ease-in-out;
+ }
+
+ .navbar-collapse.show {
+ z-index: 1;
+ visibility: visible;
+ transform: translateX(-100%);
+ }
+}
\ No newline at end of file
diff --git a/css/m4lab.css b/css/m4lab.css
index 150a0abaed2ce56550135fa6ac9ec1a0e360f10d..3b849df949559af9e4d5b64d643d8f9f849073b7 100644
--- a/css/m4lab.css
+++ b/css/m4lab.css
@@ -119,8 +119,8 @@ h1, .h1 {
color: darkgrey;
}
-.nav-link:hover, .nav-link:focus {
- color: black;
+.nav-link:hover {
+ text-decoration: underline;
}
.projectimg {
@@ -276,6 +276,12 @@ justify-content:space-evenly;}
padding: 1.25rem;
}
+.card-body-fixed-height {
+ padding: 1.25rem;
+ overflow: hidden;
+ height: 13rem;
+}
+
.card-header {
padding: 0.75rem 1.25rem;
margin-bottom: 0;
@@ -457,6 +463,11 @@ justify-content:space-evenly;}
width: 18rem;
}
+.card-portrait {
+ width: 18rem;
+ height: 25rem;
+}
+
.no_text_decoration {
text-decoration: none
}
@@ -588,3 +599,31 @@ justify-content:space-evenly;}
filter: invert(0%);
color: white;
}
+
+.cookie-banner {
+ position: fixed;
+ bottom: 0px;
+ left: 10%;
+ right: 10%;
+ width: 80%;
+}
+
+.hidden{
+ display:none;
+}
+
+/** GO TO TOP BUTTON */
+#topBtn {
+ display: none; /* Hidden by default */
+ position: fixed; /* Fixed/sticky position */
+ bottom: 20px; /* Place the button at the bottom of the page */
+ right: 30px; /* Place the button 30px from the right */
+ z-index: 99; /* Make sure it does not overlap */
+ border: none; /* Remove borders */
+ outline: none; /* Remove outline */
+ background-color: red; /* Set a background color */
+ color: white; /* Text color */
+ cursor: pointer; /* Add a mouse pointer on hover */
+ padding: 10px; /* Some padding */
+ font-size: 18px; /* Increase font size */
+}
\ No newline at end of file
diff --git a/help/gitlab-pages.html b/help/gitlab-pages.html
index 3b27edc513ab12c207486904473b9fe00fb52458..1baddbe24feb70a246e7ee7657faf0036a5a1157 100644
--- a/help/gitlab-pages.html
+++ b/help/gitlab-pages.html
@@ -7,6 +7,7 @@
<title>Hilfe: Gitlab-Pages</title>
<link rel="stylesheet" href="/css/bootstrap.min.css">
<link rel="stylesheet" href="/css/m4lab.css">
+ <link rel="stylesheet" href="/css/m4lab-mobile.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">
@@ -60,9 +61,9 @@
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> Wenn Sie noch keinen HfT- oder Transferportal-Account haben, legen Sie sich auf <a href="https://transfer.hft-stuttgart.de/account/registration"> https://transfer.hft-stuttgart.de/account/registration</a> ein Benutzerkonto an.</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 ein </li>
+ <li> Loggen Sie sich in gitlab mit Ihren Anmeldedaten ein (Klick auf <em>sign in</em>)</li>
<li> Standardmäßig wird Ihr Projekt als persönliches Projekt veröffentlicht, es wird also an Ihren persönlichen Benutzernamen gekoppelt, der dann auch in der URL auftaucht. Wenn Sie dies nicht wünschen, erstellen Sie eine neue Gruppe, unter der Sie das Projekt erstellen. Klicken Sie dazu auf <em>Groups</em>, <em> Your Groups </em> und wählen <em> New group </em> aus. Hier können Sie nun der Gruppe einen entsprechenden Namen geben. <p> <strong> Wichtig: </strong> Dieser Name wird später auch in der URL auftauchen, unter der Ihre Seite aufrufbar ist.</p> Nach Klick auf <em>create group</em> wird Ihre Gruppe angelegt, und Sie werden automatisch zur Gruppenseite weitergeleitet.
<img src="/img/help/newgroup.png" width="95%"/>
</li>
@@ -77,7 +78,7 @@
<img src="/img/help/folderpublic.png" width="95%"/> <br/>
</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>
+ Um die Inhalte Ihres Projektes zu veründern und zu erweitern, 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 id="li_url">
Sobald Sie Änderungen an Ihrer Seite vornehmen und diese in den Master-Branch eintragen (der Standard-Branch ihres Projektes), wird das Projekt veröffentlicht. Um den Link zu sehen, unter dem Sie Ihre Seite finden, gehen Sie in der Sitebar auf der linken Seite unter <em>CI / CD </em> auf <em>Jobs</em> und wählen den obersten Job mit den Namen <em> pages </em> aus. Im nun angezeigten Log finden Sie die Adresse, unter der Ihr Projekt ausgerollt wurde.
@@ -159,38 +160,6 @@
</div>
</div>
</div>
-
- <div id="error_Text" class="margin_middle">
- <div class="container background_ffffff">
- <div class="padding_top_bottom">
- <div class="col-lg-12">
- <h2 class="d-flex flex-column order-1 justify-content-lg-start text-center mailinglist_heading"><strong>Häufige Fragen und Probleme</strong></h2>
- </div>
- <div class="col-auto background_ffffff">
- <p>
- <ul>
- <li>
- <h6> Pipeline schlägt beim Schritt <em> pages-test </em> fehl </h6>
- <p> In diesem Fall ist Ihr Projekt noch nicht vollständig konfiguriert. Bitte konfigurieren Sie ihr Projekt entsprechend der Vorlage im nächsten Abschnitt </p>
- </li>
-
- <li>
- <h6> Ich habe ein Gitlab-pages-Projekt erstellt, unter <em>Settings/ pages</em> steht aber eine kryptische URL der Form *.thishost.local:8090/*, die nicht funktioniert. </h6>
- <p> Dies ist die interne Repräsentation des Projektes auf unserem Server und ist somit nicht von außerhalb ereichbar. Um die tatsächliche, von außen erreichbare URL Ihrer Seite zu finden, gehen Sie in der Sitebar auf der linken Seite unter <em>CI / CD </em> auf <em>Jobs</em> und wählen den obersten Job mit den Namen <em> pages </em> aus. Im nun angezeigten Log finden Sie die Adresse, unter der Ihr Projekt ausgerollt wurde.</p>
- </li>
- <li>
- <h6> Ich möchte größere Projektdaten hochladen, wie groß darf mein Projekt maximal sein? </h6>
- <p> Gegenwärtig ist die Gesamtgröße der ausgerollten Seite (Ordner <em> public </em>) auf 2 GB beschränkt.</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 background_e0001b"
- role="button" href="mailto:support-transfer@hft-stuttgart.de"><strong>Administratorkontakt</strong></a>
- </div>
- </div>
- </div>
-
<div id="template_Text" class="margin_middle">
<div class="container background_ffffff">
@@ -225,7 +194,7 @@
<p>
Passen Sie die Werte für projektname und projektseitenlink an, indem Sie die entsprechenden Werte in die Anführungszeichen schreiben.
</p>
- <img src="/img/help/edit_settings.png" width="95%"/>
+ <img src="/img/help/edit_settings_generic.png" width="95%"/>
<p>
Klicken Sie anschließend auf <em> commit changes </em>, um die Änderungen zu speichern.
</p>
@@ -264,7 +233,7 @@
</li>
<li>
Klicken Sie auf das + im Oberen Bereich, und anschließend auf <em> Upload File </em>
- <img src="/img/help/publicplus.png" width="95%"/>
+ <img src="/img/help/publicplus_generic.png" width="95%"/>
</li>
<li>
Fügen Sie die gewünschte Datei hinzu und klicken Sie auf <em> Upload File </em>
@@ -298,7 +267,7 @@
<ol>
<li>
Klicken Sie im Ordner <em> public </em> auf das +, das sich oben neben dem Pfad befindet
- <img src="/img/help/publicplus.png" width="95%"/>
+ <img src="/img/help/publicplus_generic.png" width="95%"/>
</li>
<li>
Klicken Sie dort auf <em> New File </em>
@@ -511,7 +480,7 @@
</li>
<li>
Klicken Sie auf das + im Oberen Bereich, und anschließend auf <em> Upload File </em>
- <img src="/img/help/publicplus.png" width="95%"/>
+ <img src="/img/help/publicplus_generic.png" width="95%"/>
</li>
<li>
<p>
@@ -553,7 +522,7 @@
</li>
<li>
Klicken Sie im Ordner <em> public </em> auf das +, das sich oben neben dem Pfad befindet
- <img src="/img/help/publicplus.png" width="95%"/>
+ <img src="/img/help/publicplus_generic.png" width="95%"/>
</li>
<li>
Klicken Sie dort auf <em> New File </em>
@@ -618,7 +587,7 @@
</div>
<div id="collapse9t" class="card-body collapse">
<p>
- Wenn Sie die generic Vorlage wählen, finden Sie den zusätzlichen Ordner tempaltes. In diesem Ordner finden Sie die für Unterseiten verfügbaren Vorlagen.
+ Wenn Sie die generic Vorlage wählen, finden Sie den zusätzlichen Ordner templates. In diesem Ordner finden Sie die für Unterseiten verfügbaren Vorlagen.
Um eine solche Vorlage für eine Unterseite zu nutzen, kopieren Sie den Ordner aus templates/<template name> und kopieren Ihn unter neuem Namen in Ihrem root-Ordner. Bitte beachten Sie, dass dies nicht in Gitlabs Webclient geschehen kann, sondern Sie dazu lokal auf Ihren Rechner arbeiten müssen.
Wenn Sie nur den Inhalt der Datei index.html im Ordner templates/<template name > kopieren wollen, klicken Sie auf den 'Datei kopieren' Button:
<img src="/img/help/copy_content.png" width="95%"/>
@@ -633,6 +602,41 @@
</div>
</div>
+ <div id="error_Text" class="margin_middle">
+ <div class="container background_ffffff">
+ <div class="padding_top_bottom">
+ <div class="col-lg-12">
+ <h2 class="d-flex flex-column order-1 justify-content-lg-start text-center mailinglist_heading"><strong>Häufige Fragen und Probleme</strong></h2>
+ </div>
+ <div class="col-auto background_ffffff">
+ <p>
+ <ul>
+ <li>
+ <h6> Pipeline schlägt beim Schritt <em> pages-test </em> fehl </h6>
+ <p> In diesem Fall ist Ihr Projekt noch nicht vollständig konfiguriert. Bitte konfigurieren Sie ihr Projekt entsprechend der Vorlage im vorherigen Abschnitt.</p>
+ </li>
+ <li>
+ <h6> Die Pipeline bleibt beim Schritt <em>pages</em> stecken </h6>
+ <p> In diesem Fall hat Ihr Projekt noch keinen runner zugewiesen. Bitte stellen Sie in den Projekteinstellungen sicher, dass unter <em>CI/CD</em> in der Sektion <em>Runners</em> die shared runners aktiviert sind.</p>
+ </li>
+ <li>
+ <h6> Ich habe ein Gitlab-pages-Projekt erstellt, unter <em>Settings/ pages</em> steht aber eine kryptische URL der Form *.thishost.local:8090/*, die nicht funktioniert. </h6>
+ <p> Dies ist die interne Repräsentation des Projektes auf unserem Server und ist somit nicht von außerhalb ereichbar. Um die tatsächliche, von außen erreichbare URL Ihrer Seite zu finden, gehen Sie in der Sitebar auf der linken Seite unter <em>CI / CD </em> auf <em>Jobs</em> und wählen den obersten Job mit den Namen <em> pages </em> aus. Im nun angezeigten Log finden Sie die Adresse, unter der Ihr Projekt ausgerollt wurde.</p>
+ </li>
+ <li>
+ <h6> Ich möchte größere Projektdaten hochladen, wie groß darf mein Projekt maximal sein? </h6>
+ <p> Gegenwärtig ist die Gesamtgröße der ausgerollten Seite (Ordner <em> public </em>) auf 2 GB beschränkt.</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 background_e0001b"
+ role="button" href="mailto:support-transfer@hft-stuttgart.de"><strong>Administratorkontakt</strong></a>
+ </div>
+ </div>
+ </div>
+
+
</div>
</div>
@@ -640,6 +644,7 @@
<!--<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>
+<script src="/js/mobile.js"></script>
</body>
</html>
diff --git a/help/gitlab.html b/help/gitlab.html
index bc42162f949bae75882bce4d2e0511d669a8f5ab..21310c5cd3afc5b9aff6fb337a6465f72eb31b9e 100644
--- a/help/gitlab.html
+++ b/help/gitlab.html
@@ -7,6 +7,7 @@
<title>Hilfe: Gitlab</title>
<link rel="stylesheet" href="/css/bootstrap.min.css">
<link rel="stylesheet" href="/css/m4lab.css">
+ <link rel="stylesheet" href="/css/m4lab-mobile.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">
@@ -194,6 +195,7 @@
<!--<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>
+<script src="/js/mobile.js"></script>
</body>
</html>
diff --git a/help/hpc.html b/help/hpc.html
index 575e79192a047bbc586b73b8cdb3e83a1bbd3550..bdf04898a6860f862fd54f1c959f7fddf0f4d972 100644
--- a/help/hpc.html
+++ b/help/hpc.html
@@ -7,6 +7,7 @@
<title>Hilfe: Gitlab-Pages</title>
<link rel="stylesheet" href="/css/bootstrap.min.css">
<link rel="stylesheet" href="/css/m4lab.css">
+ <link rel="stylesheet" href="/css/m4lab-mobile.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">
@@ -144,6 +145,7 @@
<!--<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>
+<script src="/js/mobile.js"></script>
</body>
</html>
diff --git a/help/index.html b/help/index.html
index 1c597a4adad0d13971d703a8a076a649d6398a38..fa23d30ab75e23ac551f61c557ed4e95f1dec4e3 100644
--- a/help/index.html
+++ b/help/index.html
@@ -7,6 +7,7 @@
<title>Hilfe</title>
<link rel="stylesheet" href="/css/bootstrap.min.css">
<link rel="stylesheet" href="/css/m4lab.css">
+ <link rel="stylesheet" href="/css/m4lab-mobile.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">
@@ -29,7 +30,7 @@
<div class="container background_ffffff">
<div class="m_bottom_0 p_top_20 p_bottom_20">
<div class="col-lg-12">
- <h2 class="d-flex flex-column order-1 justify-content-lg-start text-center heading p_top_15"><strong>Gitlab</strong></h2>
+ <h2 class="d-flex flex-column order-1 justify-content-lg-start text-center heading p_top_15"><strong>Projekte</strong></h2>
</div>
<div class="col-auto background_ffffff">
<ul>
@@ -95,12 +96,30 @@
</div>
</div>
</div>
+
+ <div id="contact" class="m_top_10 margin_bottom_30">
+ <div class="container background_ffffff">
+ <div class="m_bottom_0 p_top_20 p_bottom_20">
+ <div class="col-lg-12">
+ <h2 class="d-flex flex-column order-1 justify-content-lg-start text-center heading p_top_15"><strong>Weitere Fragen?</strong></h2>
+ </div>
+ <div class="col-auto background_ffffff">
+ <ul>
+ <li>
+ <a href="/account/contact" target="_blank">Kontakt</a>
+ </li>
+ </ul>
+ </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>
+<script src="/js/mobile.js"></script>
</body>
</html>
diff --git a/help/jitsi.html b/help/jitsi.html
index fcc7515793e7e6108ad3b9b57190ffb2d438befe..cd073634b353ae150054ff46bda780f54599268e 100644
--- a/help/jitsi.html
+++ b/help/jitsi.html
@@ -7,6 +7,7 @@
<title>Hilfe: Jitsi</title>
<link rel="stylesheet" href="/css/bootstrap.min.css">
<link rel="stylesheet" href="/css/m4lab.css">
+ <link rel="stylesheet" href="/css/m4lab-mobile.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">
@@ -67,6 +68,7 @@
<!--<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>
+<script src="/js/mobile.js"></script>
</body>
</html>
diff --git a/help/mailinglists.html b/help/mailinglists.html
index b9885ebdbac805491a35a383ea187942bc156e5b..9cb22572058b13d581994094cb17729d2938e536 100644
--- a/help/mailinglists.html
+++ b/help/mailinglists.html
@@ -7,6 +7,7 @@
<title>Hilfe: Mailinglisten</title>
<link rel="stylesheet" href="/css/bootstrap.min.css">
<link rel="stylesheet" href="/css/m4lab.css">
+ <link rel="stylesheet" href="/css/m4lab-mobile.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">
@@ -522,6 +523,7 @@
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
crossorigin="anonymous"></script>
<script src="/js/headfoot.js"></script>
+ <script src="/js/mobile.js"></script>
</body>
</html>
\ No newline at end of file
diff --git a/img/body/M4_LAB_LOGO_NO_TEXT.png b/img/body/M4_LAB_LOGO_NO_TEXT.png
new file mode 100644
index 0000000000000000000000000000000000000000..deb64c8fe1c364d809d667c7146e471320e081e4
Binary files /dev/null and b/img/body/M4_LAB_LOGO_NO_TEXT.png differ
diff --git a/img/help/choosetemplate.png b/img/help/choosetemplate.png
index de454df3987f1288fcbaffdc18c86201fc0ec45d..e833f1b5d84b4f5beeb27dfdafb06b49a0455631 100644
Binary files a/img/help/choosetemplate.png and b/img/help/choosetemplate.png differ
diff --git a/img/help/edit_contact.png b/img/help/edit_contact.png
new file mode 100644
index 0000000000000000000000000000000000000000..5b4c4c9730b01043c2cbac2010f06d883edbd8b0
Binary files /dev/null and b/img/help/edit_contact.png differ
diff --git a/img/help/select_contact.png b/img/help/select_contact.png
new file mode 100644
index 0000000000000000000000000000000000000000..a6727c813d12323aea54048b0e061861077b3947
Binary files /dev/null and b/img/help/select_contact.png differ
diff --git a/img/help/select_settings.png b/img/help/select_settings.png
new file mode 100644
index 0000000000000000000000000000000000000000..2996ce8341133885329a0791502a33961bcb54d6
Binary files /dev/null and b/img/help/select_settings.png differ
diff --git a/img/help/settings_logo.png b/img/help/settings_logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..86c5424fb67a514985a518262c535ed7fdb0126f
Binary files /dev/null and b/img/help/settings_logo.png differ
diff --git a/index.html b/index.html
index 649889756c578064f7e6aa259f769aec880dc3e0..ae3ed47e207d1ba61ee3e7ab88f6511880bb5991 100755
--- a/index.html
+++ b/index.html
@@ -6,6 +6,7 @@
<title>Transferportal HfT Stuttgart</title>
<link rel="stylesheet" href="/css/bootstrap.min.css">
<link rel="stylesheet" href="/css/m4lab.css">
+ <link rel="stylesheet" href="/css/m4lab-mobile.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">
@@ -79,6 +80,7 @@
<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>
+<script src="/js/mobile.js"></script>
<!--<script src="./js/bootstrap-collapse.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>-->
diff --git a/info_hpc.html b/info_hpc.html
index fc2e76ec0690f17feeb37da2ea5eef952b13b708..e0166d8a491890beaae99dd21a89ae350a6cc6d2 100644
--- a/info_hpc.html
+++ b/info_hpc.html
@@ -7,6 +7,7 @@
<title>Infos zur Hochleistungsrechnen</title>
<link rel="stylesheet" href="/css/bootstrap.min.css">
<link rel="stylesheet" href="/css/m4lab.css">
+ <link rel="stylesheet" href="/css/m4lab-mobile.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">
@@ -114,6 +115,7 @@ Um dieses rechenintensive Problem zu lösen, läuft der Algorithmus auf dem HPC
<!--<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>
+<script src="/js/mobile.js"></script>
</body>
</html>
diff --git a/info_partizipation.html b/info_partizipation.html
index 8a6a06d4c4f775653fbd99a9bada804c794325e2..8a31bda371e0007dd1d484beff51052d07af5e09 100644
--- a/info_partizipation.html
+++ b/info_partizipation.html
@@ -7,6 +7,7 @@
<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="/css/m4lab-mobile.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">
@@ -227,6 +228,7 @@
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
crossorigin="anonymous"></script>
<script src="/js/headfoot.js"></script>
+ <script src="/js/mobile.js"></script>
</body>
</html>
\ No newline at end of file
diff --git a/jira.html b/jira.html
index 808f4e9283b44d390edc5270b6c9483aa5ed9244..ff75737b1fb160e6281f9ce52d32e89ebd2aeeda 100644
--- a/jira.html
+++ b/jira.html
@@ -7,6 +7,7 @@
<title>Aufgabenmanagement</title>
<link rel="stylesheet" href="/css/bootstrap.min.css">
<link rel="stylesheet" href="/css/m4lab.css">
+ <link rel="stylesheet" href="/css/m4lab-mobile.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">
@@ -84,6 +85,7 @@
<!--<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>
+<script src="/js/mobile.js"></script>
</body>
</html>
diff --git a/js/generalFunction.js b/js/generalFunction.js
index 5aeafdcc39c439733b511c73af61cef5eeffe87b..5d60b19049864cacecb9cd6a4e938cd9739f375c 100644
--- a/js/generalFunction.js
+++ b/js/generalFunction.js
@@ -6,4 +6,33 @@ function checkPasswordReq(pwd) {
isBest = true;
}
return isBest
-}
\ No newline at end of file
+}
+
+// to get the queries of the URL
+function getQueryStringParams(params, url) {
+ // first decode URL to get readable data
+ var href = decodeURIComponent(url || window.location.href);
+ // regular expression to get value
+ var regEx = new RegExp('[?&]' + params + '=([^&#]*)', 'i');
+ var value = regEx.exec(href);
+ // return the value if exist
+ return value ? value[1] : null;
+}
+
+/** GO TO TOP Button **/
+//Get the button:
+var myTopBtn = document.getElementById("topBtn");
+// When the user scrolls down 20px from the top of the document, show the button
+window.onscroll = function() { scrollFunction() };
+function scrollFunction() {
+ if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
+ myTopBtn.style.display = "block";
+ } else {
+ myTopBtn.style.display = "none";
+ }
+}
+// When the user clicks on the button, scroll to the top of the document
+function topFunction() {
+ document.body.scrollTop = 0; // For Safari
+ document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
+}
\ No newline at end of file
diff --git a/js/headfoot.js b/js/headfoot.js
index 12edb955fc5652414b567e54ec6f7e5f88aabb4f..9a2440098745ef995a072cbaf2a14435f72ccb80 100755
--- a/js/headfoot.js
+++ b/js/headfoot.js
@@ -1,4 +1,4 @@
-var menu = [{'name':'Informationen', 'combos':[{'name':'Über das M4_LAB', 'link':'/projectoverview?projectID=1'},{'name':'Kontakt', 'link':'/account/contact'}], 'type':'dropdown', 'link':'#'},{'name':'Projekte', 'combos':[{'name':'Projektinformationen', 'link':'/projektinformationen'},{'name':'Projektcode und -daten', 'link':'/projektdaten'},{'name':'High-Performance Computing', 'link':'/info_hpc.html'}], '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':'Dateibearbeitung', 'link':'/bwcloud.html'}], '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 menu = [{'name':'Informationen', 'combos':[{'name':'Ãœber das M4_LAB', 'link':'/projectoverview?projectID=1'},{'name':'Kontakt', 'link':'/account/contact'}], 'type':'dropdown', 'link':'#'},{'name':'Projekte', 'combos':[{'name':'Projektinformationen', 'link':'/projektinformationen'},{'name':'Projektcode und -daten', 'link':'/projektdaten'},{'name':'High-Performance Computing', 'link':'/info_hpc.html'}], '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':'Dateibearbeitung', 'link':'/bwcloud.html'}], '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':'Beteiligungsplattform', 'combos':[{'name':'Informationen', '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> Hilfe', 'combos': [], 'type':'', 'link':'/help/'},{'name':'<i class="fa fa-user-circle" aria-hidden="true"></i> Konto', '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'}]
@@ -68,16 +68,37 @@ function head() {
let togglebutton = document.createElement('button');
togglebutton.classList.add("navbar-toggler")
togglebutton.type = "button";
- togglebutton.setAttribute("data-toggle", "collapse");
- togglebutton.setAttribute("data-target", "#navbarCollapse");
+ // togglebutton.setAttribute("data-toggle", "collapse");
+ togglebutton.setAttribute("data-target", "#mainNav");
togglebutton.setAttribute("aria-controls", "navbarCollapse");
togglebutton.setAttribute("aria-expanded", "false");
togglebutton.setAttribute("aria-label", "Toggle navigation");
togglebutton.innerHTML = "<span class='navbar-toggler-icon'></span>";
+
+ // main nav
+ let mainNav = document.createElement('div');
+ mainNav.setAttribute("id", "mainNav");
+ mainNav.classList.add("navbar-collapse");
+
+ // offcanvasHeader
+ let offcanvasHeader = document.createElement('div');
+ offcanvasHeader.classList.add("offcanvas-header", "mt-3");
+
+ // close button
+ let closeButton = document.createElement('button');
+ closeButton.classList.add("btn", "btn-outline-danger", "btn-close", "float-right");
+ closeButton.innerHTML = "× Schließen";
+
+ // offcanvas title
+ let offcanvasTitle = document.createElement('h5');
+ offcanvasTitle.classList.add("py-2");
+ offcanvasTitle.innerHTML = "Hauptnavigation";
+
// nav menu
let navelements = document.createElement('ul');
- navelements.id="navbarCollapse";
- navelements.classList.add("collapse", "nav", "navbar-collapse", "navbar-nav", "justify-content-end");
+ // navelements.id="navbarCollapse";
+ // navelements.classList.add("collapse", "nav", "navbar-collapse", "navbar-nav", "justify-content-end");
+ navelements.classList.add("nav", "navbar-nav", "justify-content-end");
for(let j = 0; j<menu.length; j++){
let headitem = document.createElement('li');
let itemtype = menu[j].type;
@@ -108,6 +129,9 @@ function head() {
combolink.classList.add("dropdown-item");
combolink.href = menu[j].combos[k].link;
combolink.innerHTML = menu[j].combos[k].name;
+ if(menu[j].name == "Zusammenarbeit"){
+ combolink.setAttribute("target", "_blank");
+ }
combodiv.appendChild(combolink);
}
headitem.appendChild(combodiv);
@@ -118,7 +142,11 @@ function head() {
navbarcontainer.appendChild(navbarheader);
navbarcontainer.appendChild(togglebutton);
- navbarcontainer.appendChild(navelements);
+ offcanvasHeader.appendChild(closeButton);
+ offcanvasHeader.appendChild(offcanvasTitle);
+ mainNav.appendChild(offcanvasHeader);
+ mainNav.appendChild(navelements);
+ navbarcontainer.appendChild(mainNav);
navbar.appendChild(navbarcontainer)
navheader.appendChild(navbar);
@@ -206,11 +234,36 @@ function foot() {
containerdivrow.appendChild(m4labgrau);
containerdivrow.appendChild(socialdiv);
containerdivrow.appendChild(contactdiv);
-
+
containerdiv.appendChild(containerdivrow);
footerdiv.appendChild(containerdiv);
+
+ // cookiebanner
+ let cookiediv = document.createElement("div");
+ cookiediv.classList.add("alert", "alert-info", "alert-dismissible", "hidden", "cookie-banner" );
+ cookiediv.style = "text-align:center;";
+ cookiediv.id="cookiediv";
+ cookiediv.innerHTML="<strong>Cookie-Benachrichtigung</strong><br/> Diese Webseite nutzt technisch notwendige Session-Cookies und gegebenenfalls Cookies zur Authentifizierung. Mit der Benutzung der Webseite erklären Sie sich damit einverstanden. <br/> Weitere Informationen finden Sie in unserer <a href='https://www.hft-stuttgart.de/datenschutz'> Datenschutzerklärung </a>"
+ let cookiebutton = document.createElement("button");
+ cookiebutton.type = "button";
+ cookiebutton.classList.add("close");
+ cookiebutton.setAttribute("data-dismiss", "alert");
+ cookiebutton.innerHTML = "×";
+ prependChild(cookiediv, cookiebutton);
+
+ footerdiv.appendChild(cookiediv);
+
document.body.appendChild(footerdiv);
}
+function setCookieSeen(){
+ if (localStorage.getItem("cookieSeen") != "shown") {
+ document.getElementById("cookiediv").classList.remove("hidden");
+ document.getElementById("cookiediv").classList.add("show");
+ localStorage.setItem("cookieSeen","shown")
+ };
+}
+
head();
foot();
+setCookieSeen();
diff --git a/js/mobile.js b/js/mobile.js
new file mode 100644
index 0000000000000000000000000000000000000000..b5b5f730a9a84334f14dd4eb0f2007ea17de5f3e
--- /dev/null
+++ b/js/mobile.js
@@ -0,0 +1,20 @@
+
+// show offcanvas menu
+$(".navbar-toggler").on("click", function () {
+ $("#mainNav").toggleClass("show");
+ $('body').toggleClass("offcanvas-active");
+});
+
+// close if press ESC button
+$(document).on('keydown', function (event) {
+ if (event.keyCode === 27) {
+ $(".navbar-collapse").removeClass("show");
+ $("body").removeClass("overlay-active");
+ }
+});
+
+// close button
+$(".btn-close").click(function (e) {
+ $(".navbar-collapse").removeClass("show");
+ $("body").removeClass("offcanvas-active");
+});
\ No newline at end of file
diff --git a/videoconference.html b/videoconference.html
index a499b27bcd141d3a812e9c6b52bf94db70736a35..0eaa5a8b7610e48a9dc44a12ba1ae8d9dc07d32b 100644
--- a/videoconference.html
+++ b/videoconference.html
@@ -7,6 +7,7 @@
<title>Videokonferenzen</title>
<link rel="stylesheet" href="/css/bootstrap.min.css">
<link rel="stylesheet" href="/css/m4lab.css">
+ <link rel="stylesheet" href="/css/m4lab-mobile.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">
@@ -149,6 +150,7 @@
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
crossorigin="anonymous"></script>
<script src="/js/headfoot.js"></script>
+ <script src="/js/mobile.js"></script>
</body>
</html>