Add plumbing for cookie consent

Set the cookie_consent_info_url parameter in your site's config to display a message about cookie usage to your users. See the config in `exampleSite/config.toml` for more info.
2016-11-13 14:13:17 +02:00 · 2016-11-13 14:13:17 +02:00 · a66be324cc
parent 3d1526eb55
commit a66be324cc
3 changed files with 37 additions and 0 deletions
--- a/i18n/en.yaml
+++ b/i18n/en.yaml
@ -21,3 +21,12 @@

 - id: paginatorNext
  translation: "Next page"
+
+- id: cookieMessage
+  translation: "This website uses cookies."
+
+- id: cookieLink
+  translation: "Learn more."
+
+- id: cookieDismiss
+  translation: "Got it!"
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@ -19,6 +19,10 @@
    {{ end }}

    {{ template "_internal/google_analytics_async.html" . }}
+
+    {{ if .Site.Params.cookie_consent_info_url }}
+    {{ partial "cookie-consent.html" . }}
+    {{ end }}
  </head>

 <body>
--- a/layouts/partials/cookie-consent.html
+++ b/layouts/partials/cookie-consent.html
@ -0,0 +1,24 @@
+<link href="{{ .Site.BaseURL }}css/cookieconsent.min.css" rel="stylesheet" type="text/css">
+<script src="{{ .Site.BaseURL }}js/cookieconsent.min.js" async></script>
+
+<script>
+window.addEventListener("load", function(){
+window.cookieconsent.initialise({
+  "palette": {
+    "popup": {
+      "background": "#428bca",
+      "text": "#ffffff"
+    },
+    "button": {
+      "background": "#f71559"
+    }
+  },
+  "content": {
+    "message": '{{ i18n "cookieMessage" }}',
+    "dismiss": '{{ i18n "cookieDismiss" }}',
+    "link": '{{ i18n "cookieLink" }}',
+    "href": "{{ .Site.Params.cookie_consent_info_url | absURL}}"
+  },
+  "position": "bottom-right"
+})});
+</script>