wwwebman · November 16, 2017 17:35 · szujak · Nov 16, 2017 · wwwebman · Nov 16, 2017
diff --git a/cookie.scss b/cookie.scss
 .m-cookies {
  display: none;
  background: $white;
  position: fixed;
  bottom: 0;
  width: 100%;
  border-top: -border(darken($color-accent, 15%), $b-s-medium);
  @include z(overlay);
  a, p {
    color: $black;
    margin: 0;
    @include media("<md") {
      font-size: 12px;
    }
  }
  p {
    padding: $padding 0;
    line-height: 1;
  }
  a {
    text-decoration: underline;
  }
  button {
    margin: $margin auto;
    display: block;
    font-weight: 700;
    letter-spacing: .05em;
    background-color: darken($color-accent, 20%);
  }
 }
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <html lang="en">
 <head>
    <meta charset="UTF-8">
    <title>Document</title>
 </head>
 <body>
 <div class="m-cookies">
    <div class="container">
        <div class="row">
            <div class="col-sm-9"><p>Find out about the cookies - <a href="http://www.sussex.ac.uk/about/website/cookies" rel="nofollow noreferrer noopener" target="_blank">link</a></p></div>
            <div class="col-sm-3"><button type="button" class="btn">Accept</button></div>
        </div>
    </div>
 </div> 
 </body>
 </html>
diff --git a/set-get-cookie.js b/set-get-cookie.js
 (function() {
 	var btn = document.querySelector('.m-cookies button');
 	var mCookie = document.querySelector('.m-cookies');
 	
 	function setCookie (name, value, exdays) {
 		var date = new Date();
 		date.setTime(date.getTime() + (exdays*24*60*60*1000));
 		var expires = 'expires='+date.toUTCString();
 		document.cookie = name + '=' + value + '; ' + expires + ";domain=" + window.location.hostname + ";path=/";
 	}

 	function getCookie(name) {
 		var cname = name,
 			cArg = document.cookie.split(';');
 		for (i=0; i<cArg.length; i++) {
 			var cA = cArg[i];
 			while (cA.charAt(0) == ' ') cA = cA.substring(1);
 			if (cA.indexOf(name) === 0) { 
 				return cA.substring(name.length, cA.length); 
 			}
 		}
 		return "";
 	}

 	

 	// Set cookies onAccept
 	btn.addEventListener('click', function(){
 		mCookie.style.display = 'none';
 		setCookie('cookie', 'accepted', 360);
 	});

 	// Show/hide coockie
 	if (getCookie('cookie')) {
 		mCookie.style.display = 'none';
 	}else {
 		mCookie.style.display = 'block';
 	}
 })()
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Document</title>
	</head>
	<body>
	<div class="m-cookies">
	<div class="container">
	<div class="row">
	<div class="col-sm-9"><p>Find out about the cookies - <a href="http://www.sussex.ac.uk/about/website/cookies" rel="nofollow noreferrer noopener" target="_blank">link</a></p></div>
	<div class="col-sm-3"><button type="button" class="btn">Accept</button></div>
	</div>
	</div>
	</div>
	</body>
	</html>