From 9b5e4d093b2b3eb27b6fc06860500b632d86032e Mon Sep 17 00:00:00 2001
From: Bingus_Violet <violetbutagain@gmail.com>
Date: Tue, 13 Feb 2024 09:11:34 -0600
Subject: [PATCH] More colors!

---
 config.json               | 10 +++++++++-
 static/socials/index.html | 17 +++++++++--------
 static/style.css          |  6 +++++-
 3 files changed, 23 insertions(+), 10 deletions(-)

diff --git a/config.json b/config.json
index 24fe5f4..dc5a5c5 100644
--- a/config.json
+++ b/config.json
@@ -76,6 +76,14 @@
         "Godot Engine": "#64B5F6",
         "javascript": "yellow",
         "NodeJS": "limegreen",
-        "Violet": "rgb(200, 150, 255)"
+        "Violet": "rgb(200, 150, 255)",
+        "Youtube": "rgb(255, 0, 0)",
+        "Fedi": "rgb(175, 125, 200)",
+        "Matrix": "limegreen",
+        "Codeberg": "rgb(0, 255, 255)",
+        "Docker": "blue",
+        "Github": "white",
+        "Steam": "lightgray",
+        "Univerter": "rgb(200, 175, 255)"
     }
 }
\ No newline at end of file
diff --git a/static/socials/index.html b/static/socials/index.html
index 10383b4..b6c3c7d 100644
--- a/static/socials/index.html
+++ b/static/socials/index.html
@@ -40,32 +40,33 @@
                 <a class="chip" href="https://codeberg.org/bingus_violet/steamrpc">SteamRPC</a>
             </div>
         </div>
+
         <div class="grid-child">
             <div>
                 <h3>Social Media</h3>
-                <a class="chip" href="https://www.youtube.com/channel/UChcrBJNJLZucy3TPyGyAY2g">Youtube</a>
-                <a class="chip" href="https://ko-fi.com/bingus_violet" style="color: rgb(255, 100, 100);">Ko-fi</a>
-                <a class="chip" href="https://void.lgbt/bingus_violet" rel="me">Fedi</a>
+                <a class="chip" href="https://www.youtube.com/channel/UChcrBJNJLZucy3TPyGyAY2g">Youtube: <span style="color: white;">{Violet}'s Fiasco</span></a>
+                <a class="chip" href="https://ko-fi.com/bingus_violet" style="color: rgb(255, 100, 100);">Ko-fi: <span style="color: white;">Bingus_{Violet}</span></a>
+                <a class="chip" href="https://void.lgbt/bingus_violet" rel="me">Fedi: <span style="color: white;">bingus_violet&ZeroWidthSpace;@void.lgbt</span></a>
             </div>
         </div>
         <div class="grid-child">
             <div>
                 <h3>Chat</h3>
-                <a class="chip" href="https://matrix.to/#/@bingus_violet:catgirl.cloud">Matrix</a>
+                <a class="chip" href="https://matrix.to/#/@bingus_violet:catgirl.cloud">Matrix: <span style="color: white;">@bingus_violet:&ZeroWidthSpace;catgirl.cloud</span></a>
             </div>
         </div>
         <div class="grid-child">
             <div>
                 <h3>Coding</h3>
-                <a class="chip" href="https://codeberg.org/Bingus_violet">Codeberg</a>
-                <a class="chip" href="https://hub.docker.com/u/bingusviolet">Docker</a>
-                <a class="chip" href="https://github.com/violets-puragtory">Github</a>
+                <a class="chip" href="https://codeberg.org/Bingus_violet">Codeberg: <span style="color: white;">bingus_violet</span></a>
+                <a class="chip" href="https://hub.docker.com/u/bingusviolet">Docker: <span style="color: white;">bingusviolet</span></a>
+                <a class="chip" href="https://github.com/violets-puragtory">Github: <span style="color: white;">violets-puragtory</span></a>
             </div>
         </div>
         <div class="grid-child">
             <div>
                 <h3>Games</h3>
-                <a class="chip" href="https://steamcommunity.com/id/violet-The-Thigh-high-obtainer/">Steam</a>
+                <a class="chip" href="https://steamcommunity.com/id/violet-The-Thigh-high-obtainer/">Steam: <span style="color: white;">{Violet}</span></a>
             </div>
         </div>
     </main>
diff --git a/static/style.css b/static/style.css
index 29ac9e4..34a59b1 100644
--- a/static/style.css
+++ b/static/style.css
@@ -55,7 +55,7 @@ h3 {
     padding: 10px;
 }
 
-@media screen and (min-width: 450px) {
+@media screen and (min-width: 650px) {
     .grid-container {
         display: grid;
         grid-template-columns: 1fr 1fr;
@@ -90,6 +90,10 @@ h3 {
     text-decoration: none;
 }
 
+/* span {
+    text-decoration: none;
+} */
+
 .chip:hover {
     background-color: rgb(10, 0, 25);
     transform: scale(1);