/* removes banner when clicked */
.cookie-banner.cookie-fade {opacity: 0; animation-fill-mode: none}
/* stops banner re-appearing */
.cookie-banner.hidden {display: none;}
/* very basic styling of the banner plus the animation properties */
.cookie-banner {
opacity: 0;
z-index: 99;
animation: initial-hide 1s ease-out 1.5s forwards;
}
/* animation keyframes that animates the banner in onload */
@keyframes initial-hide {
0% {opacity:0;}
100% {opacity:1;}
}
var cookieButton = document.getElementsByClassName('cookie-button') [0],
cookieBanner = document.getElementsByClassName('cookie-banner') [0]
// click even on button to add the cookie and remove the HTML banner
cookieButton.addEventListener('click', function() {
var cookieData = 'CookieConsent=true; path=/; expires='
var date = new Date()
var expirationDate = date.getTime() + 31536000000
date.setTime(expirationDate)
cookieData += date.toUTCString()
document.cookie = cookieData
// fades out cookie banner
cookieBanner.classList.add('cookie-fade')
})
// checks to see if cookie is has been set and if so keeps the banner hidden
if (document.cookie.split(';').filter(function(item) {
return item.trim().indexOf('CookieConsent=') == 0
}).length) {
// prevents cookie notice showing on next visit
cookieBanner.classList.add('hidden')
}
This website uses cookies to ensure you get the best experience on our website.
