added a cookie notification to the website

web/_includes/cookie.html

@@ -0,0 +1,17 @@
+<div id="cookieinfo"></div>
+<script>
+    if (localStorage.getItem("notification") !== "true") {
+        $("#cookieinfo").html( /*html*/ `
+        <div class="alert alert-danger alert-dismissible fade show" role="alert">
+            This site uses your browser's local storage to store information about your browsing activity.
+            <br>For more information, please check out the <a href="https://ellpeck.de/privacy">privacy policy</a>.
+            <button type="button" class="close" data-dismiss="alert" id="notif-close">
+                <span>&times;</span>
+            </button>
+        </div>
+    `);
+        $("#notif-close").on("click", function () {
+            localStorage.setItem("notification", "true");
+        });
+    }
+</script>

web/_layouts/default.html

@@ -50,6 +50,7 @@
     </script>
 
     {% include navbar.html %}
+    {% include cookie.html %}
 
     {{ content }}
 

web/style.css

@@ -54,6 +54,17 @@ a:visited.wide-link {
     padding-top: 70px;
 }
 
+#cookieinfo {
+    position: fixed;
+    top: 80px;
+    left: 0;
+    right: 0;
+    max-width: 700px;
+    margin-left: auto;
+    margin-right: auto;
+    z-index: 500;
+}
+
 .section {
     width: 95%;
     max-width: 850px;