====== Announce kit ======

To use announce kit, insert this in footer content:
<code>
  <div class="announcekit-widget"></div>
</code>

Add this to custom script:
<code>
// ANNOUNCE KIT START
var announcekitwidgetlink = "<ANNOUNCE_KIT_WIDGET_LINK>";
window.announcekit = (window.announcekit || { queue: [], on: function(n, x) { window.announcekit.queue.push([n, x]); }, push: function(x) { window.announcekit.queue.push(x); } });
window.announcekit.push({
  "widget": announcekitwidgetlink,
  "selector": ".announcekit-widget"
})
var head = document.getElementsByTagName('head')[0];
script = document.createElement('script');
script.src = 'https://cdn.announcekit.app/widget-v2.js';
head.appendChild(script)

announcekit.push({
  widget: announcekitwidgetlink,
  selector: ".announcekit-widget",
  float: {
    style: {
     margin: "0 0 70px 70px"
    }
  }
})


document.body.addEventListener("userLogIn", function(e){
  var user = e.detail;
  announcekit.push({
    widget: announcekitwidgetlink,
    selector: ".announcekit-widget",
    user: {
      id: user.id.toString(),
      email: user.email,
      name: user.displayName,
    },
    float: {
      style: {
       margin: "0 0 70px 70px"
      }
    }
  })
});
// ANNOUNCE KIT END
</code>

Change this line to connect with your announce kit instance:
<code>
var announcekitwidgetlink = "<ANNOUNCE_KIT_WIDGET_LINK>";
</code>

To position floating announce kit element (assuming widget is set to float mode and positioned to bottom left), change these values to move up and to the right side:
<code>
    float: {
      style: {
       margin: "0 0 70px 70px"
      }
    }
</code>