YouHaveTrouble/youhavetrouble.github.io
1
0
Fork 0
mirror of https://github.com/YouHaveTrouble/youhavetrouble.github.io.git synced 2026-05-11 22:06:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

js readability and transition between avatar bg colors

Browse Source
This commit is contained in:
YouHaveTrouble
2023-03-11 14:36:37 +01:00
parent 405283dd4a
commit c44199ac30
2 changed files with 15 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.js
+6 -4
View File
@@ -1,27 +1,29 @@
const status = document.querySelector("#status");
const action = document.querySelector("#status-action");
const avatar = document.querySelector(".avatar img");
const avatar = document.querySelector(".avatar");
updateStatus();
window.setInterval(updateStatus, 10000);
async function updateStatus() {
const result = await fetch("https://api.youhavetrouble.me/online");
if (result.status !== 200) return;
const json = await result.json();
if (json.steam.status === "ONLINE") {
switch (json.steam.status) {
case "ONLINE":
status.innerText = "Currently Online";
action.innerText = "";
setavatarBg("online")
return;
}
if (json.steam.status === "IN_GAME") {
case "IN_GAME":
status.innerText = "Currently Online";
action.innerText = `Playing ${json.steam.game}`;
setavatarBg("online")
return;
}
if (json.discord === "DO_NOT_DISTURB" || json.discord === "ONLINE") {
status.innerText = "Currently Online";
action.innerText = "";
main.css
+1
View File
@@ -88,6 +88,7 @@ main article {
border: 3px solid #44251a;
background-color: gray;
overflow: clip;
transition: background-color 0.3s linear;
}
.avatar img {