Mirrors/tachiyomi-website
2
0
Fork 0
mirror of https://github.com/tachiyomiorg/website.git synced 2024-12-21 07:31:58 +01:00
Code Issues Packages Projects Releases Wiki Activity

Move script to file

Browse Source
This commit is contained in:
Eugene 2019-09-14 19:24:03 -04:00
parent d9b1b92b08
commit 008883b908
No known key found for this signature in database
GPG Key ID: E1FD745328866B0A
2 changed files with 23 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/assets/js/script.js Normal file
View File

@ -0,0 +1,22 @@
addEventListener("hashchange", () => {
var q = document.querySelector(location.hash)
if (q instanceof HTMLHeadingElement && q.parentElement.parentElement instanceof HTMLDetailsElement)
q.parentElement.parentElement.open = true;
})
if (location.hash) requestAnimationFrame(() => dispatchEvent(new HashChangeEvent("hashchange")));
if ('IntersectionObserver' in self) {
const mo = new IntersectionObserver(i => {
for (const s of i) {
/** @type {HTMLVideoElement} */
const v = s.target;
if (s.isIntersecting && v.paused) {
v.load()
v.play()
} else if (!v.paused) v.pause()
}
})
for (let v of document.querySelectorAll('video')) {
mo.observe(v)
v.controls = false
}
}

25
src/index.html
View File

@ -135,29 +135,6 @@
<script src="assets/js/bootstrap-4.3.1.min.js"></script> <script src="assets/js/bootstrap-4.3.1.min.js"></script>
<script src="assets/js/bootstrap-toc-1.0.1.min.js"></script> <script src="assets/js/bootstrap-toc-1.0.1.min.js"></script>
<!-- Convenience script --> <!-- Convenience script -->
<script> <script src="assets/js/script.js"></script>
addEventListener("hashchange", () => {
var q = document.querySelector(location.hash)
if (q instanceof HTMLHeadingElement && q.parentElement.parentElement instanceof HTMLDetailsElement)
q.parentElement.parentElement.open = true;
})
if (location.hash) requestAnimationFrame(() => dispatchEvent(new HashChangeEvent("hashchange")));
if ('IntersectionObserver' in self) {
const mo = new IntersectionObserver(i => {
for (const s of i) {
/** @type {HTMLVideoElement} */
const v = s.target;
if (s.isIntersecting && v.paused) {
v.load()
v.play()
} else if (!v.paused) v.pause()
}
})
for (let v of document.querySelectorAll('video')) {
mo.observe(v)
v.controls = false
}
}
</script>
</body> </body>
</html> </html>