diff options
Diffstat (limited to 'htdocs/public/assets/reveal.js')
| -rw-r--r-- | htdocs/public/assets/reveal.js | 64 |
1 files changed, 64 insertions, 0 deletions
diff --git a/htdocs/public/assets/reveal.js b/htdocs/public/assets/reveal.js new file mode 100644 index 0000000..17af749 --- /dev/null +++ b/htdocs/public/assets/reveal.js @@ -0,0 +1,64 @@ +window.addEventListener('load', () => { + setTimeout(() => { + function isInViewport(element) { + const rect = element.getBoundingClientRect(); + return ( + rect.top >= 0 && + rect.left >= 0 && + rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && + rect.right <= (window.innerWidth || document.documentElement.clientWidth) + ); + } + + $("#reveal").fadeTo(0, 0) + $("#reveal2").fadeTo(0, 0) + $("#reveal3").fadeTo(0, 0) + $("#reveal4").fadeTo(0, 0) + $("#reveal5").fadeTo(0, 0) + $("#reveal6").fadeTo(0, 0) + + setInterval(() => { + if (isInViewport(document.getElementById("reveal")) && document.getElementById("reveal").style.opacity !== "1") { + $("#reveal").fadeTo(500, 1) + } + if (!isInViewport(document.getElementById("reveal"))) { + $("#reveal").fadeTo(0, 0) + } + + if (isInViewport(document.getElementById("reveal2")) && document.getElementById("reveal2").style.opacity !== "1") { + $("#reveal2").fadeTo(500, 1) + } + if (!isInViewport(document.getElementById("reveal2"))) { + $("#reveal2").fadeTo(0, 0) + } + + if (isInViewport(document.getElementById("reveal3")) && document.getElementById("reveal3").style.opacity !== "1") { + $("#reveal3").fadeTo(500, 1) + } + if (!isInViewport(document.getElementById("reveal3"))) { + $("#reveal3").fadeTo(0, 0) + } + + if (isInViewport(document.getElementById("reveal4")) && document.getElementById("reveal4").style.opacity !== "1") { + $("#reveal4").fadeTo(500, 1) + } + if (!isInViewport(document.getElementById("reveal4"))) { + $("#reveal4").fadeTo(0, 0) + } + + if (isInViewport(document.getElementById("reveal5")) && document.getElementById("reveal5").style.opacity !== "1") { + $("#reveal5").fadeTo(500, 1) + } + if (!isInViewport(document.getElementById("reveal5"))) { + $("#reveal5").fadeTo(0, 0) + } + + if (isInViewport(document.getElementById("reveal6")) && document.getElementById("reveal6").style.opacity !== "1") { + $("#reveal6").fadeTo(500, 1) + } + if (!isInViewport(document.getElementById("reveal6"))) { + $("#reveal6").fadeTo(0, 0) + } + }, 100) + }, 500) +})
\ No newline at end of file |