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

CSS changes for the people who like it.

Browse source
This commit is contained in:
CatAClock 2025-05-24 16:16:47 -07:00
parent ed3519f6c4
commit e9741828ba
3 changed files with 37 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
CSS/index.css
View file

@ -111,6 +111,7 @@ html {
} }
/* Classes for the main page */ /* Classes for the main page */
/* What the entire page should look like */
.MainBefore, .MainAfter { .MainBefore, .MainAfter {
position: absolute; position: absolute;
top: 0px; top: 0px;
@ -119,6 +120,16 @@ html {
background-image: url("../Icons/IndexBackground.png"); background-image: url("../Icons/IndexBackground.png");
} }
.MainBlacked {
position: absolute;
top: 0px;
left: 0px;
color: white;
background-image: url("../Icons/IndexBlackBackground.png");
}
/* Animation things to get it working smoothly */ /* Animation things to get it working smoothly */
.MainBefore { .MainBefore {
visibility: collapse; visibility: collapse;
@ -195,6 +206,7 @@ html {
border-bottom-right-radius: 2% 50%; border-bottom-right-radius: 2% 50%;
background-color: #FFFFFF; background-color: #FFFFFF;
color: #000000;
width: 22%; width: 22%;
height: 23%; height: 23%;
} }
@ -234,13 +246,11 @@ html {
font-size: 4ch; font-size: 4ch;
} }
.MainFooter { .MainFooter, .MainBlackedFooter {
display: flex; display: flex;
text-align: center; text-align: center;
justify-content: center; justify-content: center;
background: linear-gradient(#dcdcdc, #b4b4b4);
margin-top: 75vh; margin-top: 75vh;
border-top-style: solid; border-top-style: solid;
@ -249,3 +259,11 @@ html {
height: 20vh; height: 20vh;
} }
.MainFooter {
background: linear-gradient(#dcdcdc, #b4b4b4);
}
.MainBlackedFooter {
background: linear-gradient(#646464, #3c3c3c);
}

BIN
Icons/IndexBlackBackground.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 180 B

19
JS/index.js
View file

@ -333,7 +333,7 @@ function CheckForDups(Timeline, DupeArray, counter) {
return Timeline; return Timeline;
} }
// Open the settings // Open the settings.
SettingButton.onclick = (event) => { SettingButton.onclick = (event) => {
window.location.href = "./HTML/setting.html"; window.location.href = "./HTML/setting.html";
} }
@ -343,16 +343,29 @@ MailButton.onclick = (event) => {
window.location.href = "./HTML/mail.html"; window.location.href = "./HTML/mail.html";
} }
// Open the posting area // Open the posting area.
PostingButton.onclick = (event) => { PostingButton.onclick = (event) => {
window.location.href = "./HTML/post.html"; window.location.href = "./HTML/post.html";
} }
// Change the feed to a "public" feed.
FeedButton.onclick = (event) => { FeedButton.onclick = (event) => {
if (Discover == false) {
let Footer = document.getElementsByClassName("MainFooter")[0];
Main.classList.add("MainBlacked");
Main.classList.remove("MainAfter");
Footer.classList.add("MainBlackedFooter");
Footer.classList.remove("MainFooter");
} else {
let Footer = document.getElementsByClassName("MainBlackedFooter")[0];
Main.classList.add("MainAfter");
Main.classList.remove("MainBlacked");
Footer.classList.add("MainFooter");
Footer.classList.remove("MainBlackedFooter");
}
Discover = !(Discover); Discover = !(Discover);
MastodonLoadedFeed = []; MastodonLoadedFeed = [];
BlueskyLoadedFeed = []; BlueskyLoadedFeed = [];
CurrentThing = 0; CurrentThing = 0;
PosterContainerUpdate(); PosterContainerUpdate();
} }