Finished up with css-only flair implementation.

www/js/channel/channel.js

@@ -43,9 +43,19 @@ class channel{
             document.title = `${this.channelName} - Connected`
         });
 
-        this.socket.on("error", (data) => {
-            console.log(data);
-        });
+        this.socket.on("clientMetadata", this.handleClientInfo.bind(this));
+
+        this.socket.on("error", console.log);
+    }
+
+    handleClientInfo(data){
+        this.user = {
+            id: data.user.id,
+            name: data.user.name,
+            rank: data.user.rank
+        }
+
+        this.chatBox.handleClientInfo(data);
     }
 }