From b0af813ffc82a899cdc62e979531d5e4a57d653b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn?= <me@tentakelfabrik.de>
Date: Wed, 15 Jan 2020 09:41:11 +0100
Subject: [PATCH] adding

---
 demo.js              | 2 +-
 demo.scss            | 2 ++
 src/TinyConsent.riot | 4 +++-
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/demo.js b/demo.js
index c866e50..8bca1b8 100644
--- a/demo.js
+++ b/demo.js
@@ -13,7 +13,7 @@ const data = {
         content: 'Cookie from Matamo for Website-Analytics. Creates statiscial Data how the User uses this Website',
         provider: 'Tentakelfabrik.de',
         duration: '1 Year',
-        privacy_policy: 'http://this',
+        privacy_policy: 'https://tentakelfabrik.de/datenschutzerklarung',
         handleAgree: function() {
             console.log('agree');
         },
diff --git a/demo.scss b/demo.scss
index 6058745..510de5b 100644
--- a/demo.scss
+++ b/demo.scss
@@ -19,6 +19,8 @@
     color: white;
 
     &__inner {
+        margin: 0 auto;
+        max-width: 1280px;
         padding: 2em;
     }
 
diff --git a/src/TinyConsent.riot b/src/TinyConsent.riot
index 78152b8..7abf1a3 100644
--- a/src/TinyConsent.riot
+++ b/src/TinyConsent.riot
@@ -27,6 +27,7 @@
                                 <li if={ cookie.provider }><span>{ state.options.text.footer__provider }</span> { cookie.provider }</li>
                                 <li if={ cookie.name }><span>{ state.options.text.footer__name }</span> { cookie.name }</li>
                                 <li if={ cookie.duration }><span>{ state.options.text.footer__duration }</span> { cookie.duration }</li>
+                                <li if={ cookie.privacy_policy }><a href="{ cookie.privacy_policy }">{ state.options.text.footer__url }</a></li>
                             </ul>
                         </div>
                     </div>
@@ -79,7 +80,8 @@
                         button__close : 'Close',
                         footer__name: 'Cookie Name',
                         footer__provider: 'Provider',
-                        footer__duration: 'Cookie Duration'
+                        footer__duration: 'Cookie Duration',
+                        footer__privacy_policy: 'Privacy Policy'
                     }
                 },
                 isOpen: false,