diff --git a/Assets/hacker-128.png b/Assets/hacker-128.png
new file mode 100644
index 0000000..026a52d
Binary files /dev/null and b/Assets/hacker-128.png differ
diff --git a/Assets/hacker-1k.png b/Assets/hacker-1k.png
new file mode 100644
index 0000000..6c28fe0
Binary files /dev/null and b/Assets/hacker-1k.png differ
diff --git a/auth/auth.js b/auth/auth.js
index 701412d..c359078 100644
--- a/auth/auth.js
+++ b/auth/auth.js
@@ -191,6 +191,18 @@ const displayFingerprints = () => {
});
};
+const setUIData = (data) => {
+ if (document.getElementById("resizer")) {
+ document.getElementById("resizer").innerHTML = data.display_name;
+ }
+ if(document.getElementById("logo")){
+ var logo = document.getElementById("logo");
+ logo.src = data.avatar;
+ logo.style.borderRadius = "10%";
+ logo.alt = "Profile icon for " + data.display_name;
+ }
+};
+
const checkLogin = () => {
// check login status
var token = localStorage.getItem("tty_token");
@@ -214,7 +226,7 @@ const checkLogin = () => {
}else {
localStorage.setItem("tty_token", response.refreshToken);
localStorage.setItem("tty_userData", JSON.stringify(response.data));
- document.getElementById("resizer").innerHTML = response.data.display_name;
+ setUIData(response.data);
}
});
}else {
@@ -269,7 +281,7 @@ $(() => {
}else{
localStorage.setItem("tty_token", response.refreshToken);
localStorage.setItem("tty_userData", JSON.stringify(response.data));
- document.getElementById("resizer").innerHTML = response.data.display_name;
+ setUIData(response.data);
}
});
} else {
diff --git a/elements/logo.php b/elements/logo.php
index 6a1d659..b04b9a0 100644
--- a/elements/logo.php
+++ b/elements/logo.php
@@ -4,6 +4,6 @@
}else{
echo "";
}?>
-
+
diff --git a/elements/unauth.php b/elements/unauth.php
index 27af09e..549e731 100644
--- a/elements/unauth.php
+++ b/elements/unauth.php
@@ -4,5 +4,5 @@