Pretty usable.

[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
index 228f629..de8b661 100644 (file)
--- a/src/wolnelektury/static/2022/scripts/main.js
+++ b/src/wolnelektury/static/2022/scripts/main.js
@@ -49,6 +49,36 @@
   });
 })();
 
+
+
+// Text overlay toggler
+(function () {
+  let overlays = $('.l-article__overlay');
+  let button = $('.l-article__read-more');
+
+  overlays.each(function () {
+    let maxHeight = $(this).attr('data-max-height');
+    if($(this).outerHeight() > maxHeight) {
+      $(this).css({'maxHeight': maxHeight+'px'}).addClass('is-active');
+    } else {
+      $(this).next('.l-article__read-more').hide();
+    }
+  });
+
+  button.on('click', function() {
+    let dataLabel = $(this).attr('data-label');
+    let dataAction = $(this).attr('data-action');
+    $(this).parent().find('.l-article__overlay').toggleClass('is-clicked');
+    if($(this).text() === dataLabel) {
+      $(this).text(dataAction);
+    } else {
+      $(this).text(dataLabel);
+    }
+  });
+})();
+
+
+
 // Quotes slider
 (function () {
   let slider = $('.l-author__quotes__slider');
@@ -63,3 +93,48 @@
     autoplaySpeed: 2500
   });
 })();
+
+
+//Zmieniamy się popup
+(function() {
+    let $change = $('.l-change-pop');
+    function change() {
+        if(localStorage.getItem('change') === null) {
+            $change.addClass('show');
+        }
+
+        $change.on('click', '.l-change-pop__close', function () {
+            $change.slideUp();
+            localStorage.setItem('change', 'showed');
+
+            $menubtn = $('.c-hamburger').parent();
+            $menubtn.removeClass('is-active');
+            $('.animate', $menubtn).removeClass('animate');
+        });
+
+        $(".c-hamburger").click(function() {
+            $button = $(this).parent();
+            if ($button.hasClass('is-active')) {
+                $change.slideUp();
+                localStorage.setItem('change', 'showed');
+            } else {
+                localStorage.removeItem('change');
+                $change.slideDown({
+                    start: function() {
+                        $(this).css({display: "flex"});
+                    }
+                });
+            }
+        });
+    }
+    
+    if($change.length) { change(); }
+
+    function quit_experiment() {
+        document.cookie = 'EXPERIMENT_layout=off; path=/; max-age=31536000';
+        window.location.reload(true);
+    }
+    $(".quit-experiment").click(quit_experiment);
+
+    
+})();