layout title home Gabriel Jay Huerte - XCHANGED INC Gabriel Huerte at your service Nice to meet you <script type="text/javascript"> $('#content').imagesLoaded({ background: true }, function() { $(document).ready(function () { var textWrapper = document.querySelector('.line-1 .letters-1'); textWrapper.innerHTML = textWrapper.textContent.replace(/([^\x00-\x80]|\w)/g, "$&"); var textWrapper2 = document.querySelector('.line-2 .letters-2'); textWrapper2.innerHTML = textWrapper2.textContent.replace(/([^\x00-\x80]|\w)/g, "$&"); anime.timeline({loop: true}) .add({ targets: '.line-1 .line', scaleY: [0,1], opacity: [0.5,1], easing: "easeOutExpo", duration: 700 }) .add({ targets: '.line-1 .line', translateX: [0, document.querySelector('.line-1 .letters-1').getBoundingClientRect().width + 10], easing: "easeOutExpo", duration: 700, delay: 100 }).add({ targets: '.line-1 .letter', opacity: [0,1], easing: "easeOutExpo", duration: 600, offset: '-=775', delay: (el, i) => 34 * (i+1) }).add({ targets: '.line-2 .line', scaleY: [0,1], opacity: [0.5,1], easing: "easeOutExpo", duration: 700 }) .add({ targets: '.line-2 .line', translateX: [0, document.querySelector('.line-2 .letters-2').getBoundingClientRect().width + 10], easing: "easeOutExpo", duration: 700, delay: 100 }).add({ targets: '.line-2 .letter', opacity: [0,1], easing: "easeOutExpo", duration: 600, offset: '-=775', delay: (el, i) => 34 * (i+1) }); $('#content').show(); }); }); </script>