diff --git a/VERSION b/VERSION index 359a5b9..10bf840 100644 --- a/VERSION +++ b/VERSION @@ -1 +1 @@ -2.0.0 \ No newline at end of file +2.0.1 \ No newline at end of file diff --git a/src/public/js/lumeex.js b/src/public/js/lumeex.js index 22915a5..918cbd6 100644 --- a/src/public/js/lumeex.js +++ b/src/public/js/lumeex.js @@ -3,6 +3,13 @@ // Fade in effect for elements with class 'appear' const setupIntersectionObserver = () => { + document.querySelectorAll('.appear').forEach(parent => { + const children = parent.querySelectorAll('.appear'); + children.forEach((child, i) => { + child.style.transitionDelay = `${i * 0.2}s`; + }); + }); + const items = document.querySelectorAll('.appear'); const io = new IntersectionObserver((entries) => { entries.forEach((entry) => { diff --git a/src/public/style/style.css b/src/public/style/style.css index a1a8bca..ce22718 100644 --- a/src/public/style/style.css +++ b/src/public/style/style.css @@ -192,36 +192,6 @@ h2 { transform: none; } -.appear.inview:nth-child(1) { - -webkit-transition-delay: 0s; - transition-delay: 0s; -} - -.appear.inview:nth-child(2) { - -webkit-transition-delay: 0.2s; - transition-delay: 0.2s; -} - -.appear.inview:nth-child(3) { - -webkit-transition-delay: 0.4s; - transition-delay: 0.4s; -} - -.appear.inview:nth-child(4) { - -webkit-transition-delay: 0.6s; - transition-delay: 0.6s; -} - -.appear.inview:nth-child(5) { - -webkit-transition-delay: 0.8s; - transition-delay: 0.8s; -} - -.appear.inview:nth-child(6) { - -webkit-transition-delay: 1s; - transition-delay: 1s; -} - /* img fade in */ .fade-in-img { @@ -491,7 +461,7 @@ h2 { } .section img { - margin: 0px 0 60px 0; + margin: 0px 0 40px 0; } .tag { diff --git a/src/templates/footer.html b/src/templates/footer.html index 0c27b01..6f1ffea 100644 --- a/src/templates/footer.html +++ b/src/templates/footer.html @@ -12,7 +12,7 @@
- +