a

webapp/templates/episode.html

@@ -0,0 +1,22 @@
+{% extends "base.html" %}
+
+{% block title %}{{ current_episode.title }}{% endblock %}
+
+{% block content %}
+<div class="lines-container">
+    {% for line in lines %}
+    <div class="line" 
+         data-chinese="{{ line.chinese | escape }}"
+         data-timestamp="{{ line.timestamp }}"
+         data-speaker="{{ line.speaker }}">
+        <div class="english" {% if line.speaker in colors %}style="color: {{ colors[line.speaker] }}"{% endif %}>
+            {{ line.english }}
+        </div>
+    </div>
+    {% else %}
+    <div class="empty-state">
+        <p>No lines found in this episode.</p>
+    </div>
+    {% endfor %}
+</div>
+{% endblock %}