Implemented Medal alert system for cloaky smh

api/public/assets/css/main.css

@@ -0,0 +1,51 @@
+body {
+  font-family: 'Teko', sans-serif;
+}
+
+h3{
+  color:gray;
+}
+
+  .center {
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+    width: 40%;
+  }
+
+  #container {
+    display: none;
+  }
+
+  #img {
+    padding-top:20px;
+    animation: fadeIn 1s;
+    -webkit-animation: fadeIn 1s;
+    -moz-animation: fadeIn 1s;
+    -o-animation: fadeIn 1s;
+    -ms-animation: fadeIn 1s;
+  }
+  @keyframes fadeIn {
+    0% {opacity:0;}
+    100% {opacity:1;}
+  }
+  
+  @-moz-keyframes fadeIn {
+    0% {opacity:0;}
+    100% {opacity:1;}
+  }
+  
+  @-webkit-keyframes fadeIn {
+    0% {opacity:0;}
+    100% {opacity:1;}
+  }
+  
+  @-o-keyframes fadeIn {
+    0% {opacity:0;}
+    100% {opacity:1;}
+  }
+  
+  @-ms-keyframes fadeIn {
+    0% {opacity:0;}
+    100% {opacity:1;}
+  }

api/public/assets/javascript/check.js

@@ -0,0 +1,20 @@
+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)
+
+}