diff --git a/wiki/pages/home.html b/wiki/pages/home.html index f4b88d1177f7a98b1769462ff65b6874278fadfa..4c36827ba19b968d012ac0da652c947a61deb8f3 100644 --- a/wiki/pages/home.html +++ b/wiki/pages/home.html @@ -133,105 +133,5 @@ </div> </div> </div> -<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script> -<script> - AOS.init(); -</script> -<script> -let active = false; -let scrollerMiddle = document.querySelector('.scroller-middle'); -let scrollerTop = document.querySelector('.scroller-top'); -scrollerMiddle.addEventListener('mousedown',function(){ - active = "middle"; - scrollerMiddle.classList.add('scrolling'); -}); -document.body.addEventListener('mouseup',function(){ - active = false; - scrollerMiddle.classList.remove('scrolling'); -}); -document.body.addEventListener('mouseleave',function(){ - active = false; - scrollerMiddle.classList.remove('scrolling'); -}); -scrollerTop.addEventListener('mousedown',function(){ - active = "top"; - scrollerTop.classList.add('scrolling'); -}); -document.body.addEventListener('mouseup',function(){ - active = false; - scrollerTop.classList.remove('scrolling'); -}); -document.body.addEventListener('mouseleave',function(){ - active = false; - scrollerTop.classList.remove('scrolling'); -}); -document.body.addEventListener('mousemove',function(e){ - if (!active) return; - let x = e.pageX; - x -= document.querySelector('.wrapper').getBoundingClientRect().left; - scrollIt(x); -}); - -function scrollIt(x){ - let transform = Math.max(0,(Math.min(x,document.querySelector('.wrapper').offsetWidth))); - if (active==="middle"){ - document.querySelector('.middle').style.width = transform+"px"; - scrollerMiddle.style.left = transform-25+"px"; - if (scrollerTop.getBoundingClientRect().left>scrollerMiddle.getBoundingClientRect().left-5){ - document.querySelector('.top').style.width = transform-5+"px"; - scrollerTop.style.left = transform-30+"px"; - } - } - - if (active==="top"){ - document.querySelector('.top').style.width = transform+"px"; - scrollerTop.style.left = transform-25+"px"; - if (scrollerTop.getBoundingClientRect().left>scrollerMiddle.getBoundingClientRect().left-5){ - document.querySelector('.middle').style.width = transform+5+"px"; - scrollerMiddle.style.left = transform-20+"px"; - } - } -} - -active = "middle"; -scrollIt(460); -active = "top"; -scrollIt(230); -active = false; - -scrollerMiddle.addEventListener('touchstart',function(){ - active = "middle"; - scrollerMiddle.classList.add('scrolling'); -}); -document.body.addEventListener('touchend',function(){ - active = false; - scrollerMiddle.classList.remove('scrolling'); -}); -document.body.addEventListener('touchcancel',function(){ - active = false; - scrollerMiddle.classList.remove('scrolling'); -}); - -scrollerTop.addEventListener('touchstart',function(){ - active = "top"; - scrollerTop.classList.add('scrolling'); -}); -document.body.addEventListener('touchend',function(){ - active = false; - scrollerTop.classList.remove('scrolling'); -}); -document.body.addEventListener('touchcancel',function(){ - active = false; - scrollerTop.classList.remove('scrolling'); -}); - -document.querySelector('.wrapper').addEventListener('touchmove',function(e){ - if (!active) return; - e.preventDefault(); - let x = e.touches[0].pageX; - x -= document.querySelector('.wrapper').getBoundingClientRect().left; - scrollIt(x); -}); -</script> {% endblock %}