Added new design

[wolnelektury.git] / src / wolnelektury / static / 2022 / scripts / main.js

diff --git a/src/wolnelektury/static/2022/scripts/main.js b/src/wolnelektury/static/2022/scripts/main.js
new file mode 100644 (file)
index 0000000..228f629
--- /dev/null
+++ b/src/wolnelektury/static/2022/scripts/main.js
@@ -0,0 +1,65 @@
+// JS Menu
+(function () {
+  let button = $('.js-menu');
+  let menu = $('.l-navigation__menu');
+  let menuLinks = menu.find('a');
+
+  button.on('click', function() {
+    if(!$(this).hasClass('is-active')) {
+      $(this).addClass('is-active');
+      menu.addClass('is-open');
+      button.find('.bar').addClass('animate');
+      menuLinks.attr('tabindex', 0);
+    } else {
+      $(this).removeClass('is-active');
+      menu.removeClass('is-open');
+      button.find('.bar').removeClass('animate');
+      menuLinks.attr('tabindex', -1);
+    }
+  });
+
+  $(document).keyup(function(e) {
+    if (e.keyCode === 27) {
+      button.removeClass('is-active');
+      menu.removeClass('is-open');
+      button.find('.bar').removeClass('animate');
+      menuLinks.attr('tabindex', -1);
+    }
+  });
+})();
+
+// Ebook/Audiobook Btns
+(function() {
+  let button = $('.c-media__btn button');
+  let closeButton = $('.c-media__popup__close');
+
+  button.on('click', function () {
+    let target = $(this).attr('id');
+    $('[data-popup=' + target).addClass('is-open');
+  });
+
+  closeButton.on('click', function() {
+    $(this).closest('.c-media__popup').removeClass('is-open');
+  });
+
+  $(document).keyup(function(e) {
+    if (e.keyCode === 27) {
+      $('.c-media__popup').removeClass('is-open');
+    }
+  });
+})();
+
+// Quotes slider
+(function () {
+  let slider = $('.l-author__quotes__slider');
+
+  slider.slick({
+    slidesToScroll: 1,
+    slidesToShow: 1,
+    infinite: true,
+    dots: true,
+    arrows: false,
+    autoplay: true,
+    autoplaySpeed: 2500
+  });
+})();