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 */
/* What the entire page should look like */
.MainBefore, .MainAfter {
position: absolute;
top: 0px;
@ -119,6 +120,16 @@ html {
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 */
.MainBefore {
visibility: collapse;
@ -195,6 +206,7 @@ html {
border-bottom-right-radius: 2% 50%;
background-color: #FFFFFF;
color: #000000;
width: 22%;
height: 23%;
}
@ -234,13 +246,11 @@ html {
font-size: 4ch;
}
.MainFooter {
.MainFooter, .MainBlackedFooter {
display: flex;
text-align: center;
justify-content: center;
background: linear-gradient(#dcdcdc, #b4b4b4);
margin-top: 75vh;
border-top-style: solid;
@ -249,3 +259,11 @@ html {
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;
}
// Open the settings
// Open the settings.
SettingButton.onclick = (event) => {
window.location.href = "./HTML/setting.html";
}
@ -343,16 +343,29 @@ MailButton.onclick = (event) => {
window.location.href = "./HTML/mail.html";
}
// Open the posting area
// Open the posting area.
PostingButton.onclick = (event) => {
window.location.href = "./HTML/post.html";
}
// Change the feed to a "public" feed.
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);
MastodonLoadedFeed = [];
BlueskyLoadedFeed = [];
CurrentThing = 0;
PosterContainerUpdate();
}