From 88de317ee24b5bc1e037019150a4a11b559772c6 Mon Sep 17 00:00:00 2001
From: Ellpeck <me@ellpeck.de>
Date: Fri, 3 May 2024 15:34:43 +0200
Subject: [PATCH] added a cookie notification to the website

---
 web/_includes/cookie.html | 17 +++++++++++++++++
 web/_layouts/default.html |  1 +
 web/style.css             | 11 +++++++++++
 3 files changed, 29 insertions(+)
 create mode 100644 web/_includes/cookie.html

diff --git a/web/_includes/cookie.html b/web/_includes/cookie.html
new file mode 100644
index 0000000..089a0dd
--- /dev/null
+++ b/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>
diff --git a/web/_layouts/default.html b/web/_layouts/default.html
index b609d4d..8d26d70 100644
--- a/web/_layouts/default.html
+++ b/web/_layouts/default.html
@@ -50,6 +50,7 @@
     </script>
 
     {% include navbar.html %}
+    {% include cookie.html %}
 
     {{ content }}
 
diff --git a/web/style.css b/web/style.css
index fd4b128..d40eeb1 100644
--- a/web/style.css
+++ b/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;