mirror/poke
1
0
Fork 0
mirror of https://codeberg.org/ashley/poke.git synced 2024-11-22 23:17:57 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix some issues :3

Browse source
This commit is contained in:
Ashley 2023-03-11 13:39:44 +00:00
parent 28d1f03afe
commit 794ba0853c
1 changed files with 39 additions and 39 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

78
html/poketube.ejs
View file

@ -1382,7 +1382,6 @@ video.addEventListener('volumechange', function() {
localStorage.setItem('playerVolume', this.volume); localStorage.setItem('playerVolume', this.volume);
}); });
// Get the progress bar and container elements // Get the progress bar and container elements
const progressBar1 = document.querySelector(".progress-bar"); const progressBar1 = document.querySelector(".progress-bar");
const progressContainer1 = document.querySelector(".progress-container"); const progressContainer1 = document.querySelector(".progress-container");
@ -1399,14 +1398,14 @@ window.addEventListener("load", () => {
}, 500); }, 500);
}); });
document.addEventListener('DOMContentLoaded', function() { document.addEventListener('DOMContentLoaded', function() {
let bgs = document.querySelectorAll('[data-bg]'); let bgs = document.querySelectorAll('[data-bg]');
let bgCount = bgs.length; let bgCount = bgs.length;
function loadBg(index) { function loadBg(index) {
let bg = bgs[index]; let bg = bgs[index];
let bgUrl = bg.getAttribute('data-bg'); let bgUrl = bg.getAttribute('data-bg');
bg.style.backgroundImage = `url(${bgUrl})`; bg.style.backgroundImage = `url(${bgUrl})`;
bg.removeAttribute('data-bg'); bg.removeAttribute('data-bg');
bg.classList.add('loaded'); bg.classList.add('loaded');
} }
@ -1427,7 +1426,7 @@ window.addEventListener("load", () => {
window.addEventListener('resize', lazyLoadBg); window.addEventListener('resize', lazyLoadBg);
}); });
const fadeInElements = () => { const fadeInElements = () => {
const elements = document.querySelectorAll('.fade-in'); const elements = document.querySelectorAll('.fade-in');
const viewportHeight = window.innerHeight; const viewportHeight = window.innerHeight;
elements.forEach(element => { elements.forEach(element => {
@ -1448,43 +1447,43 @@ document.addEventListener('fullscreenchange', () => {
fadeInElements(); fadeInElements();
}); });
setInterval(fadeInElements, 500);
// Get all anchor links on the page
// Get all anchor links on the page
const links = document.querySelectorAll('a'); const links = document.querySelectorAll('a');
// Add a click event listener to each link // Add a click event listener to each link
links.forEach(link => { links.forEach(link => {
link.addEventListener('click', e => { link.addEventListener('click', e => {
e.preventDefault(); // Prevent the default link behavior // Check if the link's href includes a hash character
if (!link.href.includes('#')) {
// Create a loading spinner element e.preventDefault(); // Prevent the default link behavior
const spinner = document.createElement('div');
spinner.classList.add('spinner'); // Create a loading spinner element
const spinner = document.createElement('div');
// Create a loading overlay element spinner.classList.add('spinner');
const loading = document.createElement('div');
loading.classList.add('loading'); // Create a loading overlay element
loading.appendChild(spinner); const loading = document.createElement('div');
loading.classList.add('loading');
// Add the loading overlay to the body loading.appendChild(spinner);
document.body.appendChild(loading);
// Add the loading overlay to the body
// Redirect to the link after a short delay to show the loading overlay document.body.appendChild(loading);
setTimeout(() => {
window.location.href = link.href; // Redirect to the link after a short delay to show the loading overlay
}, 500); setTimeout(() => {
window.location.href = link.href;
}, 500);
}
}); });
}); });
const videoElement = document.getElementById("video");
// Listen for full screen change events on the video element
</script> videoElement.addEventListener("fullscreenchange", () => {
<script>
const videoElement = document.getElementById("video");
// Listen for full screen change events on the video element
videoElement.addEventListener("fullscreenchange", () => {
if (document.fullscreenElement === videoElement) { if (document.fullscreenElement === videoElement) {
// If the video element is in full screen mode, remove the border radius // If the video element is in full screen mode, remove the border radius
videoElement.style.borderRadius = "0em "; videoElement.style.borderRadius = "0em ";
@ -1493,9 +1492,10 @@ links.forEach(link => {
videoElement.style.borderRadius = "16px"; videoElement.style.borderRadius = "16px";
} }
}); });
</script>
</script>
<% if (!optout) { %>
<% if (!optout) { %>
<!-- MORE INFO :https://poketube.fun/privacy --> <!-- MORE INFO :https://poketube.fun/privacy -->
<!-- MORE INFO :https://poketube.fun/privacy --> <!-- MORE INFO :https://poketube.fun/privacy -->