Fix chromium based browsers having a stroke

constants.json

@@ -45,7 +45,9 @@
         "I hope you know every time I add a new quote I have a stroke making sure it shows up right because I have to gamble continously to get it to show up",
         "Fun fact: The opening animation was the first thing I made in this rewrite. It has been 99% unchanged.",
         "The background during the opening animation looks very wrong on Chromium, but its fine on Firefox... oops!",
-        "Getting donations? As a minor? I'll keep dreaming..."
+        "Donation software working? As a minor? I'll keep dreaming...",
+        "I should add a chance for there to not be a quote here just to screw with people",
+        ""
     ],
     "titles": [
         "World's Worst Developer"
@@ -56,84 +58,6 @@
         "https://unusual-back-production.up.railway.app/",
         "https://axiomatic-hair-production.up.railway.app/"
     ],
-    "fallbackLanyard": {
-        "kv": {},
-        "spotify": null,
-        "discord_user": {
-            "id": "534132311781015564",
-            "username": "bingus_violet",
-            "avatar": "f3fe0d6a1dd2fe301f437e02333e602d",
-            "discriminator": "0",
-            "bot": false,
-            "clan": null,
-            "global_name": "Violet",
-            "avatar_decoration_data": null,
-            "display_name": "Violet",
-            "public_flags": 0
-        },
-        "activities": [],
-        "discord_status": "offline",
-        "active_on_discord_web": false,
-        "active_on_discord_desktop": false,
-        "active_on_discord_mobile": false,
-        "listening_to_spotify": false,
-        "socials": {
-            "Social Media": {
-                "Fedi": {
-                    "name": "bingus_violet@floofy.city",
-                    "url": "https://floofy.city/@bingus_violet"
-                },
-                "YouTube": {
-                    "name": "Violet's Fiasco",
-                    "url": "https://www.youtube.com/channel/UChcrBJNJLZucy3TPyGyAY2g"
-                },
-                "Liberapay": {
-                    "name": "bingus_violet",
-                    "url": "https://en.liberapay.com/bingus_violet/"
-                }
-            },
-            "Messaging": {
-                "Matrix": {
-                    "name": "@bingus_violet:matrix.violets-purgatory.dev",
-                    "url": "https://matrix.to/#/@bingus_violet:matrix.violets-purgatory.dev"
-                },
-                "Discord": {
-                    "name": "bingus_violet"
-                },
-                "Revolt": {
-                    "name": "BingusViolet#5573"
-                }
-            },
-            "Coding": {
-                "Forgejo": {
-                    "name": "bingus_violet@git.violets-purgatory.dev",
-                    "url": "https://git.violets-purgatory.dev/bingus_violet/"
-                },
-                "Codeberg": {
-                    "name": "bingus_violet",
-                    "url": "https://codeberg.org/Bingus_violet"
-                },
-                "Docker": {
-                    "name": "bingusviolet",
-                    "url": "https://hub.docker.com/u/bingusviolet"
-                },
-                "Github": {
-                    "name": "violets-puragtory",
-                    "url": "https://github.com/violets-puragtory"
-                }
-            },
-            "Games": {
-                "Steam": {
-                    "name": "Violet",
-                    "url": "https://steamcommunity.com/id/violet-The-Thigh-high-obtainer/"
-                },
-                "Roblox": {
-                    "name": "@bingus_violet",
-                    "url": "https://www.roblox.com/users/28347789/profile"
-                }
-            }
-        }
-    },
     "highlightedWords": [
         {
             "words": [

pageUpdater.js

@@ -256,8 +256,10 @@ function converter(html, dynamic = true) {
         "COMMIT_COUNT": commitCount,
         "QUOTE_COUNT": quotes.length,
         "DISCORD_STATUS": () => {
+            if (api.lanyard) {
                 return `<span style="color: ${constants.discStatuses[api.lanyard.discord_status].color};" class="statusColor">${constants.discStatuses[api.lanyard.discord_status].text}</span>` +
                 `<style>.pfp { border-color: ${constants.discStatuses[api.lanyard.discord_status].color} }</style>`;
+            }
 
             return "";
         },
@@ -269,7 +271,7 @@ function converter(html, dynamic = true) {
         <a class="chip" href="/blog">Blog</a></h3>
         </div>`,
         "CUSTOM_STATUS": () => {
-            if (api.lanyard.custom_status) {
+            if (api.lanyard && api.lanyard.custom_status) {
                 var status = api.lanyard.custom_status
                 var addedHTML = "<hr/><p>"
                 if (status.emoji) {
@@ -287,7 +289,7 @@ function converter(html, dynamic = true) {
             return ""
         },
         "SELECTED_VIDEO": () => {
-            if (api.lanyard.video) {
+            if (api.lanyard && api.lanyard.video) {
                 return `<h2><hr/>Random video!</h2><p>I would call it random <em>daily</em> video but its not at all daily...</p>
                 <br/> 
                 <video controls="true" src="${api.lanyard.video.url}"></video>`
@@ -298,9 +300,9 @@ function converter(html, dynamic = true) {
         "WEATHER_TEXT": "",
         "ANNOUNCEMENT": fs.readFileSync(path.join(__dirname, "config/announcement.html")),
         "SOCIALS": () => {
-            if (api.lanyard.socials) {
+            if (api.lanyard && api.lanyard.socials) {
                 var socials = api.lanyard.socials
-                var html = ""
+                var html = `<div class="grid-container">`
                 var socialsTable = Object.keys(socials)
                 for (var i = 0; i < socialsTable.length; i++) {
                     var category = socialsTable[i]
@@ -315,6 +317,9 @@ function converter(html, dynamic = true) {
                     }
                     html += "</div></div>"
                 }
+                html += "</div>"
+            } else {
+                html = "<h2>Failed to load?!</h2><p>Uh oh</p>"
             }
             return html
         },

static/index.html

@@ -40,13 +40,10 @@
                     <div style="float: left;">
                         <p>They/Them</p>
                         <p>Developer</p>
-                        <!-- <p>Dating Asahi &lt;3</p> -->
                         <p>{DISCORD_STATUS}</p>
-                        <!-- <p>THIS TEXT IS THE EPIC EXTREME FILLER TO TEST THE SITE'S FORMATTING :fire:</p> -->
                     </div>
                 </div>
             </div>
-            <!-- <p class="noscript">Violet has been spun {SPINCOUNT} times!</p> -->
             <p class="spinnyCount" style="display: none;">You have spun Violet <span class="localSpins">4</span> times!<br>
                 Everyone has spun Violet <span class="globalSpins">{SPINCOUNT}</span> times!</p>
  

static/root.css

@@ -96,12 +96,12 @@ img:not(.project-inner > div > img):not(.activity>img) {
     0% {
         transform: translateY(calc(50vh - 6rem)) scale(1.5);
         opacity: 0;
-        height: 4rem;
+        /* height: 4rem; */
     }
 
     50% {
         opacity: 1;
-        height: 4rem;
+        /* height: 4rem; */
         transform: translateY(calc(50vh - 6rem)) scale(1.25);
     }
 
@@ -138,7 +138,7 @@ img:not(.project-inner > div > img):not(.activity>img) {
         overflow-x: hidden;
     }
 
-    100% {
+    30% {
         overflow-y: hidden;
         overflow-x: hidden;
     }

static/socials/index.html

@@ -25,17 +25,13 @@
     {WEATHER_MODIFIER}
 
     {TOPBAR}
-    <!-- <a href="../" class="chip">Home</a>
-    <a href="../faq" class="chip">FAQ</a>
-    <a href="../stats" class="chip">Stats</a> -->
+    
     <h1>Socials</h1>
     <div class="mainDiv">
         <hr>
         <main>
             <p>Here's most of the sites you can find me on-<br>if you needed that for some reason?</p>
-            <div class="grid-container">
             {SOCIALS}
-            </div>
             <br>
         </main>
         <div id="activityHtml">

static/stats/index.html

@@ -31,9 +31,7 @@
         <p>Welcome to the stats page! This page is now "deprecated"... sorta.<br>
         Feel free to read more about it at the bottom of the page.</p>
         <main>
-            <h1>
-                <hr>Stats
-            </h1>
+            <h1><hr>Stats</h1>
             <br>
             <ul>
                 <li>Page generation time: {LOAD_TIME}</li>

static/style.css

@@ -269,7 +269,7 @@ li {
 .lengthBar {
     background-color: rgb(50, 40, 60);
     display: block;
-    width: calc(100% - 100px);
+    width: calc(100% - 110px);
     margin: auto;
     height: 12px;
     padding: 0;
@@ -343,5 +343,4 @@ b, b > *, .activityTitle, .activityTitle > *, .bold {
 
 .durationBarFormatter {
     float: right;
-    width: 90px;
 }