From e9741828ba98f58fb54932a5c4ba8b7dd3248ad3 Mon Sep 17 00:00:00 2001
From: CatAClock <CatAClock@proton.me>
Date: Sat, 24 May 2025 16:16:47 -0700
Subject: [PATCH] CSS changes for the people who like it.

---
 CSS/index.css                  |  24 +++++++++++++++++++++---
 Icons/IndexBlackBackground.png | Bin 0 -> 180 bytes
 JS/index.js                    |  19 ++++++++++++++++---
 3 files changed, 37 insertions(+), 6 deletions(-)
 create mode 100644 Icons/IndexBlackBackground.png

diff --git a/CSS/index.css b/CSS/index.css
index f35e0a3..bb75e67 100644
--- a/CSS/index.css
+++ b/CSS/index.css
@@ -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);
+}
diff --git a/Icons/IndexBlackBackground.png b/Icons/IndexBlackBackground.png
new file mode 100644
index 0000000000000000000000000000000000000000..d03b93635bcea28fa43ed4c7f1b0e00f9c1c3b3e
GIT binary patch
literal 180
zcmeAS@N?(olHy`uVBq!ia0vp^93afW1|*O0@9PFqjKx9jPK-BC>eK@{Ea{HEjtmSN
z`?>!lvI6-E$sR$z3=CCj3=9n|3=F@3LJcn%7)lKo7+xhXFj&oCU=S~uvn$XBD8X6a
z5n0T@pr;JNj1^1m%YcHio-U3d5|@*GJUxG&Z(uht6ksR`IB?>?0f%IFCWg5ym@ON-
SW7B{N89ZJ6T-G@yGywpz6D(c;

literal 0
HcmV?d00001

diff --git a/JS/index.js b/JS/index.js
index f0c6381..11ef9c0 100644
--- a/JS/index.js
+++ b/JS/index.js
@@ -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();
-	
 }