https://standup-and-prosper.com/static/script.js

1function bindSlackLink() {
2  var slackLinkEl = document.getElementById('add-to-slack-link');
3  if (window.location.hostname === 'localhost') {
4    slackLinkEl.href = slackLinkEl.href.replace('https%3A%2F%2Fstandup-and-prosper.com%2F', encodeURIComponent('http://localhost:8080/'));
5  }
6}
7
8function bindImageZoom() {
9  let images = document.querySelectorAll('.step-image');
10  let container = document.querySelector('#image-zoomed-container');
11  let zoomedImage = document.querySelector('#image-zoomed');
12  let body = document.querySelector('body');
13  for (let i = 0; i < images.length; i++) {
14    let image = images[i];
15    image.classList.add('pointer');
16    image.addEventListener('click', function () {
17      container.classList.add('open');
18      zoomedImage.src = image.src;
19    });
20  }
21  container.addEventListener('click', function () {
22    container.classList.remove('open');
23  });
24}
25
26bindSlackLink();
27bindImageZoom();
28
29/**
30 * Navbar Dropdown
31 */
32let mainNav = document.getElementById('js-menu');
33let navBarToggle = document.getElementById('js-navbar-toggle');
34
35navBarToggle.addEventListener('click', function () {
36  mainNav.classList.toggle('active');
37	mainNav.classList.toggle('peekaboo');
38});