integrate the cookie banner

2 files changed, 38 insertions, 1 deletions

diff --git a/templates/footer.html b/templates/footer.html
index 6aff097..ececa94 100644
--- a/templates/footer.html
+++ b/templates/footer.html
@@ -7,7 +7,8 @@
             The contents are available under the <a href="{{root}}license">Creative Commons Attribution-ShareAlike License (CC-BY-SA 4.0)</a>.
           </div>
           <div>
-            <a href="{{root}}privacy-policy">Privacy Policy</a> (Only necessary cookies accepted — <a href="#">change</a>)
+            <a href="{{root}}privacy-policy">Privacy Policy</a>
+            (<span id="gdpr-result-text"></span> - <a href="javascript:%20showBanner();">change</a>)
           </div>
         </div>
         <div class="flex-fill"></div>
@@ -17,3 +18,22 @@
   </div>
   <div class="flex-sidefill-r"></div>
 </main>
+
+<!-- cookie banner kindly provided by analytics.uni.lu -->
+<div id="lap-cookies-banner">
+  <div class="banner-intro">
+    <div class="close-button">
+      <a class="lap-refuse">×</a>
+    </div>
+    <div class="banner-img">
+      <img src="https://analytics.lcsb.uni.lu/lap/static/logos/r3-logo.svg" type="image/svg+xml">
+    </div>
+    <div class="banner-title">This website needs some cookies and similar means to function.</div>
+    <div class="banner-text">If you permit us, we will use those means to collect data on your visits for aggregated statistics to improve our service.</div>
+  </div>
+  <div class="banner-buttons">
+    <a class="btn lap-accept">Accept cookies for aggregated statistics</a>
+    <a class="btn lap-refuse">No thanks, only technically necessary cookies</a>
+    <a class="btn lap-cookies-more" href="/privacy-policy">More information</a>
+  </div>
+</div>
diff --git a/templates/head.html b/templates/head.html
index 63b19b5..a095790 100644
--- a/templates/head.html
+++ b/templates/head.html
@@ -13,4 +13,21 @@
   </title>
   <link rel="stylesheet" href="{{root}}style.css" />
   <link rel="stylesheet" href="{{root}}fonts.css" />
+  <!-- LCSB Matomo integration -->
+  <script src="/assets/vendor/js/jquery-3.6.0.min.js"></script>
+  <script>
+    const settings = {
+      expires: "180",
+      matomoURL: "https://analytics.lcsb.uni.lu/hub/",
+      siteID: "3",
+      accept_all_text: "Aggregate statistics cookies accepted",
+      only_necessary_text: "Only necessary cookies accepted",
+      cookieName: "lap",
+      bots: /bot|crawler|spider|crawling/i,
+      timeout_hidebanner: "500",
+      cookieDomain: "howto.lcsb.uni.lu",
+    }
+  </script>
+  <script src="https://analytics.lcsb.uni.lu/lap/static/js/lap.js"></script>
+  <link rel="stylesheet" type="text/css" href="https://analytics.lcsb.uni.lu/lap/static/css/lap.css">
 </head>