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

fix stuff

Browse source
This commit is contained in:
ashley 2024-05-10 21:36:08 +00:00
parent 93edc7411c
commit 87ceaf1a8a
1 changed files with 23 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
html/poketube.ejs
View file

@ -2177,8 +2177,10 @@ a {
<% } %> <% } %>
<style> <style>
.video-player-container { .video-player-container {
position: relative; position: sticky;
z-index: 1;
} }
.player { .player {
@ -2190,6 +2192,7 @@ a {
box-shadow: 0em; box-shadow: 0em;
} }
<% if (lightOrDark(color) == "dark") { %> <% if (lightOrDark(color) == "dark") { %>
#shadow { #shadow {
position: absolute; position: absolute;
@ -2202,6 +2205,8 @@ a {
filter: blur(5px); filter: blur(5px);
transition: opacity 0.2s ease; transition: opacity 0.2s ease;
opacity: 0; opacity: 0;
z-index: -1;
} }
<% } %> <% } %>
<% if (lightOrDark(color) == "light") { %> <% if (lightOrDark(color) == "light") { %>
@ -2217,6 +2222,8 @@ a {
filter: blur(5px); filter: blur(5px);
transition: opacity 0.2s ease; transition: opacity 0.2s ease;
opacity: 0; opacity: 0;
z-index: -1;
} }
<% } %> <% } %>
</style> </style>
@ -2286,7 +2293,7 @@ a {
</div> </div>
<div class="video-info" > <div class="video-info" style="position: sticky;z-index: 1;">
<div style="linear-gradient(135deg,#f97794 10%,#623aa2 100%,#8e6f7e 100%);border-radius: 10px;margin-bottom: 10px;padding-bottom: 1em;padding-top: 0.3em;"> <div style="linear-gradient(135deg,#f97794 10%,#623aa2 100%,#8e6f7e 100%);border-radius: 10px;margin-bottom: 10px;padding-bottom: 1em;padding-top: 0.3em;">
<div style="display: flex;justify-content: center;align-items: center;flex-direction: row; column-gap: 3px;margin-top: -14px;" align="center"> <div style="display: flex;justify-content: center;align-items: center;flex-direction: row; column-gap: 3px;margin-top: -14px;" align="center">
@ -3218,14 +3225,20 @@ function resumeProgress() {
} }
} }
// Define a function to toggle the opacity function toggleOpacity() {
function toggleOpacity() { const element = document.getElementById('shadow'); // Replace 'yourElementId' with the ID of your element
const element = document.getElementById('shadow'); const video = document.getElementById('video'); // Assuming your video element has an ID of 'video'
const currentOpacity = parseFloat(window.getComputedStyle(element).opacity); const currentOpacity = parseFloat(window.getComputedStyle(element).opacity);
if (video.paused) {
return;
}
if (currentOpacity === 1) { if (currentOpacity === 1) {
element.style.transition = 'opacity 1s ease'; // Adjust the duration as needed
element.style.opacity = 0; element.style.opacity = 0;
} else { } else {
element.style.transition = 'opacity 1s ease'; // Adjust the duration as needed
element.style.opacity = 1; element.style.opacity = 1;
} }
} }
@ -3234,6 +3247,11 @@ function toggleOpacity() {
setInterval(toggleOpacity, 200); setInterval(toggleOpacity, 200);
}; };
window.onload = function() {
setInterval(toggleOpacity, 200);
};
video.addEventListener('timeupdate', () => { video.addEventListener('timeupdate', () => {
if (Math.floor(video.currentTime) % 1 === 0) { if (Math.floor(video.currentTime) % 1 === 0) {
saveProgress(); saveProgress();