CatAClock/Fedi.CrowdedGames.Group
CatAClock/Fedi.CrowdedGames.Group
0
0
Fork 0
Code Issues 2 Pull requests Activity

animation stuff works!

Browse source
This commit is contained in:
CatAClock 2025-05-25 19:31:47 -07:00
parent 66dfbb6372
commit faba7267e8
2 changed files with 14 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
CSS/index.css
View file

@ -26,11 +26,11 @@
}
@keyframes Next {
0% {
left: 0vw;
left: 85vw;
}
100% {
left: -85vw;
left: 0vw;
}
}
@ -44,11 +44,11 @@
}
@keyframes Back {
0% {
left: 0vw;
left: -85vw;
}
100% {
left: 85vw;
left: 0vw;
}
}

10
JS/index.js
View file

@ -92,6 +92,7 @@ function Music() {
// Clicking the next button
ArrowsButton[1].onclick = (event) => {
if (!ContainerContainer.classList.contains("NextAnimation")) {
UpdateOtherContainers(1);
ContainerContainer.classList.add("NextAnimation");
ButtonSound.play();
setTimeout(() => {
@ -104,6 +105,7 @@ ArrowsButton[1].onclick = (event) => {
// Clicking the back button
ArrowsButton[0].onclick = (event) => {
if (!ContainerContainer.classList.contains("BackAnimation")) {
UpdateOtherContainers(3);
ContainerContainer.classList.add("BackAnimation");
ButtonSound.play();
setTimeout(() => {
@ -113,6 +115,14 @@ ArrowsButton[0].onclick = (event) => {
}
}
function UpdateOtherContainers(Num) {
let Posts = ContainerContainer.getElementsByClassName("PostContainer")[Num].children;
for (let i = 0; i < ClickableContainers.length; i++) {
Posts[i].getElementsByClassName("Username")[0].innerHTML = ClickableContainers[i].getElementsByClassName("Username")[0].innerHTML;
Posts[i].getElementsByClassName("PostContent")[0].innerHTML = ClickableContainers[i].getElementsByClassName("PostContent")[0].innerHTML;
}
}
// These numbers are here so you don't go back.
let MastodonLoadedFeed = [];
let BlueskyLoadedFeed = [];