From e043b28087dca765052a2254c819f0b0e70b4f05 Mon Sep 17 00:00:00 2001
From: Midou36O <facemioo4@gmail.com>
Date: Sun, 15 May 2022 18:24:49 +0100
Subject: [PATCH] Javascript button does something better now

---
 src/assets/global.css |  3 ++-
 src/routes/contact.md | 13 ++++++++++---
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/assets/global.css b/src/assets/global.css
index 7e37c1c..dec8752 100644
--- a/src/assets/global.css
+++ b/src/assets/global.css
@@ -109,7 +109,8 @@ a:hover {
 }
 
 .matrixcolored {
-        background-color: #0dbd8b;
+        background-color: #fff;
+	color: #000;
 }
 
 .matrixcolored:hover {
diff --git a/src/routes/contact.md b/src/routes/contact.md
index 66dda8c..d908ed5 100644
--- a/src/routes/contact.md
+++ b/src/routes/contact.md
@@ -18,9 +18,16 @@ title: Contact Us
 
 <p><a href="https://matrix.to/#/#project-segfault:projectsegfau.lt">Matrix</a></p>
 
-<p id="Active"></p>
-<p id="Activity"></p>
-<button  id="hide" type="button" class="button" onclick='document.getElementById("Active").innerHTML = "Midou (Matrix) / Mrlerien (Discord) / Odyssey (Discord and Matrix) / Devnol (Discord and Matrix)"; document.getElementById("hide").style.display = "none" ;'>Click to show who is active on what platform</button>
+<div id="Active" style="display:none">
+
+	<p style="font-size: 25px; line-height: 0.3">Midou</p><p> <a class="button matrixcolored" style="padding: 10px 16px;"href="https://matrix.to/#/@midou:projectsegfau.lt">[Matrix]</a></p>
+	<p style="font-size: 25px; line-height: 0.3">Mrlerien </p><p><a class="button discordcolored" style="padding: 10px 16px" href="https://discordapp.com/users/213634643327582208">Discord</a></p>
+	<p style="font-size: 25px; line-height: 0.3">Odyssey </p> <p><a style="padding: 10px 16px" class="button matrixcolored" href="https://matrix.to/#/@odyssey346:projectsegfau.lt">|Matrix]</a> <a style="padding: 10px 16px" class="button discordcolored" href="https://discordapp.com/users/315843700490240002">Discord</a></p>
+	<p style="font-size: 25px; line-height: 0.3">Devnol</p> <p> <a style="padding: 10px 16px" class="button matrixcolored" href="https://matrix.to/#/@devnol:projectsegfau.lt">|Matrix]</a> <a class="button discordcolored" href="https://discordapp.com/users/429353559566319626" style="padding: 10px 16px">Discord</a></p>
+
+</div>
+
+<button  id="hide" type="button" class="button" onclick='document.getElementById("Active").style.display ="block"; document.getElementById("hide").style.display = "none" ;'>Click to show who is active on what platform</button>