Small update to socials section

constants.json

@@ -345,6 +345,12 @@
                 "YIP"
             ],
             "italicized": true
+        },
+        {
+            "words": [
+                "Miley"
+            ],
+            "color": "rgb(255, 255, 175)"
         }
     ]
 }

pageUpdater.js

@@ -507,6 +507,8 @@ module.exports = {
                 data = new cssMinifier().minify(data).styles
             } else if (filePath.includes(".js")) {
                 data = javascriptCache[filePath]
+            } else {
+                data = fs.readFileSync(filePath)
             }
 
             res.send(data)

static/index.html

@@ -19,6 +19,8 @@
 
     <title>Violet's Purgatory</title>
 
+    <link rel="icon" type="image/x-icon" href="/favicon.ico">
+
     <meta name="darkreader-lock">
 
     <meta content="Violet's Purgatory" property="og:title" />
@@ -100,6 +102,12 @@
 
         {SELECTED_VIDEO}
         
+        <hr>
+        <h2>Credits</h2>
+        <ul>
+            <li>New favicon created by <a href="https://x.com/sandyisnumber1">Miley!! (@sandyisnumber1)</a> on Twitter</li>
+        </ul>
+        
         {PATH_STATS}
 
         <p>{WEATHER_TEXT}</p>

static/js/lanyardSocket.js

@@ -42,12 +42,8 @@ function socketeer() {
         if (data.op == 4) {
             $("#apiConnected").text("true")
             globalSpins = data.spins
-            if (firsttimeDebounce == true) {
-                firsttimeDebounce = false
-                $(".globalSpins").innerHTML = globalSpins + 1;
-            } else {
-                $(".globalSpins").innerHTML = globalSpins;
-            }
+            $(".globalSpins").text(globalSpins);
+            
         } else if (data.op == 0) {
             var lanyard = data.d
             var statusInfo = discStatuses[lanyard.discord_status]

static/socials/index.html

@@ -31,8 +31,7 @@
         <main>
             <p>Here's most of the sites you can find me on!</p>
             {SOCIALS}(Full)
-            <p>Gray border = preferred, Yellow = neutral, Red = not preferred. <br>
-                Interacting via any site is perfectly fine! E.G. if you use both Fedi and Twitter, Twitter is red, so you should contact me through Fedi instead! But if you don't have Fedi, then just contact me through Twitter!</p>
+            <p>Sites with a Gray border are my most active.</p>
             <br>
         </main>
         <div id="activityHtml">

static/style.css

@@ -76,7 +76,7 @@ body, html {
 }
 
 a {
-    display: inline-block;
+    display: inline;
     transition: 1.5s all cubic-bezier(0.075, 0.82, 0.165, 1);
 }
 
@@ -84,6 +84,15 @@ a[href] {
     color: rgb(175, 225, 255);
 }
 
+a:not(.chip)[href] {
+    text-decoration: none;
+
+    background-image: linear-gradient(rgb(175, 225, 255), rgb(175, 225, 255));
+    background-size: 100% 1px;
+    background-position-y: 100%;
+    background-repeat: no-repeat;
+}
+
 
 h3 {
     font-size: 1.5rem;
@@ -267,6 +276,15 @@ ul, ol {
     max-width: 90%;
 }
 
+ul {
+    list-style: none;
+}
+
+ul > li::before {
+    content: "-";
+    padding-right: 8px;
+}
+
 li {
     font-size: 1.2rem;
     padding: 5px 0;