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();