major update

static/js/index.js

@@ -1,3 +1,5 @@
+// TYPERWRITER
+
 const values = [
     "Web developer", 
     "Pc games enjoyer", 
@@ -68,4 +70,35 @@ function typing() {
     }
 }
 
-typing();
+typing();
+
+// HIDDEN STUFF (shh don't tell anyone >:3)
+
+var last5Chars = "";
+
+document.addEventListener('keydown', function(event) {
+    last5Chars += event.key;
+    if (last5Chars == "furry") {
+        console.log("owo, whats this?");
+        document.getElementById('furry').style.display = 'block';
+    }
+    while (last5Chars.length >= 5) {
+        last5Chars = last5Chars.slice(1);
+    }
+});
+
+// Spotify API
+
+function getSpotify() {
+    fetch('https://api.alfieking.dev/spotify/nowplaying/xz02oolstlvwxqu1pfcua9exz').then(response => {
+        return response.json();
+    }).then(data => {
+        document.getElementById('spotify').style.backgroundImage = "url(" + data.item.album.images[0].url + ")";
+        document.getElementById('spotify-title').innerHTML = data.item.name;
+        document.getElementById('spotify-artist').innerHTML = data.item.artists[0].name;
+        document.getElementById('spotify-link').href = data.item.external_urls.spotify;
+    });
+}
+
+getSpotify();
+setInterval(getSpotify, 15000);

static/js/music.js

@@ -1,78 +0,0 @@
-var enableMusic = true;
-
-document.getElementById('music').addEventListener('mouseover', function() { musicHover(); });
-
-function musicHover() {
-    if (!enableMusic) {
-        return;
-    }
-    let icon = document.getElementById('music-icon');
-    icon.style.width = '8rem';
-    icon.style.height = '8rem';
-    icon.style.borderRadius = '500px 0 0 500px';
-    let div = document.getElementById('music-expand');
-    div.style.display = 'flex';
-    div.style.width = '20rem';
-    div.style.height = '8rem';
-    let title = document.getElementById('music-title');
-    title.style.display = 'block';
-    let info = document.getElementById('music-info');
-    info.style.display = 'block';
-    let progress = document.getElementById('music-progress');
-    progress.style.display = 'block';
-}
-
-document.getElementById('music').addEventListener('mouseout', function() { musicOut(); });
-
-function musicOut() {
-    let icon = document.getElementById('music-icon');
-    icon.style.width = '1.5rem';
-    icon.style.height = '1.5rem';
-    icon.style.borderRadius = '50%';
-    let div = document.getElementById('music-expand');
-    div.style = '';
-    let title = document.getElementById('music-title');
-    title.style.display = 'none';
-    let info = document.getElementById('music-info');
-    info.style.display = 'none';
-    let progress = document.getElementById('music-progress');
-    progress.style.display = 'none';
-}
-
-function fetchData() {
-    // allow cors
-    let data = fetch('https://alfieking.dev/api/nowplaying')
-    .then(response => response.json()).then(data => { return data; }) 
-    .catch(error => { return null;});
-    return data;
-}
-
-function updateUi(data) {
-    enableMusic = true;
-    document.getElementById('music').style.display = 'flex';
-    document.getElementById('music-icon').src = data.item.album.images[0].url;
-    document.getElementById('music-title').innerText = data.item.name;
-    document.getElementById('music-info').innerText = data.item.artists[0].name + ' - ' + data.item.album.name;
-    let progress = data.progress_ms / data.item.duration_ms * 100;
-    document.getElementById('music-progress').style.width = progress + '%';
-}
-
-function hideUi() {
-    enableMusic = false;
-    document.getElementById('music').style.display = 'none';
-}
-
-function update() {
-    fetchData().then(data => { 
-        console.log(data);
-        if (data.item != null) {
-            updateUi(data);
-        }
-        else {
-            hideUi();
-        }
-    });
-}
-
-update();
-setInterval(update, 3000);