diff --git a/css/m4lab.css b/css/m4lab.css
index 150a0abaed2ce56550135fa6ac9ec1a0e360f10d..d9c5c52c57aad57480bad4ba4aab2bb0ada24a41 100644
--- a/css/m4lab.css
+++ b/css/m4lab.css
@@ -588,3 +588,12 @@ justify-content:space-evenly;}
filter: invert(0%);
color: white;
}
+
+.cookie-banner {
+ position: fixed;
+ bottom: 0px;
+ left: 10%;
+ right: 10%;
+ width: 80%;
+ height: 20%;
+}
diff --git a/js/headfoot.js b/js/headfoot.js
index 05e952124de8606a2d3f3003d20eac1a3d830624..5dd8e47a2d05d08a24854c1921bf78486876c576 100755
--- a/js/headfoot.js
+++ b/js/headfoot.js
@@ -219,11 +219,35 @@ 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", "fade", "cookie-banner" );
+ cookiediv.style = "text-align:center;";
+ cookiediv.id="cookiediv";
+ cookiediv.innerHTML="Cookie-Benachrichtigung
Diese Webseite nutzt technisch notwendige Session-Cookies und gegebenenfalls Cookies zur Authentifizierung. Mit der Benutzung der Webseite erklären Sie sich damit einverstanden.
Weitere Informationen finden Sie in unserer Datenschutzerklärung "
+ 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.add("show");
+ localStorage.setItem("cookieSeen","shown")
+ };
+}
+
head();
foot();
+setCookieSeen();