privacy demo

by Oliver Kelso

HTML

<h1>
Privacy Demo
</h1>

CSS

html, body {
  padding:0px;
  margin:0px;
}

JavaScript

var bannerContent = '<div id="bannerCenter">';
bannerContent += '<h1>Cookie Settings</h1>';
bannerContent += '<span class="xClose" title="close">X</span>';
bannerContent += '<p>Dell and it\'s partners use cookies to enhance your experience and customize your content. By using this site without changing your cookie settings, you agree to our <a href="#">Cookie Policy</a>. Use our <a href="#" class="cookieSettings">Cookie Tool</a> to change your cookie settings, and go to <a href="#">About Our Ads</a> to manage third-party cookies.</p>';
bannerContent += '<div><p class="privButton privBannerClose">I Understand</p></div>';
bannerContent += '</div>';

var dialogContent = '<div id="dialogContent"><div id="privBack">&nbsp;&nbsp;Back</div><span class="privClose">X</span>';
dialogContent += '<div id="privControls">';
dialogContent += '<h1>Customize Cookie Settings</h1>';
dialogContent += '<p>You can control your Dell.com experience by customizing your cookie settings.</p>';
dialogContent += '<p>Please review our <a href="#">Cookie Policy</a> and <a href="#">About Our Ads</a> for more information about Dell and 3rd party cookies.';
dialogContent += '<h1>Cookie Type</h1>';
dialogContent += '<h2>Personalisation</h2>';
dialogContent += '<p>Simplify sign-in and checkout, and enable Dell to recommend products and services.</p>';
dialogContent += '<input type="radio" name="personalisation" value="on" checked> On ';
dialogContent += '<input type="radio" name="personalisation" value="off"> Off';
dialogContent += '<hr />';
dialogContent += '<h2>Analytics</h2>';
dialogContent += '<p>Help Dell continually test features and improve your experience.</p>';
dialogContent += '<input type="radio" name="analytics" value="on" checked> On ';
dialogContent += '<input type="radio" name="analytics" value="off"> Off';
dialogContent += '<hr />';
dialogContent += '</div>';
dialogContent += '</div>';

// privBanner styles
var styles = '#privBanner {color:#333;position: fixed;bottom:...