refactor: Move markers definition to recording.md and simplify recording.js

aider/website/_includes/recording.js

@@ -10,10 +10,7 @@ document.addEventListener('DOMContentLoaded', function() {
       idleTimeLimit: 1,
       theme: "aider",
       poster: "npt:0:01",
-      markers: [
-        [1.0, "Hello!"],
-        [5.0, "Hello, this is a test. This is only a test."],
-      ],
+      markers: markers
     }
   );
   

aider/website/examples/recording.md

@@ -12,6 +12,15 @@ layout: minimal
 {% include recording.css %}
 </style>
 
+<script src="/assets/asciinema/asciinema-player.min.js"></script>
+<script>
+var markers = [
+        [1.0, "Hello!"],
+        [5.0, "Hello, this is a test. This is only a test."],
+      ];
+{% include recording.js %}
+</script>
+
 <div class="page-container">
 <div class="toast-container" id="toast-container"></div>
 <div class="terminal-container">
@@ -25,13 +34,11 @@ layout: minimal
   </div>
   <div id="demo"></div>
 </div>
-<script src="/assets/asciinema/asciinema-player.min.js"></script>
-
-<script src="/assets/asciinema/asciinema-player.min.js"></script>
-<script>
-{% include recording.js %}
-</script>
-
 </div>
 
+# Transcript
+
+- 0:01 Hello!
+- 0:05 Hello, this is a test. This is only a test.
+