type media videos

2025-05-27 15:33:47 +02:00
parent 1b110ac316
commit a7abf60b1b
93 changed files with 12353 additions and 17 deletions
@@ -0,0 +1,115 @@
+(function() {
+    var _ = v;
+
+    var scrollerDesc = mctracker();
+    scrollerDesc.setup({
+        element: _('.box-container').toArray(),
+        offsetBottom: '20%',
+        once: true,
+    }).onStepEnter(function(response) {
+        var list = _(response.element).find('li');
+        list.forEach(function(item, i) {
+            var delay = i * 150 / 1000;
+            item = _(item);
+            item.attr('style', 'transition-delay: ' + delay + 's;');
+        })
+
+        list.addClass('show')
+    });
+
+
+    var header = function() {
+        var lastKnownScrollY = 0;
+        var currentScrollY = 0;
+        var eleHeader = null;
+        const classes = {
+            pinned: 'header-pin',
+            unpinned: 'header-unpin',
+        };
+
+        function onScroll() {
+            currentScrollY = window.pageYOffset;
+
+            if (currentScrollY <= 0) {
+                restore();
+                return;
+            }
+            if (currentScrollY < lastKnownScrollY) {
+                pin();
+            } else if (currentScrollY > lastKnownScrollY) {
+                unpin();
+            }
+            lastKnownScrollY = currentScrollY;
+        }
+
+        function pin() {
+            eleHeader.removeClass(classes.unpinned);
+            eleHeader.addClass(classes.pinned);
+        }
+        function unpin() {
+            eleHeader.removeClass(classes.pinned);
+            eleHeader.addClass(classes.unpinned);
+        }
+        function restore() {
+            eleHeader.removeClass(classes.pinned);
+            eleHeader.removeClass(classes.unpinned);
+        }
+        eleHeader = _('.main-header');
+        headerHeaight = eleHeader.height();
+        onScroll();
+        window.onload = function() {
+            document.addEventListener('scroll', onScroll, false);
+        }
+    }
+    header();
+
+
+
+
+    var specifics = function(params) {
+        var scrollerDesc = mctracker();
+        scrollerDesc.setup({
+            element: _('.especifications ul').toArray(),
+            bottom: '300',
+            once: true,
+        }).onStepEnter(function(response) {
+            var list = _(response.element).find('li');
+            list.forEach(function(item, i) {
+                var delay = i * 100 / 1000;
+                item = _(item);
+                item.attr('style', 'transition-delay: ' + delay + 's;');
+            })
+            list.addClass('show')
+        });
+    }
+    specifics();
+
+
+    const letters = _('svg').children('g');
+    function animateLetter(index = 0) {
+        if (index > letters.length - 1) {
+            return false;
+        }
+
+        let nextIndex = index + 1;
+        let paths = _(letters[index]).find('path');
+        let duration = (index > 0 ? 390 : 1000);
+
+        anime({
+            targets: paths.toArray(),
+            strokeDashoffset: [anime.setDashoffset, 0],
+            easing: 'easeInOutSine',
+            duration: duration,
+            begin: () => {
+                paths.addClass('hw');
+            },
+            complete: () => {
+                animateLetter(nextIndex);
+            }
+        });
+    }
+    animateLetter(0);
+
+
+
+}());