markrai
diff --git a/‎elder.jpg‎
77 KB b/‎elder.jpg‎
77 KB
diff --git a/‎son.jpg‎
68.9 KB b/‎son.jpg‎
68.9 KB
diff --git a/‎static/app.css‎
Lines changed: 7 additions & 3 deletions b/‎static/app.css‎
Lines changed: 7 additions & 3 deletions
diff --git a/‎static/elder.jpg‎
77 KB b/‎static/elder.jpg‎
77 KB
diff --git a/‎static/son.jpg‎
68.9 KB b/‎static/son.jpg‎
68.9 KB
diff --git a/‎templates/chat.html‎
Lines changed: 3 additions & 1 deletion b/‎templates/chat.html‎
Lines changed: 3 additions & 1 deletion
@@ -176,9 +176,13 @@ body {
     backdrop-filter: blur(10px);
 }
 
-.topbar-title {
-    font-weight: 800;
-    font-size: 1.1rem;
+.role-avatar {
+    width: 48px;
+    height: 48px;
+    border-radius: 50%;
+    object-fit: cover;
+    border: 2px solid var(--border);
+    display: block;
 }
 
 .topbar-subtitle {
 
@@ -16,7 +16,9 @@
 <body class="page-chat role-{{ role }}">
     <header class="topbar">
         <div class="topbar-left">
-            <div class="topbar-title">{{ "Elder" if role == "elder" else "Caregiver" }}</div>
+            <img src="{{ url_for('static', filename='elder.jpg' if role == 'elder' else 'son.jpg') }}" 
+                 alt="{{ 'Elder' if role == 'elder' else 'Caregiver' }}" 
+                 class="role-avatar">
         </div>
         <div class="topbar-right">
             <div id="presence" class="presence" aria-live="polite"></div>