From 8119deb85398210b3a8c175796dbdc20c0ed6dcb Mon Sep 17 00:00:00 2001
From: VijaySamant4368 <vijaysamant4368@gmail.com>
Date: Sat, 10 Aug 2024 18:14:34 +0530
Subject: [PATCH 1/2] Colored socials

---
 js/nav.footer.js     | 12 ++++++++++--
 styles/mainstyle.css |  8 ++++++++
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/js/nav.footer.js b/js/nav.footer.js
index c84dc3c..74dd3cc 100644
--- a/js/nav.footer.js
+++ b/js/nav.footer.js
@@ -61,14 +61,22 @@ const footer = `
 			async
 		></script>
 		<div class="social-icons">
-			<a href="https://github.com/ChromeGaming/Dot-Box" target="_blank">
+			<a href="https://github.com/ChromeGaming/Dot-Box" class="social" target="_blank">
 				<i class="fab fa-github"></i>
 			</a>
-			<a href="https://discord.gg/2HTCFrSvPB" target="_blank">
+			<a href="https://discord.gg/2HTCFrSvPB" class="social" target="_blank">
 				<i class="fab fa-discord"></i>
 			</a>
 		</div>
 	</div>
+	<style>
+		.author .social-icons .social:hover .fa-github{
+			color: #2b3137;
+		}
+		.author .social-icons .social:hover .fa-discord{
+			color: #7289da;
+		}
+	</style>
 `;
 
 document.addEventListener("DOMContentLoaded", () => {
diff --git a/styles/mainstyle.css b/styles/mainstyle.css
index 08670e5..65722b8 100644
--- a/styles/mainstyle.css
+++ b/styles/mainstyle.css
@@ -830,4 +830,12 @@ input[type="number"] {
 
 .hidden {
 	display: none;
+}
+
+
+.author .social-icons .social:hover .fa-github{
+	color: #2b3137;
+}
+.author .social-icons .social:hover .fa-discord{
+	color: #7289da;
 }
\ No newline at end of file

From 501c19a561ef762803103f1588dba57fc3449694 Mon Sep 17 00:00:00 2001
From: VijaySamant4368 <vijaysamant4368@gmail.com>
Date: Sat, 10 Aug 2024 18:51:30 +0530
Subject: [PATCH 2/2] Added color to floating socials

---
 styles/mainstyle.css | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/styles/mainstyle.css b/styles/mainstyle.css
index 65722b8..6803205 100644
--- a/styles/mainstyle.css
+++ b/styles/mainstyle.css
@@ -838,4 +838,18 @@ input[type="number"] {
 }
 .author .social-icons .social:hover .fa-discord{
 	color: #7289da;
-}
\ No newline at end of file
+}
+
+.floating-social .social-icon:hover .fa-twitter {
+	color:#1DA1F2;
+}
+
+.floating-social .social-icon:hover .fa-instagram {
+	background-color: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
+}
+.floating-social .social-icon:hover .fa-facebook {
+	color: #4267B2;
+}
+.floating-social .social-icon:hover .fa-linkedin {
+	color: #0077b5;
+}