Minor improvements to activity images, new todo

README.md

@@ -25,6 +25,11 @@ On the main page, you can find `{PATH_SOCIALS}`. This effectively "embeds" the s
 For an easy to digest example, look at the socials section on the main page of [Violet's Purgatory](https://violets-purgatory.dev). Afterwards, look at the [*socials page*](https://violets-purgatory.dev/socials). You will notice they're the same, because in the code for the main page, I put {PATH_SOCIALS} which got the page at /socials.
 
 # To-do
-- [ ] Add more content to the socials page & make it more easily findable on the site
+## Socials:
+- [ ] Make it more easily findable on the site
+- [ ] Add more content 
     - [ ] Pull latest Youtube video & display it
     - [x] Display current Discord Activities
+
+## Activities
+- [ ] Compress images to reduce space used and network usage (Probably using thumbor to prevent needing MORE packages TwT)

overcomplicatedStatuses.js

@@ -87,7 +87,7 @@ module.exports = {
                         var fn = cachedImages[get_img_url(activity, size)]
                         var fp = path.join(__dirname, 'static/cached', fn)
                     } else {
-                        return 'imgs/notFound.png'
+                        return '/imgs/notFound.png'
                     }
 
                     return '/cached/' + fn

pageUpdater.js

@@ -71,7 +71,8 @@ function converter(html, query) {
         "UPTIME": uptime,
         "TOPBAR": `<div id="topbar"><h3><a href="/socials">Socials</a></h3></div>`,
         "DISCORD_USER": username,
-        "CUSTOM_STATUS": statusText
+        "CUSTOM_STATUS": statusText,
+        "LATEST_YOUTUBE": "filler"
     }
 
     var rpTable = Object.keys(replacers)

static/socials/index.html

@@ -24,7 +24,7 @@
 
     <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">
@@ -64,6 +64,8 @@
     <div id="activityHTML">
         {ACTIVITIES}
     </div>
+
+    {LASTEST_YOUTUBE}
 </div>
 </body>