Added credits

emotions/static/index.html

@@ -65,6 +65,16 @@
             <strong>Sync diagnostics</strong>
             <p>Loading…</p>
         </section>
+
+        <section class="credits-panel">
+            <strong>Credits</strong>
+            <ul>
+                <li><strong>AnneCha</strong><span>Most of the animations + the voiceovers.</span></li>
+                <li><strong>Coco</strong><span>Teleop software and ... antennas lol.</span></li>
+                <li><strong>Gus</strong><span>Actually plays the flute.</span></li>
+                <li><strong>Remi</strong><span>Karma farming.</span></li>
+            </ul>
+        </section>
     </main>
 
     <div id="tooltip" class="tooltip" role="status" aria-live="polite"></div>

emotions/static/style.css

@@ -399,6 +399,47 @@ body {
     font-style: italic;
 }
 
+.credits-panel {
+    margin: 48px auto 0;
+    padding: 18px 0 0;
+    max-width: 720px;
+    border-top: 1px solid rgba(255, 255, 255, 0.08);
+    color: var(--text-muted);
+    font-size: 0.85rem;
+}
+
+.credits-panel > strong {
+    display: block;
+    color: var(--text-soft);
+    margin-bottom: 8px;
+    text-transform: uppercase;
+    letter-spacing: 0.2em;
+    font-size: 0.85rem;
+}
+
+.credits-panel ul {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 6px;
+}
+
+.credits-panel li {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: baseline;
+    gap: 8px;
+    color: var(--text-muted);
+}
+
+.credits-panel li strong {
+    font-size: 0.9rem;
+    color: var(--text-muted);
+    font-weight: 600;
+}
+
 .tooltip {
     position: fixed;
     pointer-events: none;