stuff uwu

api/public/assets/javascript/check.js

@@ -1,20 +0,0 @@
-async function recievedAlert(follower) {
-    var audio = document.getElementById('audio');
-
-    // Play the Medal intro audio & gif
-    setTimeout(function() {
-        var gif = document.getElementById(`gif`)
-        var img = document.getElementById(`img`)
-        img.style.display = `block`;
-        gif.setAttribute(`width`, `350`)
-        gif.setAttribute(`src`, `assets/img/medal-gif.gif`)
-        var text = document.getElementById(`text`);
-        text.innerText = `CloakyBrokey was followed by ${follower} on Medal.tv!`
-        audio.play();
-    }, 1000);
-
-    setTimeout(function() {
-        document.getElementById(`img`).innerHTML = ``;
-    }, 15000)
-
-}

api/public/assets/javascript/data.js

@@ -0,0 +1,8 @@
+async function setSrc() {
+    const json = await fetch(`https://api.awexxx.xyz/assets/json/storage.json`).then(response => response.json());
+
+    const audio = document.getElementById(`audio`);
+    const gif = document.getElementById('gif');
+    audio.setAttribute(`src`, `${json.sound}`)
+    gif.setAttribute(`src`, `${json.gif}`)
+}

api/public/assets/javascript/socket.js

@@ -0,0 +1,18 @@
+var socket = io();
+        
+socket.on('event', function(msg) {
+  var audio = document.getElementById('audio');
+
+  // Play the Medal intro audio & gif
+  setTimeout(function() {
+      document.getElementById(`container`).style.display = `block`;
+      text.innerText = `CloakyBrokey was followed by ${msg} on Medal.tv!`
+      console.log(`User that followed:`, msg)
+      audio.play();
+  }, 1000);
+
+  setTimeout(function() {
+      document.getElementById(`container`).style.display = `none`;
+      audio.pause();
+  }, 9000)
+});

api/public/assets/json/storage.json

@@ -0,0 +1,5 @@
+{
+    "user": "CloakyBrokey",
+    "gif": "https://media.giphy.com/media/c5skRQb3BXp8RwKGKW/giphy.gif?cid=ecf05e477jeehu9k7a3bvl9ni0u3gedimlcl1zgmedn8kgk1&rid=giphy.gif&ct=g",
+    "sound": "http://localhost:7204/assets/img/medal-novideo.mp3"
+}

api/public/browser.html

@@ -6,6 +6,11 @@
         <link href="https://fonts.googleapis.com/css2?family=Teko:wght@500&display=swap" rel="stylesheet">
     </head>
     <body>
+        <script src="/assets/javascript/data.js"></script>
+        <script>
+            window.onload = setSrc
+        </script>
+
         
     <div id="container" style="text-align:center;">
         <div id="img">
@@ -16,24 +21,6 @@
         <audio src="/assets/img/medal-novideo.mp3" id="audio"></audio>
 
         <script src="/socket.io/socket.io.js"></script>
-        <script>
-            var socket = io();
-        
-          socket.on('event', function(msg) {
-            var audio = document.getElementById('audio');
-
-            // Play the Medal intro audio & gif
-            setTimeout(function() {
-                document.getElementById(`container`).style.display = `block`;
-                text.innerText = `CloakyBrokey was followed by ${msg} on Medal.tv!`
-                console.log(msg)
-                audio.play();
-            }, 1000);
-
-            setTimeout(function() {
-                document.getElementById(`container`).style.display = `none`;
-            }, 9000)
-          });
-    </script>
+        <script src="/assets/javascript/socket.js"></script>
     </body>
 </html>