From 42e556f1c874e0b6f287375c14266c0c3a5fddb3 Mon Sep 17 00:00:00 2001
From: engboris <engboris@hotmail.fr>
Date: Mon, 8 Dec 2025 23:09:54 +0100
Subject: [PATCH] Update cookie banner

---
 src/components/CookieBanner.astro | 33 +++++++++++++++++--------------
 1 file changed, 18 insertions(+), 15 deletions(-)

diff --git a/src/components/CookieBanner.astro b/src/components/CookieBanner.astro
index 7b0a20d..2406eef 100644
--- a/src/components/CookieBanner.astro
+++ b/src/components/CookieBanner.astro
@@ -1,41 +1,44 @@
 ---
 /**
- * Cookie consent banner component.
- * Displays a GDPR-compliant cookie consent banner at the bottom of the page.
- * Manages user consent for analytics cookies via localStorage.
+ * Privacy notice banner component.
+ * Displays a GDPR-compliant consent banner at the bottom of the page.
+ * Manages user consent for analytics via localStorage.
  *
  * Note: Analytics loading is handled separately in Layout.astro to avoid
  * ad blockers blocking this script due to analytics-related keywords.
+ *
+ * Element IDs use generic names to avoid ad blocker filter lists that
+ * target common patterns like "cookie-banner" or "consent-notice".
  */
 ---
 
 <div
-  id="cookie-banner"
+  id="priv-notice"
   class="fixed bottom-0 left-0 right-0 z-50 hidden"
   role="dialog"
-  aria-labelledby="cookie-banner-title"
-  aria-describedby="cookie-banner-description"
+  aria-labelledby="pn-title"
+  aria-describedby="pn-desc"
 >
   <div class="bg-base-200 border-t border-base-300 p-4 shadow-lg">
     <div class="container mx-auto max-w-4xl">
       <div class="flex flex-col sm:flex-row items-start sm:items-center gap-4">
         <div class="flex-1">
-          <h2 id="cookie-banner-title" class="font-semibold mb-1">Cookie Consent</h2>
-          <p id="cookie-banner-description" class="text-sm text-base-content/80">
-            We use cookies to analyze site traffic.
+          <h2 id="pn-title" class="font-semibold mb-1">Privacy Notice</h2>
+          <p id="pn-desc" class="text-sm text-base-content/80">
+            We use analytics to understand how visitors use this site.
             <a href="/privacy/" class="link link-primary">Learn more</a>
           </p>
         </div>
         <div class="flex gap-2 flex-shrink-0">
           <button
-            id="cookie-decline"
+            id="pn-decline"
             class="btn btn-sm btn-ghost"
             type="button"
           >
             Decline
           </button>
           <button
-            id="cookie-accept"
+            id="pn-accept"
             class="btn btn-sm btn-primary"
             type="button"
           >
@@ -49,10 +52,10 @@
 
 <script is:inline>
   (function() {
-    var CONSENT_KEY = 'cookie-consent';
-    var banner = document.getElementById('cookie-banner');
-    var acceptBtn = document.getElementById('cookie-accept');
-    var declineBtn = document.getElementById('cookie-decline');
+    var CONSENT_KEY = 'priv-notice';
+    var banner = document.getElementById('priv-notice');
+    var acceptBtn = document.getElementById('pn-accept');
+    var declineBtn = document.getElementById('pn-decline');
 
     function setConsent(granted) {
       localStorage.setItem(CONSENT_KEY, granted ? 'granted' : 'denied');