<base href="https://raw-dot-custom-elements.appspot.com/Scarygami/scary-cookie-consent/2.0.0/scary-cookie-consent/">
<script src="../webcomponentsjs/webcomponents-lite.js"></script>
<link rel="import" href="scary-cookie-consent.html">

<style>
  scary-cookie-consent {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    --cookie-consent-color: white;
    --cookie-consent-background: black;
  }
</style>

<dom-bind>
  <template>
    <div hidden$="[[!consent]]">
      <p>Any content that relies on cookies (like social media plugins) can be added in here.</p><br>

      <button onclick="revokeConsent()">Revoke consent</button>
    </div>

    <p>General content that will be visible to everyone no matter if consent has been given or not.</p><br>

    <div hidden$="[[consent]]">
      <p>Special content that will only be shown to people who haven't given consent (yet).</p><br>
    </div>

    <br><br>
    <a href="demo_policy.html">Cookie policy</a>

    <scary-cookie-consent id="cookie" cookiePath="/" consent="{{consent}}" policy="demo_policy.html">
      This website uses cookies to improve your user experience and we need your consent to store those cookies on your computer.
    </scary-cookie-consent>
  </template>
</dom-bind>

<script>
  var cookieConsent = null;



  function onConsentGiven() {
    console.log('Consent given! Any scripts that depend on cookies can be run now.');
  }

  function revokeConsent() {
    cookieConsent.revoke();
  }

  function onConsentRevoked() {
    console.log('Consent revoked! All cookies we created have to be deleted now.');
  }

  window.addEventListener('WebComponentsReady', function(e) { 
    cookieConsent = document.querySelector("#cookie");
    cookieConsent.addEventListener("consent-given", onConsentGiven);
    cookieConsent.addEventListener("consent-revoked", onConsentRevoked);
  });

</script>
























<div class="vd-container"><div class="vd"><a target="_blank" href="https://vaadin.com/directory/component/Scarygamiscary-cookie-consent">Check out scary-cookie-consent on Vaadin Directory</a></div></div>