moved cookie notice in own element

js/cookie.js

 
-function getCookie(name){
-    var nameEQ = name + "=";
-    var ca = document.cookie.split(";");
-    for (var i=0; i < ca.length; i++) {
-        var c = ca[i];
-        while(c.charAt(0) === " ") c = c.substr(1, c.length);
-        if(c.indexOf(nameEQ) === 0) return c.substr(nameEQ.length, c.length)
-    }
-    return null
-}
-
+class cookieNotice extends HTMLElement{
+    constructor() {
+        super();
+        this.innerHTML = `
+            <div class="cookieinfo">
+                <div class="cookieinfo-close">            ✖
+                </div>
+                <span class="cookieinfo-text">
+                       We use cookies to enhance your experience. By continuing to visit this site you agree to our use of cookies. <a class="cookieinfo-link" href="http://wikipedia.org/wiki/HTTP_cookie">More info</a>
+                </span>
+            </div>`;
 
         let cookieInfo = document.querySelector(".cookieinfo");
         if(cookieInfo != null) {
-    if (getCookie("cookieMessageHide") === "1") {
+            if (this.getCookie("cookieMessageHide") === "1") {
                 cookieInfo.style.display = "none";
             } else {
                 cookieInfo.style.display = "block";
@@ -26,3 +26,19 @@ if(cookieInfo != null) {
             }
 
         }
+
+    }
+
+    getCookie(name){
+        var nameEQ = name + "=";
+        var ca = document.cookie.split(";");
+        for (var i=0; i < ca.length; i++) {
+            var c = ca[i];
+            while(c.charAt(0) === " ") c = c.substr(1, c.length);
+            if(c.indexOf(nameEQ) === 0) return c.substr(nameEQ.length, c.length)
+        }
+        return null
+    }
+}
+
+customElements.define("jl-cookie_notice", cookieNotice);
\ No newline at end of file

public/internal/footer.php

@@ -42,7 +42,7 @@ function getFooter(){
             </a>
             
             <a href="https://paypal.me/jonasled/">
-                <jl-svg data-name="svg"></jl-svg>  
+                <jl-svg data-name="paypal"></jl-svg>  
             </a>
             
             <a href="https://matrix.to/#/@jonasled:jonasled.de">
@@ -56,13 +56,7 @@ function getFooter(){
     </div>
     </div>
     </footer>
-        <div class="cookieinfo">
-        <div class="cookieinfo-close">            ✖
-        </div>
-        <span class="cookieinfo-text">
-               We use cookies to enhance your experience. By continuing to visit this site you agree to our use of cookies. <a class="cookieinfo-link" href="http://wikipedia.org/wiki/HTTP_cookie">More info</a>
-        </span>
-    </div>
+    <jl-cookie_notice></jl-cookie_notice>
     <script src="/js/script.js"></script>
     </body>
     </html>