diff --git a/_layouts/default.html b/_layouts/default.html index d7fa507..ef3ca12 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -10,6 +10,11 @@ {{ content }} +
+
x
+ This website is using cookies. More info. That's Fine +
+ {% include footer.html %} diff --git a/css/style.css b/css/style.css index 84a09d7..0c439ae 100755 --- a/css/style.css +++ b/css/style.css @@ -1751,7 +1751,7 @@ p.blogauthor { line-height: 2; letter-spacing: .01rem; } - + .post-list-tags .entry-date { float: right; } @@ -1774,3 +1774,50 @@ p.blogauthor { #blog-title a:hover { color: #3399D4; } + +/*Cookie Consent Begin*/ +#cookieConsent { + background-color: rgba(20,20,20,0.8); + min-height: 26px; + font-size: 14px; + color: #ccc; + line-height: 26px; + padding: 8px 0 8px 30px; + font-family: !inherit; + position: fixed; + bottom: 0; + left: 0; + right: 0; + display: none; + z-index: 9999; +} +#cookieConsent a { + color: #3399D4; + text-decoration: none; +} +#closeCookieConsent { + float: right; + display: inline-block; + cursor: pointer; + height: 20px; + width: 20px; + margin: -15px 0 0 0; + font-weight: bold; +} +#closeCookieConsent:hover { + color: #FFF; +} +#cookieConsent a.cookieConsentOK { + background-color: #F1D600; + color: #000; + display: inline-block; + border-radius: 5px; + padding: 0 20px; + cursor: pointer; + float: right; + margin: 0 60px 0 10px; +} +#cookieConsent a.cookieConsentOK:hover { + background-color: #E0C91F; +} +/*Cookie Consent End*/ diff --git a/js/svg.js b/js/svg.js index b141853..bb96d75 100644 --- a/js/svg.js +++ b/js/svg.js @@ -34,3 +34,12 @@ jQuery('img.svg').each(function(){ }, 'xml'); }); + +$(document).ready(function(){ + setTimeout(function () { + $("#cookieConsent").fadeIn(200); + }, 4000); + $("#closeCookieConsent, .cookieConsentOK").click(function() { + $("#cookieConsent").fadeOut(200); + }); +});