aheh/Polaris
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

sync

Browse Source
This commit is contained in:
Russell2259
2023-12-09 02:58:40 +00:00
parent 8831da0300
commit db36ba6247
2 changed files with 50 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/assets/css/main.css
+17 -5
View File
@@ -517,8 +517,20 @@ img.featured:hover {
transition: border 0.5s linear;
}
/*
.gamesectionheader{
text-align: left;
left: 10vh;
}*/
@keyframes beat {
0%,
50%,
100% {
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%) scale(1.15, 1.15) rotate(-5deg);
transform: translate(-50%, -50%) scale(1.15, 1.15) rotate(-5deg);
}
30%,
80% {
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%) scale(1, 1) rotate(5deg);
transform: translate(-50%, -50%) scale(1, 1) rotate(5deg);
}
}
static/assets/js/themes.js
+33 -31
View File
@@ -54,41 +54,43 @@ const playSmurfAudio = () => {
audio.play();
audioPlayed = true;
const imageElement = document.createElement('img');
imageElement.src = '/assets/img/smurf.jpg';
imageElement.style = `
position: fixed;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 2147483647;
transition: 0.5s;`;
document.body.appendChild(imageElement);
audio.onplay = () => {
const imageElement = document.createElement('img');
imageElement.src = '/assets/img/smurf.jpg';
imageElement.style = `
position: fixed;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 2147483647;
transition: 0.5s;`;
document.body.appendChild(imageElement);
const overlay = document.createElement('div');
overlay.style = `
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #000;
z-index: 2147483646;`;
document.body.appendChild(overlay);
const overlay = document.createElement('div');
overlay.style = `
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #000;
z-index: 2147483646;`;
document.body.appendChild(overlay);
setTimeout(() => {
for (let i = 0; i < 360 * 3; i++) setTimeout(() => imageElement.style.filter = `hue-rotate(${i > 360 ? i - 360 * Math.trunc(i / 360) : i}deg)`, 5 * i);
for (let i = 0; i < 10; i++) setTimeout(() => imageElement.style.height = `${i % 2 ? 'auto' : '120%'}`, i * 525);
}, 7500);
setTimeout(() => {
for (let i = 0; i < 360 * 3; i++) setTimeout(() => imageElement.style.filter = `hue-rotate(${i > 360 ? i - 360 * Math.trunc(i / 360) : i}deg)`, 5 * i);
imageElement.style.animation = '.8s ease 0s infinite beat';
}, 7500);
audio.onended = () => {
document.body.setAttribute('data-theme', currentTheme);
imageElement.remove();
overlay.remove();
audio.onended = () => {
document.body.setAttribute('data-theme', currentTheme);
imageElement.remove();
overlay.remove();
audioPlayed = false;
};
audioPlayed = false;
}
}
}
}