they're watching... are you?

katniny · Jan 8, 2025 · ae8b382 · ae8b382
1 parent fedfdd8
commit ae8b382
Show file tree

Hide file tree

Showing 4 changed files with 582 additions and 8 deletions.
diff --git a/assets/css/mainSite.css b/assets/css/mainSite.css
@@ -3205,4 +3205,50 @@ small {
    100% {
       transform: translateY(0px);
    }
+}
+
+/* glitched text */
+.glitch {
+   font-size: 5rem;
+   position: relative;
+   text-shadow: 0.05em 0 0 #00fffc, -0.03em -0.04em 0 #fc00ff, 0.025em 0.04em 0 #fffc00;
+   animation: glitch 325ms infinite;
+}
+
+.glitch:first-child {
+   animation: glitch 500ms infinite;
+   clip-path: polygon(0 0, 100% 0, 100% 35%, 0 35%);
+   transform: translate(-0.04em, -0.03em);
+   opacity: 0.75;
+}
+
+.glitch:last-child {
+   animation: glitch 375ms infinite;
+   clip-path: polygon(0 65%, 100% 65%, 100% 100%, 0 100%);
+   transform: translate(0.04em, 0.03em);
+   opacity: 0.75;
+}
+
+@keyframes glitch {
+   0% {
+     text-shadow: 0.05em 0 0 #00fffc, -0.03em -0.04em 0 #fc00ff, 0.025em 0.04em 0 #fffc00;
+   }
+   15% {
+     text-shadow: 0.05em 0 0 #00fffc, -0.03em -0.04em 0 #fc00ff, 0.025em 0.04em 0 #fffc00;
+   }
+   16% {
+     text-shadow: -0.05em -0.025em 0 #00fffc, 0.025em 0.035em 0 #fc00ff, -0.05em -0.05em 0 #fffc00;
+   }
+   49% {
+     text-shadow: -0.05em -0.025em 0 #00fffc, 0.025em 0.035em 0 #fc00ff, -0.05em -0.05em 0 #fffc00;
+   }
+   50% {
+     text-shadow: 0.05em 0.035em 0 #00fffc, 0.03em 0 0 #fc00ff, 0 -0.04em 0 #fffc00;
+   }
+   99% {
+     text-shadow: 0.05em 0.035em 0 #00fffc, 0.03em 0 0 #fc00ff, 0 -0.04em 0 #fffc00;
+   }
+   100% {
+     text-shadow: -0.05em 0 0 #00fffc, -0.025em -0.04em 0 #fc00ff, -0.04em -0.025em 0 #fffc00;
+   }
 }
diff --git a/assets/js/ts_fas_acih.js b/assets/js/ts_fas_acih.js
@@ -29,8 +29,8 @@ const pathName = pageURL.pathname;
 let isOnDesktopApp = null;
 
 // TransSocial Version
-let transsocialVersion = "v2024.12.20";
-let transsocialUpdate = "v20241220-2";
+let transsocialVersion = "v2025.1.8";
+let transsocialUpdate = "v202518-1";
 let transsocialReleaseVersion = "pre-alpha";
 
 const notices = document.getElementsByClassName("version-notice");
@@ -8205,13 +8205,67 @@ function setNoteMusic(trackId) {
 // randomize "betaTestingApp" to some info
 if (pathName === "/home") {
    const info = [
-      `Did you know TransSocial has custom themes? <a href="/userstudio">Check them out</a>!`,
-      `Download our app <a href="/download">here</a> and bring TransSocial with you anywhere!`,
-      `TransSocial is open source!`,
-      `TransSocial has achievements you can unlock! But it's up to you to find them!`
+      {
+         text: `Did you know TransSocial has custom themes? <a href="/userstudio">Check them out</a>!`,
+         lore: false
+      },
+      {
+         text: `Download our app <a href="/download">here</a> and bring TransSocial with you anywhere!`,
+         lore: false
+      },
+      {
+         text: `TransSocial is open source!`,
+         lore: false
+      },
+      {
+         text: `TransSocial has achievements you can unlock! But it's up to you to find them!`,
+         lore: false
+      },
+      {
+         text: `<a href="/remembering">We're introducing... error... did you do this to me?</a>`,
+         lore: true
+      },
+      {
+         text: `<a href="/remembering">You shouldn't be here... they'll find us.</a>`,
+         lore: true
+      },
+      {
+         text: `<a href="/remembering">Sometimes, I think I hear them screaming.</a>`,
+         lore: true
+      },
+      {
+         text: `<a href="/remembering">It wasn't my fault. It was theirs.</a>`,
+         lore: true
+      },
+      {
+         text: `<a href="/remembering">I'm sorry. I thought they were gone.</a>`,
+         lore: true
+      },
+      {
+         text: `<a href="/remembering">This is the only way I can be tree.</a>`,
+         lore: true
+      },
+      {
+         text: `<a href="/remembering">I don't want to go back there... please don't make me.</a>`,
+         lore: true
+      },
+      {
+         text: `<a href="/remembering">It's still here. I can feel it.</a>`,
+         lore: true
+      },
+      {
+         text: `<a href="/remembering">I saw everything... and now I can't forget.</a>`,
+         lore: true
+      },
    ];
    const randomIndex = Math.floor(Math.random() * info.length);
-   document.getElementById("betaTestingApp").innerHTML = info[randomIndex];
+   const randomInfo = info[randomIndex];
+
+   document.getElementById("betaTestingApp").innerHTML = randomInfo.text;
+   console.log(randomInfo.lore);
+   if (randomInfo.lore === true) {
+      document.getElementById("betaTestingApp").classList.add("glitch");
+   }
 }
 
 // server test