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) {
+            $(".globalSpins").text(globalSpins);
-                firsttimeDebounce = false
+            
-                $(".globalSpins").innerHTML = globalSpins + 1;
-            } else {
-                $(".globalSpins").innerHTML = 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>
+            <p>Sites with a Gray border are my most active.</p>
-                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>
             <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;