.

css/main.css

@@ -1095,4 +1095,22 @@ display: block
 
 .cache-out-of-date {
     color: red;
-    }
+    }
+
+.user-text {
+    color: darkslateblue;
+}
+
+.inactive {
+  transform: rotate(12deg);
+	color: #555;
+	font-size: 3rem;
+	font-weight: 700;
+	border: 0.25rem solid #555;
+	display: inline-block;
+	padding: 0.25rem 1rem;
+	text-transform: uppercase;
+	border-radius: 1rem;
+	font-family: 'Courier';
+  mix-blend-mode: multiply;
+}

index.html

@@ -64,7 +64,7 @@
             <div id="options-panel" class="fullscreen-overlay">
                 <h1>RTS</h1>
                 <!-- <a href="#" id="overlay-close" class="close"></a> -->
-                <div id="user"></div>
+                <div id="user" class="user-text"></div>
                 <div id="packets">
                     <p>Available Packets (click to load):</p>
                     <span id="packet-list">

js/main.js

@@ -148,7 +148,7 @@ async function loadExamList(data) {
 
   //Display user info if it exists
   if (data.hasOwnProperty("user") && data.user) {
-    $("#user").append(data.user);
+    $("#user").append(`User: ${data.user}`);
   }
 
 
@@ -191,6 +191,10 @@ async function loadExamList(data) {
       c = " session-completed";
     }
 
+    if (!exam.active) {
+      c = c + " inactive";
+    }
+
     let list;
     if (exam.type != undefined) {
       if ($(`#packet-list .${exam.type}`).length) {